.pendingPayment {
  /*prevent double click select*/
  /*stying for the collapsible panel*/
}
.pendingPayment .no-selection {
  -webkit-user-select: none;
  /* webkit (safari, chrome) browsers */
  -moz-user-select: none;
  /* mozilla browsers */
  -khtml-user-select: none;
  /* webkit (konqueror) browsers */
  -ms-user-select: none;
  /* IE10+ */
}
.pendingPayment .collapsiblePanel {
  display: block;
  margin: 0 auto;
  position: relative;
  background-color: #dddddd;
  width: 270px;
  border-top: solid 1px #ccc;
  border-bottom: solid 1px #ffffff;
  border-left: solid 1px #dddddd;
  border-right: solid 1px #dddddd;
  border-radius: 3px;
  overflow: hidden;
}
.pendingPayment .collapsiblePanel .icon {
  position: absolute;
  top: 14px;
  right: 0;
  color: #cc2d30;
  font-size: 15px;
}
.pendingPayment .collapsiblePanel .collapsibleHeader {
  height: 40px;
  padding: 10px 10px 10px 20px;
  position: relative;
  text-align: left;
  font-size: 14px;
}
.pendingPayment .collapsiblePanel .collapsibleHeader:hover {
  cursor: pointer;
}
.pendingPayment .collapsiblePanel .collapsibleContent {
  display: block;
  padding: 0 15px 0 15px;
}
.pendingPayment .collapsiblePanel.collapsed {
  background-color: #ebebeb !important;
}
.pendingPayment .section {
  margin: 0 auto;
  text-align: center;
}
.pendingPayment .sectionSchedule {
  margin: 0 auto;
  text-align: left;
  width: 100%;
}
.pendingPayment .pendingInfo {
  float: right;
  margin-top: 0 !important;
}
.pendingPayment .pendingInfo .pendingKey {
  padding-right: 0;
  text-align: right;
  color: #777777;
}
.pendingPayment .pendingInfo .pendingValue {
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  text-align: right;
  font-weight: bold;
}
.amountDue {
  font-size: 36.4px;
  line-height: 1.0em;
  text-align: right;
}
.billingAccountNumber {
  padding-bottom: 5px;
}
.amountDue sup {
  top: -1em;
  font-size: 14px;
}
.amountDue-large {
  font-size: 60px;
  line-height: 0.9em;
  text-align: right;
}
.scheduleAmountDue {
  font-size: 45px;
  line-height: 0.9em;
  text-align: right;
}
.amountDue-large sup {
  top: -1em !important;
  font-size: 24px !important;
}
.pendingEnrollmentContainer {
  display: inline-block;
  width: 100%;
}
.btn-schedulePay {
  text-align: center;
  font-size: 14px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  width: 278px;
}
.scheduledMinDue {
  font-size: 14px;
  color: #cc2d30;
  font-style: italic;
  text-align: right;
}
@media only screen and (min-width: 0px) and (max-width: 1001px) {
  .confirmContainer .section {
    max-width: 100%;
  }
  .confirmContainer .confirmationInfo {
    max-width: 380px;
    margin: 0 auto;
  }
  .confirmContainer .scheduleConfirmationInfo {
    margin: 0 auto;
  }
  .confirmContainer .confirmationSchedule {
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 15px;
    padding-top: 30px;
    font-style: italic;
  }
}
@media only screen and (min-width: 660px) {
  #remainingBalance {
    font-size: 18px;
  }
}
.billingAccountRowRight {
  display: table;
  height: auto !important;
  padding-right: 25px;
  text-align: right;
  margin-top: 9px;
  width: 191px;
}
.amountDueContainer {
  height: 55px;
  vertical-align: middle;
  display: table-cell;
  padding-right: 10px;
}
.numberAmount {
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
}
.billingAccountRowRight sup {
  font-size: 14px;
  top: -1em;
}
.billingAccountRowLeft {
  float: left !important;
  padding-left: 10px;
}
.billingDescriptionNoDue {
  margin-top: 21px;
}
.statusInner {
  overflow: hidden;
  margin-bottom: 5px;
}
.emphasizeGF {
  color: red;
}
#billingActivities ul {
  list-style-type: none;
}
#billingActivities .activityUnavailable {
  font-style: italic;
  color: #333333;
}
#billingActivities .documentUnavailable {
  color: #333333;
}
#billingActivities .show-loading-container {
  min-height: 250px;
}
.nextScheduled {
  border-top: 1px solid #ccced2;
}
.pendingPayment.confirmContainer {
  text-align: left;
  border-bottom: 1px solid #ccced2;
}
.pendingPayment.confirmContainer .emphasized {
  font-size: 20px;
}
.pendingPayment.confirmContainer .scheduleEmphasized {
  font-size: 20px;
  color: #CC2D30;
  font-style: italic;
  text-align: left;
  padding-left: 10px;
}
.pendingPayment.confirmContainer .confirmation {
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 15px;
}
.pendingPayment.confirmContainer .confirmationInfo {
  font-size: 14px;
}
.pendingPayment.confirmContainer .scheduleConfirmationInfo {
  font-size: 14px;
  text-align: left;
  padding-left: 10px;
  padding-bottom: 20px;
  padding-right: 10px;
}
.pendingPayment.confirmContainer .confirmationSchedule {
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 15px;
  padding-top: 20px;
  font-style: italic;
  text-align: left;
  padding-left: 10px;
}
.pendingPayment.confirmContainer .scheduledMessage {
  border-top: 1px solid #ccced2;
  text-align: left;
  padding-top: 10px;
  padding-left: 10px;
  padding-right: 10px;
}
.pendingPayment.confirmContainer .confirmationScheduleInfo {
  font-size: 14px;
  max-width: 300px;
  margin: 0 auto;
  text-align: left;
  padding-bottom: 20px;
}
.pendingPayment.confirmContainer .warningInfo {
  font-size: 14px;
  text-align: left;
  color: #CC2D30;
}
.pendingPayment.confirmContainer .contentContainer {
  margin: 0;
  background-color: #ebebeb;
  border-top: 1px solid #ccced2;
  border-bottom: 1px solid #ccced2;
  border-right: 0;
  border-left: 0;
  border-radius: 0;
}
.pendingPayment.confirmContainer .iconPayment {
  margin-bottom: 0 !important;
}
.pendingPayment.confirmContainer .collapsibleContent {
  max-height: 52px;
}
.helpContainer {
  display: inline-block;
  width: 100%;
  padding: 20px 30px 30px 30px;
  background-color: #f7f7f7;
}
.billingContactStatus {
  font-size: 14px;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #000000;
  padding-right: 6px;
  padding-bottom: 10px;
}
.billingContactNumber {
  font-size: 20px;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
}
.noBillingDetails {
  font-size: 22px;
  padding-left: 20px;
  padding-top: 20px;
}
.errorStatus {
  margin: 0 0 0 0;
  border-bottom: 1px solid #ccced2;
  padding: 2px 0;
  font-weight: bold;
  max-width: 640px;
}
.errorStatus .error {
  padding: 10px 0 10px 35px;
  color: #CC2D30;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
}
.errorStatus .icon {
  top: 5px;
  float: left;
}
.billStatusBorder {
  border-bottom: 1px solid #ccced2;
}
.billStatusContainer {
  text-align: center;
  max-width: 640px;
}
.billStatusContainer .billStatusInner {
  display: inline-block;
  margin: 0 auto;
  min-width: 320px;
}
.billStatusContainer .billStatusInnerWide {
  display: inline-block;
  margin: 0 auto;
  width: 100%;
  border-bottom: 1px solid #ccced2;
}
.billStatusContainer .statusRow {
  margin-top: 20px;
  margin-bottom: 10px;
  padding-bottom: 10px;
}
.billStatusContainer .statusRow:before,
.billStatusContainer .statusRow:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.billStatusContainer .statusRow:after {
  clear: both;
}
.billStatusContainer .label {
  width: 130px;
  text-align: right;
  float: left;
  margin-right: 15px;
}
.billStatusContainer span {
  float: left;
  text-align: left;
}
.accountPolicies {
  margin-top: 30px;
}
.accountPolicies .icon-arrow_right {
  position: absolute;
  top: 10px;
  right: 0;
  width: 20px;
}
.accountPolicies h2 {
  margin: 0;
  padding: 5px 28px 5px 0;
  border-bottom: 1px solid #ccced2;
  color: #46494d;
}
.accountPolicies ul {
  margin: 0;
  padding: 0 0 30px;
}
.accountPolicies li {
  list-style: none;
  border-bottom: 1px solid #ccced2;
  height: 40px;
  line-height: 32px;
  padding: 5px 28px 5px 0;
  width: inherit;
  background-position: center right;
  cursor: pointer;
  position: relative;
}
.accountPolicies .title {
  float: left;
  top: 11px;
}
.accountPolicies .iconArrow {
  float: left;
  top: 9px;
}
.accountPolicies .iconBilling {
  float: left;
  top: 4px;
}
.accountPolicies .title {
  margin-left: 10px;
}
.accountPolicies .number {
  float: right;
}
.section:before,
.section:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.section:after {
  clear: both;
}
.actionContainer {
  display: inline-block;
  min-width: 320px;
  height: 161px;
  padding: 50px 30px 30px 30px;
  background-color: #f7f7f7;
}
.actionContainer .autoPayBtnContainer {
  margin-top: 10px;
}
.enrollInAutopayAlign {
  padding: 25px 30px 30px 30px;
}
#billingAccountShow h1 {
  border-bottom: 1px solid #ccced2;
  padding-bottom: 10px;
  max-width: 640px;
}
.actionContainerBlank {
  min-width: 320px;
  display: table-cell;
  height: 161px;
  padding: 30px;
  background-color: #ffffff;
  border-bottom: 1px solid #ccced2;
}
.remainingBalTxt {
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-size: 16px;
}
.detail-Heading-Billing {
  color: #313235;
  font-size: 22px;
  font-weight: normal;
  /* margin-bottom: 10px; */
  margin-top: 20px;
  padding-bottom: 10px;
  border-bottom: 1px solid #ccced2;
}
.accountPolicies .billingPolicyTitle {
  margin-left: 10px;
}
@media only screen and (min-width: 0px) and (max-width: 660px) {
  #billingAccountShow h1 {
    background-color: #f7f7f7;
    margin: 0;
    border-bottom: 1px solid #ccced2;
    padding: 5px;
    text-align: center;
    font-size: 16px;
  }
  .title {
    display: none !important;
  }
  tr.title {
    display: none !important;
  }
  th.title,
  td.title {
    display: none !important;
  }
  .detail-Heading-Billing {
    text-align: center;
    background-color: #f7f7f7;
    margin-top: 0;
    padding-top: 10px;
  }
  .section {
    padding-left: 10px;
    padding-right: 10px;
  }
  .accountPolicies .billingPolicyTitle {
    text-overflow: ellipsis;
    overflow: hidden;
    width: 45%;
    white-space: nowrap;
  }
  .actionContainer {
    display: inline-block;
    width: 100%;
    border-top: 1px solid #ccced2;
  }
  .pendingPayment.confirmContainer {
    border-bottom: none;
    text-align: center;
  }
  .pendingPayment.confirmContainer .section {
    padding: 20px 0px;
    min-width: 320px;
  }
  .pendingPayment.confirmContainer .emphasized {
    line-height: 1em;
  }
  .pendingPayment.confirmContainer .scheduleEmphasized {
    line-height: 1em;
    color: #CC2D30;
    font-style: italic;
  }
  .pendingPayment.confirmContainer .confirmationSchedule {
    text-align: center;
  }
  .pendingPayment.confirmContainer .scheduleEmphasized {
    text-align: center;
    color: #CC2D30;
    font-style: italic;
  }
  .pendingPayment.confirmContainer .scheduleConfirmationInfo {
    text-align: left;
    padding-bottom: 20px;
  }
  .actionContainerBlank {
    display: none;
  }
  .billStatusContainer .billStatusInnerWide {
    display: block;
  }
}
@media only screen and (min-width: 661px) {
  #billingAccountShow h1 {
    margin: 0;
    margin-top: 10px;
  }
  .pendingPayment.confirmContainer {
    width: 100%;
    float: left;
  }
  .pendingPayment.confirmContainer .contentContainer {
    width: auto;
  }
}
@media only screen and (min-width: 1000px) {
  .billStatusInner {
    float: left;
    margin-right: 30px;
    min-width: 320px;
  }
  .billStatusInnerWide {
    float: left;
    margin-right: 30px;
    min-width: 100%;
  }
  #makePaymentContainer {
    margin-top: 40px;
  }
  .pendingPayment.confirmContainer {
    max-width: 640px;
  }
  .pendingPayment.confirmContainer .section {
    width: 300px;
    float: left;
    padding: 20px 0;
  }
  .pendingPayment.confirmContainer .contentContainer {
    padding: 20px 0;
    width: 310px;
    float: right;
    border: 0;
  }
  .enrollAutoPayBtnContainer {
    float: right !important;
  }
}
@media only screen and (min-width: 661px) and (max-width: 1000px) {
  .actionContainer {
    display: inline-block;
    border-top: 1px solid #ccced2;
    width: 100%;
  }
  .pendingPayment.confirmContainer {
    border-bottom: none;
  }
  .pendingPayment.confirmContainer .section {
    padding: 20px;
  }
  .actionContainerBlank {
    display: none;
  }
  .billStatusContainer .billStatusInnerWide {
    display: block;
  }
}
.enrollAutoPayText {
  font-size: 16px;
}
.enrollmentDetailsContainer {
  background-color: #ffffff !important;
}
.enrollmentDetailsContainer .key {
  color: #777777;
}
.footer-help-text {
  text-align: center;
  clear: both;
  font-family: Arial;
  font-size: 14px;
  padding-top: 10px;
}
.conjunction {
  text-transform: uppercase;
  text-align: center;
  font-weight: bold;
  display: block;
  margin-bottom: 15px;
}
.phone-number {
  font-weight: bold;
  font-size: 20px;
}
.claim-footer-phone-section {
  margin-bottom: 10px;
}
.claim-footer-phone-number {
  font-weight: bold;
  font-size: 14px;
}
.claimQuestion {
  font-weight: bold;
  font-size: 14px;
  padding: 10px 10px 0;
  text-align: center;
}
.claimScreen {
  max-width: 660px;
  margin: 10px auto 32px;
}
.claimListWrapper {
  border-top: 1px solid #ccced2;
  background-color: #ffffff;
}
.claimListWrapper .product-icon-small {
  margin-top: 3px;
  width: 25px;
  height: 25px;
}
.claimListWrapper #claimAutoOther .product-icon-small {
  margin-top: 0 !important;
}
.claimDrivers .product-icon-small {
  margin-top: -1px !important;
}
.policyholder {
  margin-top: 20px ;
}
.OtherPolicies {
  padding-left: 20px !important;
  margin-top: 4px;
}
.OtherVehicle {
  padding-top: 12px !important;
}
/*
.claimListWrapper .list-row {
  float: none;
  border-right: 0 none;
} */
.driverName {
  /*text-transform: uppercase;*/
  padding-top: 14px !important;
}
.otherDrivers {
  margin-top: 10px;
}
.otherDriverNameForm {
  margin-top: 10px;
  width: 300px;
}
.otherDriverField {
  width: 300px;
  margin: auto;
}
.loss-address > .policyListText {
  padding-top: 0;
}
.claim-location-wrap > .list-box-right-text {
  line-height: 40px;
}
/* map style */
.claimMapTitle {
  margin-bottom: 15px !important;
}
.mapWrap {
  position: relative;
}
.map-canvas {
  height: 100%;
  width: 100%;
  min-height: 200px;
}
.map-btn {
  width: 24px;
  height: 32px;
  display: inline-block;
  vertical-align: middle;
  background-size: 24px;
  background-repeat: no-repeat;
  cursor: pointer;
}
.addrInputWrap {
  margin-top: 16px;
}
.map-btn-group {
  padding: 0 1px;
  margin-left: 3px;
  max-width: 240px;
}
.do-search-addr-btn {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4wLjQsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMzBweCIgaGVpZ2h0PSIzMHB4IiB2aWV3Qm94PSIwIDAgMzAgMzAiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDMwIDMwIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGZpbGw9IiM3Mjc5ODEiIGQ9Ik0xOS44ODksMTMuNjI4YzAsMy43NDktMy4wMjEsNi44MDEtNi43MzEsNi44MDFjLTMuNzExLDAtNi43MzEtMy4wNTItNi43MzEtNi44MDFzMy4wMi02Ljc5OSw2LjczMS02Ljc5OQ0KCUMxNi44NjgsNi44MjksMTkuODg5LDkuODc5LDE5Ljg4OSwxMy42Mjh6IE0yNy41ODEsMjYuMjU3YzAtMC41MTctMC4yMTEtMS4wMTgtMC41NTYtMS4zNjZsLTUuMTU0LTUuMjA2DQoJYzEuMjE4LTEuNzc2LDEuODYzLTMuOSwxLjg2My02LjA1N2MwLTUuOTAyLTQuNzMzLTEwLjY4NS0xMC41NzctMTAuNjg1Yy01Ljg0NSwwLTEwLjU3Nyw0Ljc4Mi0xMC41NzcsMTAuNjg1DQoJYzAsNS45MDUsNC43MzIsMTAuNjg2LDEwLjU3NywxMC42ODZjMi4xMzMsMCw0LjIzNy0wLjY1Miw1Ljk5NS0xLjg4M2w1LjE1NCw1LjE5MWMwLjM0NCwwLjM2NSwwLjg0LDAuNTc3LDEuMzUxLDAuNTc3DQoJQzI2LjcwOSwyOC4xOTksMjcuNTgxLDI3LjMyLDI3LjU4MSwyNi4yNTd6Ii8+DQo8L3N2Zz4NCg==);
  margin-top: 4px;
}
.addrInput {
  width: 180px;
  border: none;
  margin-top: -4px;
  background-color: transaparent;
  cursor: text;
}
.clear-addr-btn {
  background-image: url(/assets/img/clear-x.png);
  margin-top: 4px;
}
.addrInputWrap .errorMsg {
  display: inline-block;
}
#pinWrap {
  margin-top: 80px;
  pointer-events: none;
}
.mappin {
  margin: auto auto;
  width: 30px;
  height: 30px;
  background-image: url(/assets/img/marker.svg);
  background-repeat: no-repeat;
  background-position: center center;
}
.start-position-btn {
  width: 34px;
  height: 34px;
  margin-top: 16px;
  margin-right: 16px;
  background-color: #ffffff;
  border: 1px solid #ccced2;
  border-radius: 6px;
  text-align: center;
}
.found-address-btn {
  width: 300px;
  white-space: normal;
  min-height: 54px;
  pointer-events: all;
}
.found-address-btn button {
  background: none;
  outline: none;
  border: none;
  color: #ffffff;
}
.found-address-btn button[disabled] {
  background: none;
}
.arrow-up {
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 15px solid #CC2D30;
}
.map-btn-wrap.ng-hide-add,
.map-btn-wrap.ng-hide-remove {
  -webkit-transition: 0.5s linear all;
  transition: 0.5s linear all;
  display: block!important;
  opacity: 1;
}
.map-btn-wrap.ng-hide {
  opacity: 0;
}
#submitMap {
  visibility: hidden;
}
.map-btn-arrow {
  margin: auto;
}
.map-geo-arrow {
  font-size: 20px;
  vertical-align: middle;
}
.map-geo-arrow-btn {
  font-size: 20px;
  color: #fff;
  vertical-align: middle;
}
.map-btn-box-lb {
  border-left: 1px solid #ebebeb;
  min-width: 240px;
  max-width: 240px;
  text-overflow: ellipsis;
  overflow: hidden;
}
#messageWrap {
  background-color: #ebebeb;
  border-radius: 6px;
}
#message > .icon {
  vertical-align: middle;
}
.map-message {
  font-size: 14px;
}
/* END map style */
/* Footer Section */
.footer-Container {
  width: 250px;
  display: inline-block;
}
/* Assistance Section */
.assistanceContainer {
  padding: 20px;
  margin: 0 auto;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-size: 14px;
}
.assistanceContainer p:not(:first-child) {
  margin-top: 20px;
}
.assistanceContainer .footer-help-text {
  padding-top: 0;
}
.roadSideContainer {
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-size: 16px;
  color: #313235;
}
.roadSideContainer ul {
  color: #313235;
}
.roadSideContainer .helpText {
  padding: 15px 0 20px;
  font-size: 1.5em;
  color: #1E1E1E;
}
.roadSideContainer .roadSideMore {
  font-size: 14px;
}
/*---- Vehicle Information Screen Begin --*/
.vehicleInfoContainer {
  margin-left: auto;
  margin-right: auto;
  max-width: 320px;
  padding: 20px 10px 10px 10px;
}
.vehicleInfoFields {
  margin-top: 10px;
}
.vehicleInfoYear {
  display: inline-block;
  margin-top: 5px;
  width: 125px;
  vertical-align: top;
}
.vehicleInfoMake {
  display: inline-block;
  margin-top: 5px;
  width: 170px;
  vertical-align: top;
  padding-left: 10px;
}
.vehOwnershipFieldContainer {
  border: 1px solid #ccced2;
  border-radius: 3px;
  width: 298px;
}
.policyListHeader {
  padding-left: 10px;
}
/*---- Vehicle Information Screen End --*/
/* START Unauth Claim  */
.claim-unauth-start {
  text-align: center;
}
.button-basic {
  width: 95%;
  padding: 15px 80px;
  margin: 0 auto;
  border: none;
}
.claim-unauth-start-btn {
  margin: 16px 0;
}
p.manual-entry-header {
  text-align: center;
  font-size: 14px;
  margin-left: 5px;
  margin-right: 5px;
}
.manual-entry {
  width: 90%;
  margin: 6px auto;
}
.manual-entry-submit-wrap {
  text-align: center;
  padding-top: 10px;
}
.white-button-basic {
  width: 100%;
  margin: 0 auto;
  border: 1px solid #ccced2;
  text-align: left;
  background-color: #ffffff;
  border-radius: 4px;
  cursor: pointer;
  display: inline-block;
}
.unauth-policyIcon {
  margin-right: 10px;
  display: inline-block;
}
.unauth-policyText {
  display: inline-block;
  width: 74%;
  vertical-align: top;
  margin-top: 2px;
}
.unauth-bcHeading {
  text-align: left;
  margin-top: 10px;
  margin-bottom: 10px;
  margin-left: 2px;
}
.unauth-BiContainer {
  margin-top: 40px;
  margin-bottom: 20px;
  position: relative;
  width: 100%;
}
.unauth-BiContainer .icon-arrow_right {
  position: absolute;
  top: 12px;
  right: 0;
  width: 20px;
}
.unauth-Heading {
  margin: 20px;
  text-align: center;
}
.unauth-Container {
  padding: 10px 0 10px 15px;
  border-bottom: 1px solid #ccced2;
  position: relative;
  width: 100%;
}
.unauth-Container .icon-arrow_right {
  position: absolute;
  top: 12px;
  right: 0;
  width: 20px;
}
.unauth-Container-boat {
  padding: 10px 0px 10px 15px;
  position: relative;
  width: 100%;
}
.unauth-Container-boat .icon-arrow_right {
  position: absolute;
  top: 12px;
  right: 0;
  width: 20px;
}
.unauth-ContainerAuto:hover,
.unauth-ContainerHome:hover,
.unauth-Container-boat:hover,
.unauth-ContainerBI:hover {
  background: #ffffff;
  background: -moz-linear-gradient(top, #d4d4d2 0%, #d4d4d2 1%, #ffffff 4%, #ffffff 94%, #d4d4d2 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d4d4d2), color-stop(1%, #d4d4d2), color-stop(4%, #ffffff), color-stop(94%, #ffffff), color-stop(100%, #d4d4d2));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #d4d4d2 0%, #d4d4d2 1%, #ffffff 4%, #ffffff 94%, #d4d4d2 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #d4d4d2 0%, #d4d4d2 1%, #ffffff 4%, #ffffff 94%, #d4d4d2 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #d4d4d2 0%, #d4d4d2 1%, #ffffff 4%, #ffffff 94%, #d4d4d2 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #d4d4d2 0%, #d4d4d2 1%, #ffffff 4%, #ffffff 94%, #d4d4d2 100%);
  /* W3C */
  background-repeat: no-repeat;
  color: #cc2d30;
}
.unauth-ContainerAuto:active,
.unauth-ContainerHome:active,
.unauth-Container-boat:active,
.unauth-ContainerBI:active {
  -webkit-box-shadow: inset 0 0 7px rgba(0, 0, 0, 0.45);
  box-shadow: inset 0 0 7px rgba(0, 0, 0, 0.45);
  background: #ececec;
}
.otherClaimBox {
  margin-top: 30px;
}
.otherClaimBoxTxt {
  padding-left: 55px !important;
}
.homeClaimNoAddress {
  padding-top: 7px !important;
}
/* END Unauth Claim */
/* Begin Address Info Screen */
.claimAddressHeading {
  padding: 10px 10px 30px 10px;
}
.claimAddressField {
  margin: auto;
  width: 298px;
  padding-bottom: 10px;
}
.claimStateFieldContainer {
  border: 1px solid #ccced2;
  border-radius: 3px;
  width: 298px;
}
/* End Address Info Screen */
/* claim submitted */
.claim-thanks {
  padding: 10px 16px 10px 10px;
}
.claim-thanks p {
  font-size: 14px;
  font-family: arial;
}
.claim-thanks-label {
  font-size: 22px;
  color: #CC2D30;
  font-style: italic;
}
.claim-number {
  font-size: 18px;
  padding-top: 10px;
  display: block;
}
.list-row-standard {
  min-height: 58px;
}
.claim-padding {
  padding-top: 10px;
}
.claim-padding-bottom {
  padding-bottom: 10px;
}
.claim-submit-label {
  line-height: 50px;
  width: 160px;
  display: inline-block;
}
.claim-submit-data {
  display: inline-block;
}
.submitted-info {
  display: inline-block;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
}
.claimLoggedHeading {
  border-bottom: 1px solid #CCCED2;
  height: 30px;
  text-align: left;
  font-size: 18px;
  margin-top: 40px;
}
.claim-submit-detail-label {
  display: inline-block;
  line-height: 40px;
  width: 150px;
  text-align: right;
  margin-right: 10px;
  color: #777777;
}
.claim-submit-OpenStatus {
  font-weight: bold;
  font-size: 22px;
  color: #CC2D30;
  font-style: italic;
  display: inline-block;
}
.claim-submit-NotOpenStatus {
  font-size: 22px;
  font-style: italic;
  display: inline-block;
}
.claim-submit-Head {
  padding-bottom: 10px;
  padding-left: 10px;
  border-bottom: 1px solid #ccced2;
}
.claim-submit-HeadText {
  color: #313235;
  font-size: 22px;
  font-weight: normal;
}
.claimHeading {
  clear: both;
  text-align: center;
  color: #313235;
  font-size: 22px;
  font-weight: normal;
}
.incident-date {
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
}
/* END claim submitted */
/* Begin Claim roadside help */
.roadsideHeading {
  clear: both;
  text-align: center;
  height: 40px;
}
.roadSideHeadingBorder {
  border-bottom: 1px solid #ccced2;
}
.offeredText {
  padding: 15px 0 5px 0;
  border-bottom: 1px solid #ccced2;
  margin-bottom: 10px;
}
.roadHelplist {
  display: block;
  margin-left: auto;
  margin-right: auto;
  border-radius: 3px;
  border: 1px solid #cccccc;
  background-color: #ffffff;
  width: 340px;
  padding-top: 15px;
}
.roadHelplist ul > li {
  padding-bottom: 15px;
}
.rhH1 {
  color: #cc2d30;
  font-size: 1.5em;
  font-weight: normal;
}
.roadsideContent h2 {
  font-size: 25px;
  text-align: center;
}
.roadsideFirstPara {
  margin: 20px 0;
}
.claimMap,
.gm-style,
#claimMap,
.mapWrap {
  overflow: hidden !important;
  -ms-touch-action: none !important;
  /* IE10 */
  touch-action: none !important;
  /* IE11+ */
}
.btnInline {
  display: inline-block;
}
/* screen size specifics */
@media only screen and (min-width: 660px) {
  .assistanceContainer {
    width: 660px;
  }
  .footer-Container {
    width: 100%;
  }
  .policyTypes {
    max-width: 320px;
    margin: auto;
  }
  .vehicleInfoContainer {
    width: 660px;
  }
  .unauth-centerList {
    max-width: 320px;
    margin: 0 auto;
  }
}
@media only screen and (min-width: 0px) and (max-width: 660px) {
  .vehicleOwnerList {
    width: 95%;
  }
  .vehicleCtrlModel {
    width: 95%;
  }
  .makeHeading {
    padding-left: 85px;
  }
  .vehicleCtrlMake {
    width: 175px;
  }
  .roadsideHeading,
  .roadSideHeadingBorder {
    display: none;
  }
  .roadHelplist {
    width: 90%;
    margin-top: 15px;
  }
  .white-button-basic {
    border-radius: 0;
  }
  .unauth-bcHeading {
    margin-left: 20px;
  }
  .unauth-Heading {
    text-align: left;
  }
  .footer-help-text {
    text-align: center;
    margin: 15px;
  }
  .claimNumber {
    display: none;
  }
  .claimLoggedHeading {
    margin-top: 20px;
    height: 0;
    margin-bottom: 10px;
  }
  .claim-submit-detail-label {
    display: block;
    text-align: left;
    line-height: 20px;
  }
  .claim-submit-Head {
    text-align: center;
    background-color: #f7f7f7;
    margin-top: 0;
  }
  .claim-submit-HeadText {
    display: block;
  }
  .policyListHeader {
    padding-left: 20px;
  }
  .claim-thanks-label {
    line-height: 26px;
  }
  .claim-row {
    margin-bottom: 10px;
  }
}
@media only screen and (min-width: 661px) {
  .claim-submit-Head {
    padding-bottom: 10px;
    padding-left: 10px;
    border-bottom: 1px solid #ccced2;
  }
  .claim-submit-HeadText {
    display: none;
  }
  .policyListHeader {
    padding-left: 10px;
  }
}
.chat-button {
  font-weight: bold;
}
/* review view */
.claim-review-header {
  text-align: center;
}
.claim-review-section {
  margin-bottom: 8px;
}
.claim-review-section-header {
  font-weight: bold;
}
.claim-review-section-header-subtext {
  font-weight: normal;
}
.claim-review-divider {
  margin-bottom: 0;
}
.claim-phone-type {
  display: inline;
}
.claim-phone-type input,
.claim-injury input {
  margin-left: -18px;
}
.claim-clean-ctrl {
  border: none;
  box-shadow: none;
  -webkit-box-shadow: none;
  vertical-align: middle;
  width: 295px;
}
.claim-review-map {
  clear: left;
  text-align: center;
  height: 130px;
  background-image: url(/assets/img/map660.png);
  background-size: 660px 130px;
  margin-top: 10px;
}
.claim-injury-choice {
  padding-right: 16px;
}
.claim-review-submit {
  text-align: center;
}
.list-row.lastNestedListItem {
  padding-top: 5px;
}
.claim-when {
  overflow: visible;
}
.dateInput,
.timeInput {
  position: relative;
  display: inline-block;
}
.dateInput > input[type="text"],
.timeInput > input[type="text"] {
  padding-right: 25px;
}
.dateInput > input[type="text"] {
  width: 10em;
}
.timeInput > input[type="text"] {
  width: 8em;
}
.dateInput + .timeInput {
  margin-left: .4em;
}
.dateInput > .icon,
.timeInput > .icon {
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -10px;
}
.dateInput > input:not([type="text"]) {
  width: 10em;
  padding-right: 0;
}
.timeInput > input:not([type="text"]) {
  width: 8em;
}
.dateInput > input:not([type="text"]) + .icon,
.timeInput > input:not([type="text"]) + .icon {
  display: none;
}
.dateInput > input.ng-invalid.ng-dirty,
.timeInput > input.ng-invalid.ng-dirty,
#when.ng-invalid {
  border: 2px solid #CC2D30;
  color: #CC2D30;
}
.dateTimeErrorMsg {
  color: #CC2D30;
  padding: 5px;
  margin: 0 5px;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
}
@media only screen and (min-width: 660px) {
  .claimListWrapper {
    border-radius: 3px;
    border-right: 1px solid #ccced2;
    border-left: 1px solid #ccced2;
  }
  .claim-list-column {
    display: inline-block;
    width: 320px;
    max-width: 320px;
    vertical-align: top;
  }
  .claim-list-column-first {
    margin-right: 15px;
  }
}
.claimListHeading {
  overflow: hidden;
  margin-top: 20px;
}
.claimListNumber {
  float: left;
  width: 140px;
  padding-top: 8px;
}
.claimListLeftContainer {
  width: 185px;
  display: inline-block;
  margin: 10px 0 10px 0;
  line-height: 12pt;
}
.claimListRightContainer {
  display: inline-block;
  float: right;
  text-align: right;
  margin: 10px 10px 0 0;
}
.claimFont {
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
}
.claimListRightAlign {
  clear: both;
  text-align: center;
  height: 18px;
}
.claimListShevaron {
  display: inline-block;
  float: right;
  margin-top: 10px;
}
.claimNotOpenStatus {
  color: #CC2D30;
}
.claimNotOpenBG {
  color: #777777;
}
.claimNotOpenBG .icon {
  color: #AAAAAA;
}
.claimNotOpenBG .icon-arrow_right {
  color: #CC2D30;
}
.italic-fonts {
  font-style: italic;
}
.claimListSecondContainer {
  float: left;
  width: 75px;
}
/* Claim Details Section */
.claimDetailHeading {
  color: #313235;
  font-size: 22px;
  font-weight: normal;
  margin-bottom: 10px;
  margin-top: 20px;
  padding-bottom: 10px;
  border-bottom: 1px solid #ccced2;
}
.claim-detail-label {
  display: inline-block;
  line-height: 40px;
  width: 160px;
  text-align: right;
  margin-right: 10px;
  color: #777777;
}
.claim-detail-label-Involved {
  display: inline-block;
  line-height: 40px;
  width: 160px;
  text-align: right;
  margin-right: 10px;
  vertical-align: top;
  color: #777777;
}
.claim-detailValue-label {
  display: inline-block;
  font-size: 18px;
}
.claim-detailValue-label-Involved {
  padding-top: 5px;
  font-size: 18px;
}
.claimDetailPolicy {
  display: inline-block;
  padding-left: 5px;
}
.claimDetailOpenStatus {
  font-weight: bold;
  font-size: 22px;
  color: #CC2D30;
  font-style: italic;
}
.claimDetailNotOpenStatus {
  font-size: 22px;
  font-style: italic;
}
.claim-details {
  padding: 6px;
}
.claim-detail-policy-row {
  padding-top: 20px;
}
.claim-detail-professional-row {
  padding-top: 20px;
}
.claimNoClaimHeading {
  color: #313235;
  font-size: 22px;
  font-weight: normal;
  margin-bottom: 10px;
  margin-top: 20px;
  padding-bottom: 10px;
}
.claim-detail-vehicle {
  display: inline-block;
}
/* screen size specifics */
@media only screen and (min-width: 0px) and (max-width: 1001px) {
  .claim-detail-label {
    text-align: left;
    display: block;
    color: #777777;
    line-height: 20px;
  }
  .claim-detail-label-Involved {
    display: block;
    line-height: 20px;
    text-align: left;
    color: #777777;
  }
  .claimDetailNotOpenStatus {
    font-size: 22px;
  }
  .claimDetailOpenStatus {
    line-height: 24px;
  }
  .claim-details {
    padding: 10px;
  }
  .claim-detail-row {
    margin-bottom: 10px;
  }
  .claim-detailValue-label-Involved {
    display: block;
    padding-top: 0;
  }
  .claim-detail-policy-row {
    padding-bottom: 10px;
  }
  .claim-detail-professional-row {
    padding-bottom: 10px;
  }
}
@media only screen and (min-width: 0px) and (max-width: 660px) {
  .claimDetailHeading {
    text-align: center;
    background-color: #f7f7f7;
    margin-top: 0;
    padding-top: 10px;
  }
}
@media only screen and (min-width: 661px) and (max-width: 1000px) {
  .claimListLeftContainer {
    padding-left: 10px;
    width: 200px;
  }
}
.contactBIClaim {
  margin-top: 10px;
}
.contactBiHeading {
  margin: 5px 15px 20px 15px;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #777777;
}
.contactBiSection {
  margin-bottom: 15px;
}
.contactBiSubSectionLeft {
  width: 55%;
  display: inline-block;
  text-align: left;
  padding-left: 15px;
  vertical-align: top;
  font-size: 16px;
  color: #313235;
}
.contactBiSubSectionRight {
  text-align: right;
  display: inline-block;
  width: 43%;
  padding-right: 15px;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-size: 16px;
}
.contactBiAnnotation {
  display: inline-block;
  color: #bbbbbb;
  font-size: 14px;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
}
@media only screen and (min-width: 0px) and (max-width: 660px) {
  .contactBiSubSectionLeft {
    width: 100%;
    display: block;
    text-align: left;
  }
  .contactBiSubSectionRight {
    text-align: left;
    display: block;
    width: 100%;
    padding-left: 15px;
    padding-right: 0;
  }
  .contactBiAnnotation {
    width: 300px;
  }
}
.eConsentIntercept-form {
  margin: 0 auto 0;
  max-width: 660px;
}
.main-container-div {
  padding-top: 16px;
  margin: 0 auto;
  display: table;
  max-width: 510px;
}
.main-container-div span {
  vertical-align: middle;
  display: table-cell;
}
.image-1 {
  vertical-align: middle;
  display: table-cell;
  width: 55px;
}
.eConsentInterceptOuterBox {
  width: 100%;
  margin: 40px 0 20px 0;
  display: inline-block;
  border: 1px solid #ccced2;
  min-height: 100px;
  background-color: #ffffff;
}
.eConsentInterceptOuterBox .eConsentInterceptStaticHeading1 {
  font-size: 25px;
  font-family: "Trebuchet MS", Helvetica, sans-serif;
}
.eConsentInterceptOuterBox .eConsentInterceptStaticHeading2 {
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-size: 14px;
  padding: 5px 0 0 20px;
}
.eConsentInterceptOuterBox .eConsentInterceptStaticHeading3 {
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-size: 14px;
  padding: 10px 40px 15px 20px;
}
.eConsentInterceptOuterBox .eConsentInterceptStaticHeading4 {
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-size: 14px;
  padding: 10px 40px 0 20px;
}
.eConsentInterceptOuterBox .showUserFieldSection {
  padding: 0 40px 10px 20px;
}
.eConsentInterceptOuterBox .reduced-border-lines {
  border-top: 1px solid #37ae47;
  border-bottom: 1px solid #37ae47;
}
.eConsentInterceptOuterBox .no-border-lines {
  border-top: none;
  border-bottom: none;
}
.eConsent-paperless-promo {
  color: #37AE47;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-size: 16px;
  padding: 10px 0 0 0;
}
.reduce-block {
  margin-right: 0;
  margin-left: 0;
}
.agreeSection {
  background-color: #f7f7f7;
  border-top: 1px solid #ccced2;
  padding: 0 10px;
}
.margin-bottom {
  margin-bottom: 15px;
}
.eConsentIntercept-form-control-block {
  padding: 20px 44px 20px 20px;
}
.currentEmail-heading {
  font-family: "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Tahoma, sans-serif;
  font-weight: bold;
  color: #004665;
}
.eConsent-none-section {
  margin: 14px 0;
}
.eConsent-secondary-section {
  border-top: none !important;
  border-bottom: none !important;
}
.eConsent-secondary-section .paperless-preference-content-block {
  background-color: #f7f7f7 !important;
}
.no-top-border {
  border-top: none !important;
}
.eConsent-checkbox-list .icon {
  color: #313235 !important;
}
.eConsent-checkbox-list .eConsent-checkbox-list-item {
  margin: -6px 0 0 22px;
  color: #313235;
}
.eConsent-checkbox-list .checkbox {
  margin-top: 0;
  margin-bottom: 0;
}
.eConsent-checkbox-list .policy-title-description {
  margin-left: 30px;
}
.eConsent-checkbox-list .billing-account-policy-information {
  margin-bottom: 6px;
}
.eConsent-checkbox-list .billing-account-policy-information .policy-number {
  color: #313235;
}
.eConsent-checkbox-list .billing-account-policy-information .policy-desciption {
  color: #999999 !important;
}
.eConsent-checkbox-list .billing-account-policy-number-icon {
  margin-right: 0 !important;
  padding-left: 0 !important;
}
.eConsent-checkbox-list .billing-account-checkbox-label {
  display: block;
  padding: 0 0 2px 2px;
}
.eConsent-pendingAccounts-top-section {
  margin-top: 0 !important;
}
.eConsent-documents-column .billing-account-policy-information {
  margin-bottom: 6px;
}
.eConsent-documents-column .billing-account-policy-information .policy-number {
  color: #313235;
}
#eConsentInterceptContinueMyTravelers {
  font-size: 13px;
}
@media only screen and (min-width: 0px) and (max-width: 660px) {
  .main-container-div {
    margin: 10px;
  }
  .eConsentInterceptOuterBox {
    margin-top: 0;
  }
  .eConsentInterceptOuterBox .eConsentInterceptStaticHeading2 {
    padding: 5px 0 0 10px;
  }
  .eConsent-documents-column {
    max-width: 320px;
  }
}
.contact {
  overflow: hidden;
  width: 100%;
}
.contactContainer {
  margin: 0 auto;
}
.contactHeading {
  border-bottom: 1px solid #ccced2;
  padding-left: 15px;
}
.contactMainSection {
  padding-bottom: 20px;
}
.contactPolicySectionHeading {
  padding-left: 15px;
}
.contactPolicyContainer {
  width: 98%;
  cursor: pointer;
  height: auto;
  min-height: 40px;
  border-bottom: 0;
}
.contactSubHeading {
  clear: both;
  text-align: center;
}
.contactSectionHeading {
  padding-left: 15px;
  font-size: 16px;
  color: #313235;
}
.contactServiceSection {
  height: 55px;
}
.sectionLine {
  border-bottom: 1px solid #ccced2;
  margin-left: 0px;
  margin-right: 15px;
}
.contactSubSectionLeft {
  width: 55%;
  display: inline-block;
  text-align: left;
  padding-left: 15px;
}
.contactSubSectionRight {
  text-align: right;
  display: inline-block;
  width: 43%;
  height: inherit;
  padding-right: 15px;
}
.contactBillingServiceSection {
  height: 55px;
}
.contactClaimSection {
  height: 45px;
  margin-bottom: 10px;
}
.contactClaimServiceSection {
  margin-bottom: 10px;
}
.contactSingleSection {
  width: 55%;
  display: inline-block;
  text-align: left;
  padding-left: 15px;
  padding-right: 15px;
}
.contactPoliciesContainer {
  margin: 10px 0 auto 1px;
  float: left;
  text-align: right;
  width: 41%;
}
.contactPoliciesSectionLeft {
  width: 55%;
  display: inline-block;
  text-align: left;
  padding-left: 15px;
  float: left;
}
.pcicon {
  display: inline-block;
  float: right;
  margin: 15px 5px auto 1px;
}
.contactPoliciesSection {
  width: 350px;
  text-align: center;
  display: block;
  margin: 10px auto;
}
.contactPoliciesBox {
  margin-top: 10px;
  margin-bottom: 30px;
  position: relative;
  width: 100%;
}
.contactPoliciesBox .icon-arrow_right {
  position: absolute;
  top: 12px;
  right: 0;
  width: 20px;
}
.contactPoliciesText {
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #777777;
}
.contact-policyText {
  display: inline-block;
  vertical-align: top;
  margin-top: 2px;
}
.contactSubSectionHeading {
  width: 55%;
  display: inline-block;
  text-align: left;
  padding: 10px 5px;
  vertical-align: top;
  font-size: 16px;
  color: #313235;
}
.contactsSubSectionLeft {
  width: 55%;
  display: inline-block;
  text-align: left;
  padding: 0 0 10px 15px;
  vertical-align: top;
  color: #777777;
  font-family: "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Tahoma, sans-serif;
}
.contactRdPhone {
  margin-top: 10px;
}
.contact-PoliciesBox {
  padding: 10px 0 10px 15px;
  position: relative;
  width: 100%;
}
.contact-PoliciesBox .icon-arrow_right {
  position: absolute;
  top: 12px;
  right: 0;
  width: 20px;
}
.contact-PoliciesBox:hover {
  background: #ffffff;
  background: -moz-linear-gradient(top, #d4d4d2 0%, #d4d4d2 1%, #ffffff 4%, #ffffff 94%, #d4d4d2 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d4d4d2), color-stop(1%, #d4d4d2), color-stop(4%, #ffffff), color-stop(94%, #ffffff), color-stop(100%, #d4d4d2));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #d4d4d2 0%, #d4d4d2 1%, #ffffff 4%, #ffffff 94%, #d4d4d2 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #d4d4d2 0%, #d4d4d2 1%, #ffffff 4%, #ffffff 94%, #d4d4d2 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #d4d4d2 0%, #d4d4d2 1%, #ffffff 4%, #ffffff 94%, #d4d4d2 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #d4d4d2 0%, #d4d4d2 1%, #ffffff 4%, #ffffff 94%, #d4d4d2 100%);
  /* W3C */
  background-repeat: no-repeat;
  color: #cc2d30;
}
.contact-PoliciesBox:active {
  -webkit-box-shadow: inset 0 0 7px rgba(0, 0, 0, 0.45);
  box-shadow: inset 0 0 7px rgba(0, 0, 0, 0.45);
  background: #ececec;
}
@media only screen and (min-width: 0px) and (max-width: 660px) {
  .contactHeading {
    display: none;
  }
  .contactPolicyContainer {
    border-bottom: 1px solid #ccced2;
    display: inline-block;
    padding-bottom: 10px;
  }
  .contactPoliciesContainer {
    width: 38%;
  }
  .contactServiceSection {
    margin-bottom: 15px;
  }
  .contactSubSectionHeading {
    width: 90%;
    padding: 10px 15px 0 15px;
  }
  .contactRdPhone {
    margin-top: 0;
  }
  .contactPoliciesSection {
    width: 100%;
  }
  .contactPoliciesText {
    width: 350px;
    text-align: left;
    padding-left: 15px;
  }
  .contact-PoliciesBox {
    border-right: none;
    border-left: none;
  }
  .contactSubSectionRight {
    text-align: left;
    display: block;
    width: 100%;
    padding: 0 0 10px 15px;
  }
}
@media only screen and (min-width: 661px) {
  .contactContainer {
    width: 660px;
  }
  .contactContainer .topic-title {
    display: inline-block;
    font-size: 18px;
    padding: 0 0 5px 0;
    color: #313235;
  }
  .contactsSubSectionLeft {
    padding: 0 0 10px 5px;
  }
  .contactPolicyContainer {
    margin-bottom: 20px;
    display: inline-block;
  }
}
@media only screen and (min-width: 0px) and (max-width: 320px) {
  .contactPoliciesText {
    width: 310px;
  }
}
.helpCenter-container {
  margin: 1em auto 0 auto;
  max-width: 660px;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-size: 16px;
  width: 645px;
}
.helpCenter-container .title {
  border-bottom: 1px solid #ccced2;
}
.helpCenter-container p {
  font-size: 16px;
  margin-bottom: 1em;
}
.helpCenter-container input[type=text]::-ms-clear {
  display: none;
}
.helpCenter-container .helpCenter-section {
  padding-bottom: 1em;
}
.helpCenter-container .searchInput {
  position: relative;
  display: block;
}
.helpCenter-container .searchInput input[type="text"] {
  padding-right: 25px;
}
.helpCenter-container .searchInput .icon {
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -10px;
  margin-right: 2px;
}
.helpCenter-container .searchInput input:not([type="text"]) {
  padding-right: 0;
}
.helpCenter-container .searchInput input:not([type="text"]) + .icon {
  display: none;
}
.helpCenter-container .action-menu {
  margin: 0;
}
.helpCenter-container .action-menu a {
  font-size: 16px;
}
.helpCenter-container .detail-heading {
  border-bottom: 3px solid #727981;
  padding-bottom: .25em;
  font-size: 22px;
  font-family: "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Tahoma, sans-serif;
}
.helpCenter-container .sub-topic {
  clear: both;
  font-family: "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Tahoma, sans-serif;
}
.helpCenter-container .sub-topic .topic-title {
  display: inline-block;
  font-size: 18px;
  padding: 0 0 5px 0;
  color: #313235;
  word-break: break-all;
}
.helpCenter-container .sub-topic .topic-top {
  display: inline-block;
  float: right;
  font-size: 12px;
  color: #428bca;
  cursor: pointer;
  line-height: 2.5em;
}
.helpCenter-container .subtopic-list {
  margin: 0 0 1em 0;
}
.helpCenter-container dl {
  margin: 0;
}
.helpCenter-container dt {
  padding: 1em 0 .25em 0;
}
.helpCenter-container a.subtopic-item {
  font-weight: normal;
  color: #428bca;
  padding: 1em 0 .25em 0;
  cursor: pointer;
  display: block;
}
.helpCenter-container a.subtopic-item:hover {
  color: #333;
}
.helpCenter-container a.subtopic-item.isActive {
  color: #333;
  font-weight: 700;
  cursor: default;
}
.helpCenter-container a.subtopic-item p {
  color: inherit;
  display: inline;
  margin: inherit;
}
.helpCenter-container .subtopic-description {
  color: #727981;
}
.helpCenter-container .subtopic-description p {
  color: #727981;
}
.helpCenter-container .primary-content-break {
  margin-bottom: 5em;
  display: block;
}
.helpCenter-container .faq-title {
  text-align: center;
}
.helpCenter-container .faq-search-box {
  margin-bottom: 20px;
}
.helpCenter-container .faq-list {
  margin-bottom: 20px;
  max-width: 660px;
}
.helpCenter-container .faq-list .faq-question-answer {
  margin: 15px 5px;
}
.helpCenter-container .faq-list .faq-question-answer .faq-icon {
  cursor: pointer;
}
.helpCenter-container .faq-list .faq-question-answer .faq-question p {
  color: inherit;
  display: inline;
  margin: inherit;
}
.helpCenter-container .faq-list .faq-question-answer .faq-answer {
  margin: 10px 0 10px 40px;
}
.helpCenter-container .faq-list .showMore-link {
  width: 158px;
  margin: auto;
  padding-bottom: 15px;
}
.helpCenter-container .faq-list .icon-arrow_up {
  color: #CC2D30;
  margin-right: 10px;
  -webkit-transition: .4s ease;
  -moz-transition: .4s ease;
  -o-transition: .4s ease;
  transition: .4s ease;
  float: left;
  font-size: 16px;
}
.helpCenter-container .faq-list .icon-arrow_up.arrow-flip {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
  top: -8px;
}
.helpCenter-container .faq-list .icon-arrow_down {
  color: #CC2D30;
  margin-right: 10px;
  -webkit-transition: .4s ease;
  -moz-transition: .4s ease;
  -o-transition: .4s ease;
  transition: .4s ease;
  font-size: 16px;
}
.helpCenter-container .faq-list .icon-arrow_down.arrow-flip {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
  top: -8px;
}
.helpCenter-container .topic-list {
  margin-bottom: 20px;
  max-width: 660px;
  display: table-cell;
}
.helpCenter-container .topic-list a {
  display: block;
  font-size: 14px;
  min-height: 30px;
  border-left: 1px solid #ccced2;
  border-right: 1px solid #ccced2;
  border-bottom: 1px solid #ccced2;
  padding: 15px;
  text-decoration: none;
}
.helpCenter-container .topic-list .topics {
  margin: 15px 5px;
}
.helpCenter-container .topic-list .topics .topic-name p {
  color: inherit;
  display: inline;
  margin: inherit;
}
@media only screen and (min-width: 0px) and (max-width: 660px) {
  .detail-heading {
    display: none;
  }
  .helpCenter-container {
    margin-top: 0;
  }
}
@media only screen and (min-width: 0px) and (max-width: 661px) {
  .helpCenter-container {
    width: 90%;
  }
}
.hmBlockContainer {
  position: relative;
  width: 100%;
  background-color: #ffffff;
  cursor: pointer;
  height: 60px;
  background-position: 97% center;
  border-bottom: 1px solid #ccced2;
  border-top: 1px solid #ccced2;
  padding-right: 11px;
  padding-top: 6px;
}
.hmBlockContainer .icon-arrow_right {
  position: absolute;
  top: 18px;
  right: 5px;
  width: 20px;
}
.hmBlockContainer:active {
  background-color: #0072bc;
  color: #ffffff;
}
.hmBlockContainer:active a,
.hmBlockContainer:active .icon,
.hmBlockContainer:active .emphasized {
  color: #ffffff;
}
.tallerError {
  height: 75px;
}
/* SLALOM ADDED CODE */
.hmBlockContainerSeparated {
  position: relative;
  width: 100%;
  background-color: #ffffff;
  cursor: pointer;
  height: 45px;
  background-position: 97% center;
  border-bottom: 1px solid #ccced2;
  border-top: 1px solid #ccced2;
  margin-top: 45px;
  padding-right: 11px;
}
/* SLALOM ADDED CODE */
.hmtxtlftContainer {
  margin: 12px 0 auto 15px;
  float: left;
}
.hmtxtrgtContainer {
  margin: 12px 10px auto 0;
  float: right;
}
.hmtxtContainer {
  margin: 15px 25px auto 0px;
  float: right;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 195px;
  text-align: right;
}
.hmPoliciesContainer {
  margin: 7px 25px auto 15px;
  float: right;
}
.hmNoPoliciesNone {
  margin-top: 5px;
  margin-right: -8px;
}
.homepage {
  min-height: 300px;
}
.homepage .homeButtonBar {
  margin: 20px 0 20px auto;
  text-align: center;
  min-height: 60px;
}
.homepage .homeButtonBar button,
.homepage .homeButtonBar .btn {
  vertical-align: bottom;
  height: 60px;
  font-size: 12px;
  width: 105px;
  margin-left: 10px;
  padding-top: 5px;
}
.homepage .homeButtonBar button i,
.homepage .homeButtonBar .btn i {
  display: block;
  margin-left: auto;
  margin-right: auto;
  height: 25px;
  width: 25px;
  margin-bottom: 6px;
  color: #CC2D30;
  font-size: 25px;
}
.homepage .homeButtonBar button .insurancecardicon,
.homepage .homeButtonBar .btn .insurancecardicon {
  width: 40px;
}
.iconRoadsideTire {
  height: 28px !important;
  margin-bottom: 3px !important;
  width: 60px !important;
}
.promo .promoDcmImage {
  background-image: url(/assets/img/icon-MayPromoTab-1-HD.png);
  background-repeat: no-repeat;
  background-color: transparent;
  background-size: 85px 72px;
  background-position: center;
  border: 0;
  display: table-cell;
  vertical-align: middle;
  width: 85px;
  height: 72px;
}
.promo .promoDcmImage img {
  max-width: 85px;
  height: auto;
}
.promo .promoDcmContainerHome {
  display: table-cell;
  vertical-align: middle;
  padding-left: 15px;
  padding-bottom: 10px;
}
.promo .promoDcmTitleHome {
  font-family: 'Trebuchet MS';
  font-weight: bold;
  line-height: auto;
  font-size: 24px;
  padding-bottom: 6px;
  margin-bottom: 5px;
  line-height: 1.2em;
}
.promo .promoDcmTitleHome sup {
  font-family: 'Helvetica Neue';
  font-weight: normal;
  font-size: 16px;
  line-height: auto;
}
.promo .promoDcmHome {
  padding-left: 6px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 16px;
  font-weight: normal;
  margin-left: -6px;
  margin-top: 08px;
}
.promo .homePromo {
  margin: 20px 15px 0 15px;
  display: table;
}
@media only screen and (min-width: 0px) and (max-width: 660px) {
  .homepage .homeButtonBar {
    margin: 20px 0 20px auto;
  }
  .homepage .homeButtonBar button,
  .homepage .homeButtonBar .btn {
    margin-left: 0;
    width: 100px;
    padding-top: 5px;
  }
  .homepage .insurancecardbtn {
    width: 105px !important;
  }
  .errorStatusHome {
    padding: 2px 0 0 10px !important;
  }
  .hmPoliciesContainer .product-icon-large {
    width: 30px;
    height: 30px;
    margin-right: 4px;
  }
  .hmPoliciesContainer .icon-boatyacht,
  .hmPoliciesContainer .icon-boat {
    margin-left: 4px;
  }
  .promoHead {
    padding-top: 11px;
    padding-bottom: 11px;
  }
  .homePromo {
    display: none;
    padding: 0;
  }
  .promo .phonePromo {
    display: table;
  }
  .promo .promoDcmContainerHome {
    width: 240px;
    margin-top: 0;
    padding-left: 20px;
    padding-bottom: 10px;
    height: 100%;
    display: table-cell;
    vertical-align: middle;
  }
  .promo .promoDcmTitleHome {
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: 0;
    font-size: 20px;
  }
  .promo .promoDcmHome {
    padding-left: 6px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-weight: normal;
    margin-left: -6px;
    margin-top: 08px;
  }
  .promo .promoDcmImage {
    background-image: url(/assets/img/icon-MayPromoTab-1-HD.png);
    background-repeat: no-repeat;
    background-color: transparent;
    background-size: 85px 74px;
    background-position: center;
    border: 0;
    display: table-cell;
    vertical-align: middle;
    width: 85px;
    height: 72px;
  }
  .promo .promoDcmImage img {
    max-width: 85px;
    height: auto;
  }
}
@media only screen and (min-width: 660px) and (max-width: 1000px) {
  max-width: 620px;
  .homePromo {
    display: table;
  }
  .promo .promoDcmContainerHome {
    display: table-cell;
    vertical-align: middle;
    padding-left: 10px;
    padding-bottom: 10px;
    margin-top: 0;
  }
}
.crossSellPromoWrapper {
  width: 100%;
  background-color: #335D79;
}
.crossSellPromoWrapper.ng-enter {
  transition: 0.25s linear all;
  opacity: 0;
}
.crossSellPromoWrapper.ng-enter.ng-enter-active {
  opacity: 1;
}
.updatePolicyWrapper {
  position: relative;
  width: 100%;
  height: 50px;
}
.homepagetablet {
  margin: 0 auto;
  background-color: inherit;
  max-width: inherit;
  text-align: center;
}
.hmTabletColumn {
  width: 300px;
  display: inline-block;
  vertical-align: top;
  text-align: left;
}
.hmTabletColumn p {
  margin: 10px 0;
}
.hmTabletColumns {
  width: 300px;
  display: inline-block;
  vertical-align: top;
  text-align: left;
  height: 100px;
}
.hmTabletColumns p {
  margin: 10px 0;
}
.hmTabletColumnHeading {
  padding-bottom: 10px;
  text-align: left;
}
.hmTabletColumnHeading.showFlatBottomBorder {
  border-bottom: 1px solid #ccced2;
}
.hmShowLoading {
  text-align: center;
  line-height: 90px;
}
.homeHelpTipHeader {
  width: 100%;
  max-width: 960px;
  text-align: left;
  border-bottom: 1px solid #ccced2;
  line-height: 0.1em;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}
.homePromoLine {
  border-bottom: 1px solid #ccced2;
  line-height: 0.1em;
  margin: 10px 0 20px;
}
.hmpaymentsBox {
  margin: 20px 10px 30px 20px ;
}
.hmpaymentsBox .hmpaymentsContainer {
  border: 1px solid #ccced2;
  background-color: #ffffff;
  border-top: 0;
  cursor: pointer;
  display: block;
}
.hmpaymentsBox .hmpaymentsContainer,
.hmpaymentsBox .hmpaymentsContainer:hover,
.hmpaymentsBox .hmpaymentsContainer:focus {
  color: inherit;
  text-decoration: none;
}
.hmpaymentsBox .hmpaymentsContainer:before,
.hmpaymentsBox .hmpaymentsContainer:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.hmpaymentsBox .hmpaymentsContainer:after {
  clear: both;
}
.hmpaymentsBox .hmpaymentsContainer:active {
  background-color: #0072bc;
  color: #ffffff;
}
.hmpaymentsBox .hmpaymentsContainer:active a,
.hmpaymentsBox .hmpaymentsContainer:active .icon,
.hmpaymentsBox .hmpaymentsContainer:active .emphasized {
  color: #ffffff;
}
.hmpaymentsBox .hmNoPaymentsContainer {
  cursor: auto;
  text-align: left;
  border-top: 1px solid #ccced2;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  padding: 6px 15px 20px 0px;
  min-height: 60px;
}
.dispInlineheading {
  display: inline;
}
.hmbillingAccountRowLeft {
  text-align: left;
  width: 105px;
  margin: 10px 5px 10px 10px ;
  padding-left: 10px;
}
.hmbillaccHeading {
  width: 50px;
}
.hmviewbilldetails {
  display: block;
  margin-top: 10px;
}
.hmAccountNumber {
  font-size: 14px;
}
.hmbillingAccountRowRight {
  text-align: right;
  width: 165px;
  margin: 10px 10px 10px 0px ;
  padding-right: 10px;
}
.hmamountDue {
  font-size: 36.4px;
  height: 35px;
  line-height: 1em;
  text-align: right;
}
.hmstatus {
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 14px !important;
  height: 15px;
}
.hmPayNow {
  display: inline-block;
  padding: 10px 20px;
}
.hmupdatePayment {
  display: inline-block;
  padding: 10px 20px;
  width: 160px;
}
.hmamountDue sup {
  font-size: 18px;
  top: -0.7em;
}
.errorStatusHome {
  margin: 0 auto;
  border-bottom: 1px solid #ccced2;
  padding: 2px 0;
  font-weight: bold;
  max-width: 640px;
}
.errorStatusHome .error {
  padding: 10px 0 10px 35px;
  color: #CC2D30;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
}
.errorStatusHome .icon {
  top: 5px;
  float: left;
}
.hmpoliciesBox {
  margin: 20px 10px 20px 10px;
}
.hmpoliciesBox .hmpoliciesContainer {
  background-color: #ffffff;
  border-left: 1px solid #ccced2;
  border-right: 1px solid #ccced2;
  border-top: 1px solid #ccced2;
  border-radius: 3px;
  width: inherit;
}
.hmpoliciesBox .hmpoliciesContainer .product-icon-large {
  margin-top: -4px;
  left: -2px;
}
.hmpoliciesBox .hmpoliciesContainer .icon-arrow_right {
  right: 10px;
}
.hmpoliciesBox .hmPolicieslist {
  min-height: 45px;
  padding-left: 10px;
  float: left;
  cursor: pointer;
  width: 298px;
  position: relative;
}
.hmpoliciesBox .hmPolicieslist .icon-arrow_right {
  position: absolute;
  top: 20px;
  right: 0;
}
.hmpoliciesBox .hmNoPoliciesContainer {
  width: inherit;
  border-top: 1px solid #ccced2;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  padding: 6px 15px 20px 0px;
}
.insCardBlock {
  text-align: center;
  float: left;
  padding-top: 2px;
}
.insContainer {
  display: inline-block;
}
#homebtnInsuranceCard:focus,
#homePhonebtnInsuranceCard:focus {
  outline: auto 1px;
  outline-style: auto;
  outline-width: 1px;
}
.homeButtonBarTablet {
  margin: 20px auto 30px auto;
  text-align: center;
  width: 100%;
}
.homeButtonBarTablet #homebtnReportClaim,
.homeButtonBarTablet #homebtnRoadside {
  padding-top: 16px;
}
.homeButtonBarTablet button,
.homeButtonBarTablet .btn {
  vertical-align: bottom;
  height: 60px;
  font-size: 12px;
  width: 100%;
}
.homeButtonBarTablet button i,
.homeButtonBarTablet .btn i {
  display: block;
  margin-left: auto;
  margin-right: auto;
  height: 25px;
  width: 25px;
  display: inline-block;
  font-size: 23px;
  color: #CC2D30;
}
.homeButtonBarTablet button .insurancecardicontbt,
.homeButtonBarTablet .btn .insurancecardicontbt {
  width: 40px;
}
.homeButtonBarTablet button .hmtbtntxt,
.homeButtonBarTablet .btn .hmtbtntxt {
  padding-left: 5px;
  vertical-align: super;
}
.homeButtonBarTablet button .hmtbtntxttbt,
.homeButtonBarTablet .btn .hmtbtntxttbt {
  padding-left: 10px;
  padding-bottom: 0;
  padding-top: 7px;
  display: inline-block;
  float: left;
}
.hmclaimsBox {
  margin: 20px 10px 20px 10px;
}
.hmclaimsBox .hmclaimsContainer {
  padding: 0;
  text-align: left;
  background-color: #ffffff;
  border-left: 1px solid #ccced2;
  border-right: 1px solid #ccced2;
  border-top: 1px solid #ccced2;
  width: inherit;
  cursor: pointer;
  border-radius: 3px;
}
.hmclaimsBox .hmnoclaimsContainer {
  text-align: left;
  width: inherit;
  cursor: pointer;
  padding: 8px 15px 20px 0;
}
.hmclaimsBox .hmnoClaimTxt {
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
}
.hmclaimsBox .hmClaimsPlaceholder {
  min-height: 90px;
}
.hmClaimsLoaded {
  max-height: 240px;
}
.hmClaimsLoaded.no-open-claims {
  max-height: 89px;
}
.hmClaimsLoaded.no-claims {
  max-height: 109px;
}
.hmtxtclaim {
  margin-bottom: 10px;
}
.iconRoadsideTiretab {
  height: 28px !important;
  width: 50px !important;
}
fieldset.scheduler-border {
  border-top: 1px solid #ccced2;
  padding: 0 0em 0em 8.5em;
  margin: 0 0 0em 0;
  -webkit-box-shadow: 0 0 0 0 #000;
  box-shadow: 0 0 0 0 #000;
}
legend.scheduler-border {
  font-size: 14px;
  font-weight: normal;
  width: auto;
  padding: 0 10px;
  border-bottom: none;
  margin-bottom: 0;
}
fieldset.homeHelpTip-border {
  border-top: 1px solid #ccced2;
  padding: 0 0em 0em 8.5em;
  margin: 0 0 0em 0;
  -webkit-box-shadow: 0 0 0 0 #000;
  box-shadow: 0 0 0 0 #000;
  width: 100%;
  max-width: 960px;
  margin-left: auto;
  margin-right: auto;
}
legend.homeHelpTip-border {
  color: #727981;
  font-size: 14px;
  font-weight: normal;
  width: auto;
  padding: 0 10px;
  border-bottom: none;
  margin-bottom: 0;
  text-align: left;
  margin-left: -104px;
}
.hmbillingStatContainer {
  padding-top: 20px;
}
.hmButtonBox {
  display: none;
}
.hmTabletFirstListItem {
  border-top: 1px solid #ccced2 !important;
  border-radius: 3px 3px 0 0;
}
.hmTabletFirstListItem.hmTabletLastListItem {
  border-radius: 3px !important;
}
.hmTabletLastListItem {
  border-radius: 0 0 3px 3px;
}
@media only screen and (min-width: 661px) and (max-width: 1000px) {
  .hmTabletColumn {
    display: block;
    width: 640px;
  }
  .hmpaymentsBox {
    margin: 20px auto;
  }
  .hmpromoStrip {
    margin: 20px auto;
  }
  .hmpoliciesBox {
    margin: 20px auto;
  }
  .hmpoliciesBox .hmpoliciesContainer {
    width: 640px;
  }
  .hmpoliciesBox .hmPolicieslist {
    width: 358px;
  }
  .hmclaimsBox {
    margin: 20px auto;
  }
  .hmclaimsBox .hmclaimsContainer {
    width: 640px;
  }
  .hmbillingAccountRowRight {
    width: 300px;
  }
  .homeButtonBarTablet {
    display: none;
  }
  .hmbillingAccountRowLeft {
    width: 300px;
  }
  .hmButtonBox {
    width: 640px;
    margin: 20px auto;
    display: block;
  }
  .hmorContainer {
    display: none;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .hmpromoStrip .homePromoWrapper {
    text-align: left;
    display: flex;
  }
  .hmpromoStrip .homePromoWrapper .hmPromoStripColumn {
    width: 700px;
    vertical-align: top;
    text-align: left;
  }
}
/* ----------- iPhone 6, 6S, 7 and 8 ----------- */
/* Landscape */
@media only screen and (min-device-width: 375px) and (max-device-width: 667px) {
  .hmpromoStrip .homePromoWrapper {
    text-align: left;
    display: flex;
  }
}
/* ----------- iPhone 6+, 7+ and 8+ ----------- */
/* Landscape */
@media only screen and (min-device-width: 414px) and (max-device-width: 736px) {
  .hmpromoStrip .homePromoWrapper {
    text-align: left;
    display: flex;
  }
}
.nonowned {
  padding-top: 8px;
}
/*
.insuranceIdCardsIndex .list-content-headerCard {
  border-bottom: @brandBorderStyle;
} */
.vehicleYearMake {
  padding-left: 30px;
  margin-top: 10px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 90%;
}
.vehicleVin {
  padding-left: 55px;
  display: block;
  font-size: 12px;
  font-family: arial;
}
.list-row-policy {
  height: 45px !important;
  padding: 1px 10px;
}
.ineligible {
  color: #787981;
}
.list-content-headerCard {
  background-color: #f7f7f7;
  padding-bottom: 2px;
  padding-left: 10px;
  padding-top: 10px;
}
.list-rowCard {
  width: 100% !important;
}
.nestlist-row {
  width: 100% !important;
  background-color: #ffffff;
  min-height: 45px;
  padding-left: 10px;
  float: left;
  cursor: pointer;
  border-bottom: 1px solid #ccced2;
}
.nestedPolicyCard .icon {
  top: 5px !important;
  float: left;
}
.applePassbook {
  cursor: pointer;
}
@media only screen and (min-width: 660px) {
}
.ccHeader {
  text-align: right;
  border-bottom: 1px solid #ccced2;
  margin-bottom: 30px;
}
.ccTitle {
  float: left;
  display: inline-block;
}
.ccPdf {
  margin-top: 25px;
  display: inline-block;
  margin-right: 10px;
  margin-bottom: 10px;
  height: 15px;
}
.flipIcon {
  height: 30px;
  width: 38px;
  background: url('/assets/img/Flip_Icon.png') no-repeat transparent;
  background-size: 36px 29px;
  border: 0;
  float: right;
}
.icon-TravelersLogoGif {
  width: 107px;
  height: 21px;
  vertical-align: top;
  background: url('/assets/img/traveler-hd.png') no-repeat transparent;
  background-size: 107px 21px;
  display: inline-block;
}
.icon-PassBook {
  width: 120px;
  height: 40px;
  background: url('/assets/img/ApplePassbook_240x80_US_UK.png') no-repeat transparent;
  background-size: 120px 40px;
  display: inline-block;
}
.italic-font {
  font-style: italic;
  font-size: 14px;
  font-weight: normal;
  line-height: 1em;
  padding-bottom: .35em;
  padding-right: .10em;
}
.ccSection {
  margin-bottom: 20px;
}
.ccSection:before,
.ccSection:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.ccSection:after {
  clear: both;
}
.ccSectionLabel {
  float: left;
  font-weight: bold;
  width: 107px;
  text-align: right;
  text-transform: uppercase;
}
.ccSectionContent {
  margin-left: 127px;
}
.ccFront,
.ccBack {
  padding: 10px;
  border: 1px solid #ccced2;
  max-width: 660px;
}
.ccFront {
  min-height: 300px;
  margin: 30px auto 0;
}
.ccPolicySection,
.ccEffectiveSection {
  float: left;
}
.ccBack {
  margin: 30px auto;
}
.li-listSpace {
  padding-bottom: 15px;
  font-family: Arial;
  font-size: 14px;
}
.ol-listSpace {
  padding-left: 20px;
}
@media only screen and (min-width: 0px) and (max-width: 660px) {
  .ccImgMobiles {
    margin-top: 18px;
    float: left;
    display: inline-block;
  }
  .ccHeader {
    border: 0;
    margin-left: 10px;
    margin-right: 15px;
    height: 30px;
  }
  .ccTitle {
    display: none;
  }
  .flip {
    height: 50px;
    min-height: 20%;
    display: block;
    margin-left: 10px;
    margin-right: 15px;
    cursor: pointer;
  }
  .ccFront,
  .ccBack {
    padding: 10px 0;
    margin: 20px 10px;
    border: 0;
    min-height: 0;
  }
  .ccSectionContent.ccDisclaimer {
    margin-left: 0;
  }
  .ccPolicySection,
  .ccEffectiveSection {
    float: none;
  }
  .ccheaderContent {
    margin-left: 0;
    margin-top: 10px;
    margin-bottom: 15px;
    margin-right: 0;
  }
  .trv_logo {
    display: none;
  }
  .ccBack .ccSectionContent {
    margin-left: 0;
  }
}
@media only screen and (min-width: 661px) {
  .ccImgMobiles {
    display: none;
  }
  .flip {
    display: none;
  }
}
.legacyHeader {
  text-align: center;
  padding-bottom: 10px;
}
.legacyContainer .profileContainer {
  padding-top: 10px;
}
@media only screen and (min-width: 391px) {
  .legacyContainer .profile-block label {
    width: auto;
  }
}
.icon-yield {
  width: 32px;
  height: 32px;
  background: url('/assets/img/action-status-sprites.png') no-repeat no-repeat;
  background-size: 300% 100%;
}
.icon-verified {
  width: 32px;
  height: 32px;
  background: url('/assets/img/action-status-sprites.png') -32px 0;
  background-size: 300% 100%;
}
.icon-nonVerifiable {
  width: 32px;
  height: 32px;
  background: url('/assets/img/action-status-sprites.png') -64px 0;
  background-size: 300% 100%;
  opacity: 0.6;
}
.link-policy-billing-account-info {
  font-size: 22px;
  margin: 10px auto 20px;
  max-width: 320px;
}
.link-policy-billing-account-info li {
  padding: 10px 0 0 25px;
}
.linkAnotherPolicy {
  margin-right: 10px;
}
.verify-pin-info-icon-container {
  display: table;
}
.verify-info {
  vertical-align: middle;
  width: 32px;
  height: 32px;
  padding: 3px;
}
.verify-policy-info-text {
  display: table-cell;
  vertical-align: middle;
  padding: 0 0 10px 16px;
}
.billing-policies-container {
  margin-bottom: 10px;
}
.billing-policies-container .billing-title {
  padding-left: 40px;
}
.verify-policy-input-group {
  margin-top: 20px;
  margin-bottom: 10px;
}
.policy-title {
  color: #313235;
}
.policiesInfoText {
  margin-left: 5px;
}
@media only screen and (min-width: 0px) and (max-width: 660px) {
  .policy-title {
    display: none !important;
  }
  tr.policy-title {
    display: none !important;
  }
  th.policy-title,
  td.policy-title {
    display: none !important;
  }
  .details-container {
    margin: 0 auto;
  }
}
.policiesContainer {
  padding-top: 0 !important;
}
.policiesContainer .list-panel-item {
  padding-bottom: 0;
}
.please-wait-spacer {
  margin-top: 20px;
}
.control-label {
  text-align: left !important;
}
.verify {
  color: #CC2D30;
  text-decoration: underline;
}
.unableToVerify {
  color: #999999;
}
.billAccTitle {
  margin-left: 35px;
  margin-bottom: 10px;
}
.list-panel-item .billAccTitle {
  margin-left: 25px;
}
.policiesList {
  margin-left: 35px;
  margin-bottom: 10px;
  line-height: normal;
}
.list-panel-item .policiesList {
  margin-left: 25px;
}
.policiesIcon {
  margin-left: -35px;
  float: left;
  margin-top: 4px;
}
.accStatus {
  width: 52px;
  float: right;
}
.verify-policy-status-group {
  margin-top: 20px;
}
.linkPolicy-status-icon-plus-text-right {
  float: right;
  text-align: center;
}
.linkPolicy-status-icon-plus-text-right .verify-link {
  position: absolute;
  top: 40%;
  right: 20px;
}
.linkPolicy-chevron-for-text {
  margin-right: -14px;
}
.please-wait-panel {
  text-align: center;
  padding: 40px;
}
.please-wait-panel .icon-in-progress-ellipse {
  font-size: 2.5em;
}
.please-wait-panel p {
  margin-bottom: 15px;
}
@media only screen and (min-width: 320px) {
  .please-wait-panel {
    margin: 20px auto;
  }
}
@media only screen and (min-width: 400px) {
  .please-wait-panel {
    margin: 40px auto;
  }
  .policiesContainer .list-panel {
    margin-left: auto;
    margin-right: auto;
  }
  .policiesContainer .list-panel .list-panel-item {
    border-left: 1px solid #ccced2;
    border-right: 1px solid #ccced2;
  }
  .policiesContainer .list-panel.full-bleed {
    margin-left: 0;
    margin-right: 0;
  }
  .policiesInfoText {
    margin-left: 15px;
  }
}
@media only screen and (min-width: 360px) and (max-width: 400px) {
  .policiesInfoText {
    margin-left: -4px;
  }
}
.linkAnotherPolicyContainer {
  padding: 20px;
}
.verify-policy-nav-links {
  height: 35px;
  padding: 10px;
  text-align: center;
  margin: 10px auto 0;
}
.verify-policy-nav-links i:before {
  color: #428bca;
}
.verify-policy-nav-links i {
  vertical-align: middle;
}
.unverified-policy-list-item:hover {
  cursor: pointer;
}
.unverified-policy-list-item:hover a {
  text-decoration: underline;
}
.pin-delivery-preference .sub-label {
  display: block;
  color: #777777;
}
.verifyPinContainer {
  max-width: 640px;
  padding-top: 10px;
}
.verifyPinContainer input {
  width: 132px;
}
.verifyPinContainer button {
  margin: 18px;
}
.verifyPinContainer .resendPinProcessing {
  margin: -5px 0 0 10px;
}
.verifyPinContainer .resendPin {
  margin: 10px 0;
}
.verifyPinContainer .disabled {
  color: #999999;
  background-color: transparent;
}
@media only screen and (min-width: 0px) and (max-width: 660px) {
  .verifyPinContainer button {
    margin: 10px 0;
  }
  .verifyPinForm {
    max-width: 150px;
  }
}
.pageContainer {
  display: block;
  margin-left: auto;
  margin-right: auto;
  padding: 32px 0 50px 0;
  max-width: 310px;
}
.pageContainer .centerButton {
  text-align: center;
  padding: 20px;
}
.pageTitle {
  font-size: 18pt;
  color: #cc2d30;
  text-align: center;
}
.subTitle {
  font-size: 18px;
  font-weight: bold;
  color: #333;
  text-align: center;
}
.paraText {
  color: #46494d;
  font-size: 12pt;
  margin: 1em 0;
}
.exit {
  text-align: center;
  margin-top: 20px;
}
.exit .pointer {
  cursor: pointer;
  font-size: 12pt;
}
.list-group {
  margin-bottom: 20px;
  margin-top: 20px;
  padding-left: 0;
}
.list-group .login-list {
  position: relative;
  width: 300px;
}
.list-group .login-list .screen-reader-only {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.list-group .list-group-item {
  position: relative;
  display: block;
  padding: 10px 15px;
  margin-bottom: -1px;
  background-color: #fff;
  border: 1px solid #ddd;
  text-decoration: none;
  font-size: 16px;
  color: #333;
}
.list-group .list-group-item .pull-right {
  float: right !important;
}
.emailWrap {
  overflow-wrap: break-word;
}
.notonrecord .row {
  display: block;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
.notonrecord .row .btn {
  display: inline-block;
  width: 135px;
}
@media only screen and (max-width: 660px) {
  .notonrecord .row {
    display: block;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    width: 250px;
  }
  .notonrecord .row a {
    float: none !important;
  }
}
.techSupportInfo {
  margin-top: 20px;
  width: 317px;
  border: 1px solid #b5b6b8;
  padding-left: 5px;
}
.lineHeight {
  margin-bottom: 10px;
  padding-top: 10px;
  padding-left: 15px;
}
form .errorMessage {
  color: #cc2d30;
}
form .errorInput {
  border: 2px solid #cc2d30;
}
.pageContent {
  margin: 30px 0px;
}
.forgotIdContainer {
  padding-top: 20px;
  text-align: center;
}
.forgotIdContainer .forgotIdContinueButton {
  width: 50%;
}
.forgotIdConfContainer {
  padding-top: 20px;
}
.forgotIdConfContainer .forgotIdlogincontainer {
  text-align: center;
  padding: 30px;
}
.forgotIdConfContainer .forgotIdlogincontainer .forgotIdConflogin {
  width: 50%;
}
.userIdlabel {
  font-size: 14pt;
  color: #333;
  font-weight: bold;
  margin-bottom: 1px;
}
.login {
  display: block;
  margin-left: auto;
  margin-right: auto;
  padding: 10px;
  max-width: 320px;
}
.login .actionBar {
  margin-top: 20px;
  text-align: center;
}
.login .actionBar .btn-default {
  width: 136px;
  font-size: 12px;
  margin: 0 5px 0 5px;
  padding: 3px;
}
.login .actionBar .btn-default i {
  display: table;
  margin-left: auto;
  margin-right: auto;
  height: 25px;
  width: 25px;
  margin-bottom: 6px;
  font-size: 25px;
  color: #CC2D30;
}
.login .loginBar {
  margin-top: 20px;
}
.login .loginBar .loginBarTop {
  margin: 0;
  left: 0;
}
.login .loginBar .loginBarTop button {
  width: 100%;
}
.login .loginBar .loginBarTop button span {
  display: inline-block;
}
.login .loginBar .loginBarBiometrics {
  text-align: center;
  padding: 10px 0px;
  margin: 10px 0px;
  border-top: 1px solid;
  border-bottom: 1px solid;
}
.login .loginBar .loginBarBiometrics label,
.login .loginBar .loginBarBiometrics button {
  background: white;
  border: #cc2d30 1px solid;
  border-radius: 3px;
  width: 100%;
  display: block;
}
.login .loginBar .loginBarBottom {
  margin-top: 20px;
  text-align: center;
}
.login .loginBar .loginBarBottom a {
  color: #428bca;
}
.login hr {
  height: 1px;
  background-color: #dddddd;
  margin: 10px 11px 0 11px;
}
.login .rememberUserId {
  width: 55%;
  padding: 10px 0 10px 30px !important;
  margin: 5px 0 0 0 !important;
}
.login .password {
  margin-bottom: 0 !important;
}
.login .loginCheckBox {
  margin-top: 0;
  margin-bottom: 0;
}
.iconRoadsideTirelogin {
  height: 30px !important;
  margin: 0 10px !important;
  width: 60px !important;
}
.registerIDModal .modalBody {
  padding: 20px;
}
.registerIDModal .modalBody .modalError {
  text-align: center;
  padding-left: 55px;
}
.registerIDModal .modalBody .modalMsgText {
  text-align: left;
}
.registerIDModal .modalBody input {
  width: 250px;
}
span.flatpickr-day.today {
  color: #393939 !important;
}
span.flatpickr-day.today.selected {
  color: #fff !important;
}
input.flatpickr-input[readonly] {
  background-color: #ffffff;
  cursor: pointer;
}
input.flatpickr-input[readonly].readOnly {
  background-color: #eeeeee;
  cursor: pointer;
}
span.flatpickr-day.nextMonthDay,
span.flatpickr-day.nextMonthDay.selected,
span.flatpickr-day.prevMonthDay,
span.flatpickr-day.prevMonthDay.selected,
span.flatpickr-day.nextMonthDay.today,
span.flatpickr-day.nextMonthDay.selected.today,
span.flatpickr-day.prevMonthDay.today,
span.flatpickr-day.prevMonthDay.selected.today {
  z-index: -99;
  color: transparent;
  background-color: transparent;
  border-color: transparent;
}
.dueDate {
  position: absolute;
  width: 100%;
  height: 3px;
  bottom: 1px;
  content: " ";
  display: block;
  background: #CC2D30;
}
span.flatpickr-day.prevMonthDay > .dueDate,
span.flatpickr-day.nextMonthDay > .dueDate {
  display: none;
}
.contentWrapper.ng-enter.ng-enter-active {
  opacity: 0;
}
.contentWrapper.ng-enter {
  opacity: 0;
}
.contentWrapper.ng-leave.ng-leave-active {
  opacity: 1;
}
.contentWrapper.ng-leave {
  opacity: 1;
}
.contentAnimate {
  transition: 500ms linear all;
  -webkit-transition: 500ms linear all;
}
.routeLeave {
  opacity: 0;
}
.routeEnter {
  opacity: 1;
}
@media only screen and (min-width: 0px) and (max-width: 660px) {
  .subNav {
    display: none;
  }
}
html,
body {
  height: 100%;
}
.contentWrapper {
  min-height: 100%;
  height: auto !important;
  height: 100%;
}
.myt-pi-main-content {
  position: relative;
  min-height: 100%;
  height: auto !important;
  height: 100%;
}
.header #welcomeMsg {
  color: #ffffff !important;
}
#progress-container {
  position: absolute;
  overflow: hidden;
  top: 45px;
  left: 0;
  right: 0;
  z-index: 99999;
  margin: 0;
  padding: 0;
}
#progress {
  color: #973c3d;
  background-color: #973c3d;
  margin: 0px constant(safe-area-inset-right) 0px constant(safe-area-inset-left);
  margin: 0px env(safe-area-inset-right) 0px env(safe-area-inset-left);
  padding: 0;
  z-index: 99998;
  height: 2px;
  opacity: 0;
  box-shadow: 0 0 10px 0;
  transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
}
.loadingSpinner-container {
  position: absolute;
  top: 30%;
  left: 0;
  right: 0;
  display: none;
  z-index: 99997;
  padding: 0;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
}
.action-menu {
  min-width: 300px;
  margin: 0 15px 0 5px;
}
.action-menu a {
  display: block;
  font-size: 14px;
  min-height: 30px;
  border-left: 1px solid #ccced2;
  border-right: 1px solid #ccced2;
  border-bottom: 1px solid #ccced2;
  padding: 15px;
  text-decoration: none;
}
.action-menu a:first-child {
  border-radius: 3px 3px 0 0;
  border-top: 1px solid #ccced2;
}
.action-menu a:last-child {
  border-radius: 0 0 3px 3px;
}
.action-menu a:only-child {
  border-radius: 3px;
}
.action-menu .icon-arrow_right {
  font-size: 16px;
  padding-left: 19px;
}
.footer-help-text .chat-button {
  font-size: 1em;
  color: #0072BC;
  background: none;
  margin: 0;
  padding: 0;
  border: none;
}
.footer-help-text .chat-button:hover,
.footer-help-text .chat-button:focus {
  color: #004470;
  text-decoration: underline;
}
.footer-help-text .chat-button:disabled {
  color: #6b6d71;
  pointer-events: none;
}
.footer-help-text .chat-button:disabled:hover,
.footer-help-text .chat-button:disabled:focus {
  text-decoration: none;
}
.footer-help-text .chat-button--with-icon::before {
  padding-right: 10px;
  height: 22px;
  width: 22px;
  content: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDI0IDI0IiB3aWR0aD0iMjIiCiAgICBoZWlnaHQ9IjIyIj4KICAgIDxnIGNsYXNzPSJuYy1pY29uLXdyYXBwZXIiIGZpbGw9IiMxMTExMTEiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAuNSwgMC41KSI+CiAgICAgICAgPHBhdGggZGF0YS1jYXA9ImJ1dHQiIGRhdGEtY29sb3I9ImNvbG9yLTIiIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzExMTExMSIgc3Ryb2tlLXdpZHRoPSIxIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIGQ9Ik03Ljc5OSwxNi42MDEgQzkuMDkyLDE4LjYxLDExLjgyNiwyMCwxNSwyMGMwLjU5LDAsMS4xNjMtMC4wNTEsMS43MTYtMC4xNDJMMjEsMjJ2LTQuMDRjMS4yNDEtMS4wNTcsMi0yLjQ0LDItMy45NiBjMC0xLjU1Mi0wLjc5Mi0yLjk2MS0yLjA4MS00LjAyNyIKICAgICAgICAgICAgc3Ryb2tlLWxpbmVqb2luPSJtaXRlciIgc3Ryb2tlLWxpbmVjYXA9ImJ1dHQiPjwvcGF0aD4KICAgICAgICA8cGF0aCBmaWxsPSJub25lIiBzdHJva2U9IiMxMTExMTEiIHN0cm9rZS13aWR0aD0iMSIgc3Ryb2tlLWxpbmVjYXA9InNxdWFyZSIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBkPSJNMTEsMUM1LjQ3NywxLDEsNC41ODIsMSw5IGMwLDEuNzk3LDAuNzUsMy40NSwyLDQuNzg1VjE5bDQuODMzLTIuNDE2QzguODI5LDE2Ljg1LDkuODkyLDE3LDExLDE3YzUuNTIzLDAsMTAtMy41ODIsMTAtOFMxNi41MjMsMSwxMSwxeiIKICAgICAgICAgICAgc3Ryb2tlLWxpbmVqb2luPSJtaXRlciI+PC9wYXRoPgogICAgPC9nPgo8L3N2Zz4=");
  background-repeat: no-repeat;
  vertical-align: middle;
  display: inline-table;
}
.footer-help-text .chat__hours {
  color: black;
  text-decoration: none;
  pointer-events: none;
  display: inline-block;
  font-size: .85em;
  padding-bottom: 15px;
}
.footer-help-text .text-justify {
  text-align: justify;
}
.paymentDetails {
  max-width: 660px;
}
.paymentDetails .subHeading {
  padding: 15px 10px 10px;
  background-color: #f7f7f7;
}
.paymentDetails .subHeading h3 {
  margin: 0;
  padding: 0;
}
.paymentDetails h2 {
  padding: 15px 0 5px 0;
  margin: 0;
  background-color: #f7f7f7;
  font-size: 14px;
}
.paymentDetails .innerSection {
  padding-bottom: 20px;
}
.paymentDetails .content {
  background-color: #ffffff;
  border-top: 1px solid #ccced2;
  border-bottom: 1px solid #ccced2;
}
.paymentDetails .content .item-wrapper {
  border-bottom: 1px solid #ccced2;
}
.paymentDetails .content .item-wrapper:last-child {
  border-bottom: none;
}
.paymentDetails .content .item {
  line-height: 22px;
  padding-left: 10px;
  position: relative;
}
.paymentDetails .content .item.padded-item {
  padding: 8px 10px 8px 32px;
}
.paymentDetails .content .item .icon-arrow_down {
  position: absolute;
  right: 12px;
  top: 50%;
  margin-top: -6px;
  pointer-events: none;
  font-size: 12px;
  color: #CC2D30;
}
.paymentDetails .content .item label {
  padding: 14px 10px 14px 30px !important;
  display: block;
}
.paymentDetails .content .item label .icon {
  vertical-align: middle;
  background-size: contain;
  height: 22px;
  width: 34px;
}
.paymentDetails .content .item label .icon.icon-Bank_Check {
  width: 55px;
  top: -2px;
}
.paymentDetails .content .item label .change {
  padding-left: 15px;
  color: #428bca;
}
.paymentDetails .content .item label .servicefees {
  font-weight: bold;
  font-size: smaller;
}
.paymentDetails .content .item .otherPaymentContainer {
  position: absolute;
  right: 5px;
  top: 8px;
}
.paymentDetails .content .item .form-control {
  display: inline-block;
  width: auto;
}
.paymentDetails .content .scheduleInfoContainer {
  line-height: 22px;
  padding-left: 10px;
  position: relative;
}
.paymentDetails .content .scheduleInfoContainer.padded-item {
  padding: 8px 10px 8px 32px;
}
.paymentDetails .content .scheduleInfoContainer .dateInput > input[type="text"] {
  width: 18.5em;
}
.paymentDetails .content .scheduleInfoContainer label {
  padding: 14px 10px 0px 0px !important;
  display: block;
}
.paymentDetails .content .scheduleInfoContainer label .change {
  padding-left: 15px;
  color: #428bca;
}
.paymentDetails .content .scheduleInfoContainer .labelPayment {
  padding: 5px 10px 10px 0px !important;
  display: block;
}
.paymentDetails .content .scheduleInfoContainer .labelPayment .change {
  padding-left: 15px;
  color: #428bca;
}
.paymentDetails .content .scheduleInfoContainer .labelDate {
  padding: 0px 10px 20px 0px !important;
  display: block;
}
.paymentDetails .content .scheduleInfoContainer .labelDate .change {
  padding-left: 15px;
  color: #428bca;
}
.paymentDetails .bankType {
  overflow: hidden;
  margin: 10px auto;
  width: 300px;
}
.paymentDetails .bankType .bankTypeContainer {
  float: left;
  width: 50%;
}
.paymentDetails .remember {
  width: 300px;
  margin: 0 auto;
  overflow: hidden;
}
.paymentDetails .remember label {
  margin: 0 0 0 -15px !important;
}
.paymentDetails .cancelOption {
  width: 300px;
  margin: auto;
  overflow: hidden;
}
.paymentDetails .cancelOption label {
  margin: 0 0 0 -15px !important;
}
.paymentDetails .rememberBankAccount {
  width: 80%;
  padding: 10px 0 10px 30px !important;
}
.paymentDetails div:not(#foo) > input[type="checkbox"] + label.cancelLabel {
  padding-left: 70px;
  padding-top: 50px;
}
.paymentDetails .bankNumbersContainer {
  width: 300px;
  margin: 0 auto;
  overflow: hidden;
}
.paymentDetails .bankNumbersContainer .bankIconContainer {
  background: url("/assets/img/Check_Detail.png") #ffffff no-repeat center;
  background-size: contain;
  height: 142px;
  width: 115px;
  float: left;
  margin-right: 5px;
}
.paymentDetails .bankNumbersContainer .bankNumbers {
  float: right;
  max-width: 180px;
}
.paymentDetails .bankNumbersContainer .bankNumbers input {
  max-width: 198px;
  width: 178px;
  height: 32px;
}
.paymentDetails .bankNumbersContainer .bankNumbers label {
  display: block;
}
.paymentDetails .bankNumbersContainer .bankNumbers .errorMsg {
  margin-right: 0;
}
.paymentDetails .bankNumbersContainer .numbContainer {
  margin-bottom: 10px;
}
.paymentDetails .bankNumbersContainer .routingContainer {
  margin-bottom: 18px;
}
.paymentDetails .cardNumberContainer,
.paymentDetails .cardInfoContainer {
  width: 300px;
  margin: 10px auto;
  overflow: hidden;
}
.paymentDetails .cardNumberContainer .icon,
.paymentDetails .cardInfoContainer .icon {
  vertical-align: middle;
  background-size: contain;
  height: 22px;
  width: 35px;
  margin-left: 5px;
}
.paymentDetails .cardNumberContainer .inactiveCard,
.paymentDetails .cardInfoContainer .inactiveCard {
  opacity: 0.3;
}
.paymentDetails .cardNumberContainer label,
.paymentDetails .cardInfoContainer label {
  width: 300px;
}
.paymentDetails .cardNumberContainer input,
.paymentDetails .cardInfoContainer input {
  width: 300px;
  height: 32px;
}
.paymentDetails .zipCode {
  width: 80px !important;
  margin-right: 10px;
}
.paymentDetails .cityStateTxt {
  padding-top: 5px;
}
.paymentDetails .expirationContainer {
  width: 300px;
  margin: 20px auto;
  overflow: hidden;
}
.paymentDetails .expirationContainer label {
  display: block;
}
.paymentDetails .expirationContainer input {
  width: 80px;
  height: 32px;
}
.paymentDetails .firstNameContainer {
  width: 230px;
  overflow: hidden;
}
.paymentDetails .firstNameContainer label {
  display: block;
}
.paymentDetails .firstNameContainer input {
  height: 32px;
  width: 230px;
  line-height: 20px;
}
.paymentDetails .MIContainer {
  width: 50px;
  overflow: hidden;
}
.paymentDetails .MIContainer label {
  display: block;
}
.paymentDetails .MIContainer input {
  height: 32px;
  width: 50px;
  line-height: 20px;
}
.paymentDetails .stateContainer {
  width: 90px;
  overflow: hidden;
}
.paymentDetails .stateContainer label {
  display: block;
}
.paymentDetails .stateContainer input {
  height: 32px;
  width: 90px;
  line-height: 20px;
}
.paymentDetails .stateDropDownContainer {
  overflow: hidden;
  width: 90px;
}
.paymentDetails .stateDropDownContainer .stateDropDown {
  margin-right: 10px;
  width: 80px !important;
}
.paymentDetails .datePickerIcon {
  pointer-events: none;
}
.paymentDetails #otherPaymentAmountVal {
  height: 32px;
  width: 85px;
  vertical-align: middle;
  line-height: 20px;
  display: inline-block;
}
.paymentDetails .redButtonContainer {
  margin: 0 auto;
  width: 260px;
  padding: 30px 0;
}
.paymentDetails input[type="submit"] {
  display: inline-block;
  padding: 10px 80px;
  width: 260px;
}
.paymentDetails .redButtonContainer input {
  border: 0;
}
.paymentDetails .redButtonContainer input:focus {
  outline: none;
}
@media only screen and (min-width: 660px) {
  .paymentDetails {
    max-width: inherit;
    /*scheduleOnetimePay*/
  }
  .paymentDetails .paymentMethod,
  .paymentDetails .paymentAmount {
    float: left;
    width: 320px;
  }
  .paymentDetails .scheduleOneTimePay {
    float: right;
    width: 320px;
  }
  .paymentDetails .paymentAmount {
    margin-left: 20px;
  }
  .paymentDetails .subHeading h1 {
    display: none;
  }
  .paymentDetails .content {
    border: 1px solid #ccced2;
    border-radius: 3px;
  }
  .paymentDetails form {
    margin: 0 auto;
    width: 660px;
  }
  .paymentDetails .buttonBar {
    clear: both;
  }
  .paymentDetails .redButtonContainer {
    padding: 15px 0;
  }
  .paymentDetails h2 {
    border-bottom: 1px solid #ccced2;
    padding: 15px 0 10px 0;
  }
}
.confirmContainer {
  margin: 0 auto;
  max-width: 660px;
  text-align: center;
}
.confirmContainer h2 {
  padding: 15px 0 12px 0;
  margin: 0;
  background-color: #f7f7f7;
  font-size: 14px;
  border-bottom: 1px solid #ccced2;
}
.confirmContainer .submissionSection {
  max-width: 320px;
  margin: 0 auto 15px;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
}
.confirmContainer .submissionContainer {
  padding: 10px;
}
.confirmContainer .contentContainer {
  background-color: #ffffff;
  border-bottom: 1px solid #ccced2;
  padding: 10px 0;
}
.confirmContainer .contentContainer .key {
  float: left;
  text-align: right;
  width: 41%;
  margin-right: 10px;
}
.confirmContainer .contentContainer .scheduledDate {
  float: left;
  text-align: left;
  width: 40%;
}
.confirmContainer .contentContainer .val {
  text-align: left;
}
.confirmContainer .contentContainer .valfees {
  text-align: left;
  /*font-weight: bold;*/
  font-size: smaller;
  margin-left: 43%;
}
.confirmContainer .contentContainer .row {
  margin: 10px 0;
}
.confirmContainer .contentContainer .method .key {
  line-height: 75px;
}
.confirmContainer .contentContainer .method .val {
  float: left;
}
.confirmContainer .contentContainer .method .addressInfo {
  line-height: 1.5em;
  text-align: right;
}
.confirmContainer .contentContainer .holderDetails {
  width: 55%;
}
.confirmContainer .contentContainer .holderDetails .truncate-text {
  display: inherit;
}
.confirmContainer .sectionTitle {
  color: #CC2D30;
  text-align: left;
  margin-left: 20px;
  font-size: 18px;
}
.confirmContainer .futurePaymentSection {
  margin: auto;
}
.confirmContainer .legal {
  max-width: 660px;
  margin: 0 auto;
}
.confirmContainer .processed {
  width: 225px;
  margin: 0 auto 15px auto;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
}
.confirmContainer .bankAccount {
  background: url("/assets/img/Bank_Check_Large.png");
  margin-bottom: 10px;
}
.confirmContainer .MasterCard {
  margin-bottom: 10px;
  background: url("/assets/img/mc_accpt_png.png") no-repeat;
  background-size: 80px 51px;
}
.confirmContainer .Visa {
  margin-bottom: 10px;
  background: url("/assets/img/visa_pos_fc.png") no-repeat;
  background-size: 80px 51px;
}
.confirmContainer .Discover {
  margin-bottom: 10px;
  background: url("/assets/img/DiscoverCard.svg") no-repeat;
  background-size: 60px;
}
.confirmContainer .iconPayment {
  width: 116px;
  height: 51px;
}
@media only screen and (min-width: 660px) {
  .confirmContainer {
    max-width: 660px;
    background-color: inherit;
  }
  .confirmContainer h2 {
    border-bottom: 1px solid #ccced2;
    padding: 15px 0 10px 0;
  }
  .confirmContainer .contentContainer {
    width: 480px;
    margin: 0 auto;
    border: 1px solid #ccced2;
    border-radius: 3px;
    margin-top: 20px;
  }
  .confirmContainer .paymentDetailSection {
    width: 80%;
  }
  .confirmContainer .submissionContainer {
    border-top: 1px solid #ccced2;
    max-width: 660px;
    margin-top: 20px;
  }
  .confirmContainer .terms {
    width: 320px;
    margin: 0 auto 15px;
  }
  .confirmContainer .legal {
    margin-top: 90px;
  }
}
.previewTerms {
  text-align: center;
  margin-bottom: 15px;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
}
.previewAutoPayTerms {
  text-align: left;
  margin: 10px 0 15px 0;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
}
.autoPayPreviewBtnContainer button {
  white-space: normal;
  width: 210px;
}
#autoPayPreview .contentContainer {
  width: 660px;
}
#autoPayPreview .method {
  border-bottom: 1px solid #ccced2;
}
#autoPayPreview .submissionContainer {
  border-top: none;
}
@media only screen and (min-width: 0px) and (max-width: 660px) {
  #autoPayPreview .contentContainer {
    width: inherit;
  }
  #autoPayPreview .sectionTitle {
    text-align: center;
  }
}
#autoPaySettings .informational-content {
  margin: 10px;
}
.remaining-balance-notice {
  padding: 14px 10px 14px 0 !important;
  display: block;
}
.existing-account,
.existing-card {
  padding-left: 42px;
}
.existing-account-options,
.existing-card-options {
  color: #007395;
}
.existing-account-edit-btn,
.existing-card-edit-btn {
  padding-right: 15px;
}
.existing-account-remove-btn,
.existing-account-edit-btn,
.existing-card-remove-btn,
.existing-card-edit-btn {
  display: inline-block;
  cursor: pointer;
}
.jpmc-add-btn {
  color: #af1214;
  background-color: #ffffff;
  border: 1px solid #af1214;
  border-radius: 3px;
  margin: auto;
  padding: 3px 6px;
}
.jpmc-button-disabled-state {
  color: #ccc;
  pointer-events: none;
}
.payments-check-icon {
  background-image: url(/assets/img/icons/functional/cheque-outline-18.svg);
  width: 18px;
  height: 18px;
}
.payments-credit-card-icon {
  background-image: url(/assets/img/icons/functional/credit-card-1-18.svg);
  width: 18px;
  height: 18px;
}
.payments-edit-icon {
  background-image: url(/assets/img/icons/functional/pencil-2-12.svg);
  width: 12px;
  height: 12px;
}
.payments-remove-icon {
  background-image: url(/assets/img/icons/functional/trash-bin-1-12.svg);
  width: 12px;
  height: 12px;
}
.payments-add-icon {
  background-image: url(/assets/img/icons/functional/plus-circle-1-12.svg);
  width: 12px;
  height: 12px;
}
.payment-container .modal-header {
  background-color: white !important;
}
.card-viewer-overlay {
  position: fixed;
  top: 0px;
  left: 0px;
  padding: constant(safe-area-inset-top) constant(safe-area-inset-right) constant(safe-area-inset-bottom) constant(safe-area-inset-left);
  padding: env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);
  width: 100%;
  height: 100%;
  background: white;
  z-index: 991000;
  overflow: auto;
}
.card-viewer-image {
  margin-right: 80px;
}
.card-viewer-image img {
  width: 100%;
  height: 100%;
}
.card-viewer-action-bar {
  border-right: transparent constant(safe-area-inset-right) solid;
  padding-right: constant(safe-area-inset-right);
  border-right: transparent env(safe-area-inset-right) solid;
  padding-right: env(safe-area-inset-right);
  background: rgba(0, 0, 0, 0.5);
  position: fixed;
  bottom: 0px;
  right: 0px;
  height: 100%;
  width: 80px;
  z-index: 991001;
  flex-direction: column;
  display: flex;
}
.card-viewer-action-bar .card-viewer-button-container {
  margin-left: 13px;
  margin-top: -15px;
  height: 30%;
  width: 100%;
}
.card-viewer-action-bar .btn {
  padding: 0px;
  margin: 0px;
  background: transparent;
  height: 33px;
  width: 33px;
  outline: none;
  overflow: hidden;
  cursor: pointer;
  border: none;
  background-repeat: no-repeat;
}
.card-viewer-action-bar .icon-close {
  background: url(/assets/img/actionBar_icons/close_32x32.svg) no-repeat no-repeat;
  cursor: not-allowed;
  pointer-events: none;
  width: 32px;
  height: 32px;
}
.card-viewer-action-bar .icon-flipcard {
  background: url(/assets/img/card-viewer/flipcard.svg) no-repeat no-repeat;
  cursor: not-allowed;
  pointer-events: none;
  width: 32px;
  height: 32px;
}
.card-viewer-action-bar .icon-share {
  background: url(/assets/img/actionBar_icons/send_32x32.svg) no-repeat no-repeat;
  cursor: not-allowed;
  pointer-events: none;
  width: 32px;
  height: 32px;
}
.icon-add-wallet {
  background: url(/assets/img/card-viewer/Add_to_Apple_Wallet_rgb_US-UK.svg) no-repeat no-repeat;
  cursor: pointer;
  width: 110px;
  height: 35px;
}
.add-icon,
.infoMsg {
  margin-top: 10px;
}
.vehicleYearMakeModel {
  padding: 15px;
  cursor: pointer;
  border-top: 1px solid #D3D3D3;
  color: #696969;
}
.btn-okay {
  border: 2px solid #ae4243;
  color: #ae4243;
}
.eoi-term-header h2 {
  color: #727981;
  margin-bottom: 10px;
}
.eoi-term-header h3 {
  margin-top: 0;
}
@media only screen and (min-width: 0px) and (max-width: 639px) {
  .eoi-term-header {
    padding: 0 20px;
  }
}
.eoi-term-section {
  padding: 20px 0;
  border-top: 1px solid #ccced2;
  border-bottom: 1px solid #ccced2;
}
.eoi-info {
  padding: 30px 20px;
}
.eoi-term {
  padding-top: 20px;
}
.eoi-term .d-inline-block {
  display: inline-block;
}
.eoi-term .d-flex {
  display: flex;
}
.eoi-term .align-items-center {
  align-items: center;
}
.eoi-term .justify-content-end {
  justify-content: flex-end;
}
.eoi-term .eoi-icon {
  font-size: 24px;
}
.eoi-term .eoi-icon.icon-COI {
  color: #cc2d30;
  vertical-align: top;
  display: inline-block !important;
}
.eoi-term .icon-inProgressGrey {
  pointer-events: none;
}
.icon-underline {
  border-bottom: 2px solid #5E636A;
}
.padding-top-5 {
  padding-top: 5px;
}
.eoi-action {
  padding-top: 5px;
}
.eoi-address {
  display: inline-block;
  margin-left: 35px;
  text-transform: uppercase;
}
@media only screen and (max-width: 1199px) {
  .eoi-address {
    margin-left: 15px;
  }
}
@media only screen and (max-width: 991px) {
  .icon-envelope {
    margin-left: 10px;
  }
}
@media only screen and (max-width: 767px) {
  .eoi-term-section {
    padding: 20px 15px;
  }
}
@media (max-width: 667px) {
  .eoi-address {
    font-size: 12px;
    margin-left: 0;
  }
}
@media (max-width: 320px) {
  .icon-COI {
    font-size: 12px !important;
  }
  .eoi-address {
    font-size: 12px;
    margin-left: 0;
  }
  .col-xs-9 {
    width: 70%;
  }
}
.policies-list-view .list-view-secondary-content {
  padding-left: 20px;
}
.policies-list-view .linkStyle {
  margin-bottom: 20px;
}
.policies-list-view .list-two-lines {
  padding-top: 10px;
}
.policies-list-view .product-icon-large {
  top: -2px;
  left: -4px;
}
.policies-list-view .product-icon-large.icon-home {
  left: -2px;
}
.policies-list-view .icon-arrow_right {
  padding-right: 10px;
}
.healthtip {
  width: 100%;
  text-align: center;
  border-bottom: 1px solid #ccced2;
  line-height: 0.1em;
  margin: 10px 0 20px;
  margin-top: 28px;
}
.healthtip-span {
  background: #fff;
  color: #787981;
  padding-left: 10px;
  padding-right: 10px;
}
.homeContainer {
  display: inline-block;
  margin-left: 10px;
  vertical-align: middle;
  line-height: 20px;
}
fieldset.helpTip-border {
  border-top: 1px solid #ccced2;
  -webkit-box-shadow: 0 0 0 0 #000;
  box-shadow: 0 0 0 0 #000;
  width: 100%;
  display: block;
  position: relative;
}
legend.helpTip-border {
  color: #46494d;
  font-weight: normal;
  font-size: 1.1em;
  width: auto;
  padding: 0 5px;
  border-bottom: none;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
}
.policyPromoWrapper {
  padding-top: 30px;
  min-height: 160px;
  width: 100%;
}
.policyPromoWrapper.noPromo {
  min-height: 0;
}
.policyPromoWrapper > p {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-align: center;
  margin: 0;
  line-height: 160px;
}
.policySummaryPromoWrapper {
  padding-top: 30px;
  width: 100%;
  display: none;
}
.policySummaryPromoWrapper.noPromo {
  min-height: 0;
}
.policySummaryPromoWrapper > p {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-align: center;
  margin: 0;
  line-height: 160px;
}
.ineligibleVeh {
  display: none !important;
}
.addressBlk {
  display: block;
}
.desktop-insurance-cards-link {
  display: block !important;
  border-radius: 3px 3px 0 0;
  border-top: 1px solid #ccced2;
}
.phone-insurance-cards-link {
  display: none !important;
  border-radius: 3px 3px 0 0;
  border-top: 1px solid #ccced2;
}
.vehicleCovered {
  margin-top: 10px;
}
.vehicleCovered ul {
  margin: 0;
  padding: 0;
}
.vehicleCovered li {
  background-position: right center;
  line-height: 20px;
  list-style: none outside none;
  width: inherit;
  max-height: 66px;
  padding: 5px 0 5px 0;
  position: relative;
}
.vehicleCovered .icon {
  position: absolute;
  top: 17px;
}
.vehicleCovered .icon-id_card {
  position: absolute;
  color: #CC2D30;
  font-size: 25px;
  width: 45px;
  top: 0;
  right: 0;
}
.vehicleCovered .icon-id_card .screen-reader-only {
  visibility: hidden;
}
.vehicleCovered .title {
  margin-left: 10px;
}
.vehVin {
  padding-left: 10px;
}
.vehicleContainer {
  margin-left: 35px;
  margin-right: 25px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.vehicles-table {
  display: table;
  width: 100%;
}
.vehicles-table .vehicles-list {
  display: table-cell;
}
.vehicles-table .vehicles-list-links {
  display: table-cell;
  margin-right: 65px;
  min-width: 200px;
  vertical-align: middle;
  text-align: right;
}
.vehicles-table .vehicles-list-links a {
  margin-right: 60px;
}
.ccCardIcon {
  display: inline-block;
  float: right !important;
  margin-top: 10px;
}
.driversCovered {
  margin-top: 10px;
}
.driver li {
  height: 40px;
  line-height: 20px;
  list-style: none outside none;
  padding: 5px 28px 5px 0;
  display: inline;
}
.driver ul {
  margin: 0;
  padding: 0 0 30px;
}
.driverIconWidth {
  width: 30px;
}
.driverInfo {
  display: inline-block;
  min-width: 250px;
  max-width: 350px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding-top: 4px;
  padding-bottom: 4px;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  margin-top: 5px;
}
.drivers-table {
  display: table;
  width: 100%;
}
.drivers-table table {
  margin-bottom: 0 !important;
}
.drivers-table .drivers-list {
  display: table-cell;
}
.drivers-table .drivers-list-links {
  display: table-cell;
  padding-right: 30px;
  min-width: 200px;
  text-align: right;
  vertical-align: middle;
}
.propertyIcon {
  display: inline;
  vertical-align: top;
}
.vehicleYearMakeContainer {
  margin-top: 5px;
  overflow: hidden;
  padding-left: 10px;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
}
.noPolicyDetails {
  font-size: 22px;
  padding-left: 20px;
  padding-top: 20px;
}
.vehList {
  background-image: none;
  cursor: default !important;
}
.vehList .ineligible {
  color: #333333;
}
.claimAssistance {
  font-size: 14px;
}
.propertyCovered {
  margin-top: 10px;
}
.propertyCovered .propertyLabel {
  background-position: right center;
  height: 55px;
  line-height: 20px;
  padding: 5px 28px 5px 0;
  width: inherit;
  display: inline-block;
  margin-top: 10px;
}
.propertyCovered .icon {
  float: left;
  top: 8px;
  right: 0;
}
.policyFooter {
  color: #777777;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  margin: 10px 10px 10px 0;
  display: inline-block;
}
.phone-number-policiesTxt {
  display: block;
}
.policyIcon {
  color: #333;
}
.phone-number-spacing {
  margin-top: 15px;
}
.floatRight {
  float: right;
}
.records-table {
  width: 100%;
  table-layout: fixed;
  font-size: 16px;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
}
.records-table .dateMinWidth {
  min-width: 120px;
}
.records-table .dateMinWidthDocActivity {
  min-width: 120px;
  padding-left: 0px;
}
.records-table .records-header {
  font-family: "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Tahoma, sans-serif;
  background: #dddddd;
  height: 54px;
  padding-top: 2px;
  padding-bottom: 0;
}
.records-table .records-header .records-header-title {
  font-size: 18px;
}
.records-table .records-header .record-subtitle {
  font-size: 16px;
}
.records-table .records-header.noTerm {
  display: table-cell;
  vertical-align: middle;
  height: 36px;
}
.records-table .documents {
  font-size: 20px;
  line-height: 25px;
  color: #333;
}
.records-table th,
.records-table td {
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align: top;
  display: table-cell;
  padding-left: 5px;
  padding-top: .625em;
}
.records-table th {
  font-weight: normal;
  font-size: 14px;
  color: #777777;
  display: table-cell;
  vertical-align: bottom;
}
.records-table td {
  padding-bottom: .625em;
}
.records-table .firstRecord {
  padding-top: 0;
}
.records-table.table-striped > tbody > tr:nth-child(even) > th {
  background-color: #ffffff;
  padding-top: .5em;
}
.getIDCardBlock {
  position: absolute;
  top: 22px;
  right: 0;
  line-height: 25px;
}
.getIDCardText {
  margin-right: 54px;
}
.backButton.policies {
  display: inline-block;
  position: relative;
  top: -6px;
  font-size: 14px;
}
.backButton.policies .btn--left {
  background: #fff;
}
.backButton.policies .btn--left:before {
  content: '';
  position: absolute;
  border-style: solid;
  border-right-width: 1em;
  top: 0%;
  right: 100%;
  border-color: #fff;
  border-top-color: rgba(0, 0, 0, 0);
  border-top-width: 1.1em;
  border-bottom-color: rgba(0, 0, 0, 0);
  border-bottom-width: 1.1em;
  border-left-color: rgba(0, 0, 0, 0);
  border-left-width: 0em;
  z-index: 1;
}
.backButton.policies .btn--left:active {
  background: #d4d4d2;
}
.backButton.policies .btn--left:active:before {
  content: '';
  position: absolute;
  border-style: solid;
  border-right-width: 1em;
  top: 0%;
  right: 100%;
  border-color: #d4d4d2;
  border-top-color: rgba(0, 0, 0, 0);
  border-top-width: 1.1em;
  border-bottom-color: rgba(0, 0, 0, 0);
  border-bottom-width: 1.1em;
  border-left-color: rgba(0, 0, 0, 0);
  border-left-width: 0em;
  z-index: 1;
}
.backButton.policies .btn--left.policy {
  margin-left: .75em;
  margin-right: .5em;
}
.created-on-subtext {
  font-style: italic;
  font-size: 12px;
  margin-left: 26px;
  color: #46494d;
}
.policy-doc-link-list .icon {
  float: left;
}
.policy-doc-link-text {
  display: block;
  margin-left: 25px;
}
.card-link-text {
  display: block;
  padding-top: 10px;
  padding-left: 10px;
  padding-bottom: 10px;
}
.certificate-link-text {
  display: block;
  padding-top: 10px;
  padding-left: 0px;
  padding-bottom: 20px;
  text-align: left;
}
.sectionVehicleLine {
  border-bottom: 1px solid #ccced2;
  margin-left: 0px;
  margin-right: 15px;
  width: 1191px;
}
.policy-show-container {
  padding-bottom: 10px;
}
.policy-show-container .detail-label {
  color: #46494d;
  line-height: 30px;
  width: 170px;
}
.policy-show-container .detail-value {
  padding-bottom: 6px;
}
.policy-show-container .detail-Heading {
  color: #46494d;
  border-bottom: none;
}
.policy-show-container .detail-row-first {
  margin-top: 10px;
}
.policy-show-container .policy-summary-title {
  font-size: 14pt;
  margin-left: 6px;
}
.policy-show-container .policy-summary-table {
  display: table;
  width: 100%;
}
.policy-show-container .policy-details-section {
  float: left;
  display: table-cell;
  min-width: 320px;
}
.policy-show-container .action-menu {
  float: right;
  display: table-cell;
}
.policy-faq-list {
  margin-bottom: 20px;
  max-width: 660px;
}
.policy-faq-list .faq-question-answer {
  margin: 15px 5px;
}
.policy-faq-list .faq-question-answer .faq-question p {
  color: inherit;
  display: inline;
  margin: inherit;
}
.policy-faq-list .faq-question-answer .faq-answer {
  margin: 10px 0 10px 40px;
}
.policy-faq-list .icon-arrow_up {
  color: #CC2D30;
  margin-right: 10px;
  -webkit-transition: .4s ease;
  -moz-transition: .4s ease;
  -o-transition: .4s ease;
  transition: .4s ease;
  float: left;
  font-size: 16px;
}
.policy-faq-list .icon-arrow_up.arrow-flip {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
  top: -8px;
}
.policy-faq-list .icon-arrow_down {
  color: #CC2D30;
  margin-right: 10px;
  -webkit-transition: .4s ease;
  -moz-transition: .4s ease;
  -o-transition: .4s ease;
  transition: .4s ease;
  float: left;
  font-size: 16px;
}
.policy-faq-list .icon-arrow_down.arrow-flip {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
  top: -8px;
}
@media only screen and (max-width: 350px) {
  .created-on-subtext {
    font-size: 9px;
  }
}
@media only screen and (max-width: 1140px) {
  .policy-show-container .action-menu {
    width: 100%;
    margin: 0 !important;
  }
}
@media only screen and (max-width: 840px) {
  .vehicles-table .vehicles-list {
    display: block;
  }
  .vehicles-table .vehicles-list-links {
    width: 100%;
    margin: 0 !important;
    display: block;
    text-align: left !important;
  }
  .drivers-table .drivers-list {
    display: block !important;
  }
  .drivers-table .drivers-list-links {
    width: 100%;
    margin: -6px 0 0 0 !important;
    padding-left: 6px;
    display: block;
    text-align: left !important;
  }
}
@media only screen and (min-width: 0px) and (max-width: 660px) {
  .cardDcmContent {
    padding: 10px 10px;
  }
  .desktop-insurance-cards-link {
    display: none !important;
  }
  .phone-insurance-cards-link {
    display: block !important;
  }
  .policy-show-container .action-menu {
    padding-left: 0;
    padding-right: 0;
  }
  .policy-show-container .policy-details-section {
    padding-left: 10px;
  }
  .policy-show-container .detail-label {
    display: block;
  }
  .policy-show-container .detail-value {
    display: block;
  }
  .vehicleCovered li {
    padding: 5px 5px 5px 0;
  }
  .vehicleContainer {
    margin-left: 35px;
    margin-right: 50px;
  }
  .vehicleYearMakeContainer {
    width: 100%;
  }
  .driver li {
    padding: 5px 0 5px 0;
    display: block;
  }
  .policyFooter {
    margin: 10px 10px 10px 10px;
  }
  .getIDCardText {
    display: none;
  }
  .icon-id_card .screen-reader-only {
    visibility: visible;
  }
  .btn--left.policy {
    display: none;
  }
  .records-table .dateMinWidth {
    min-width: 80px;
  }
  .cardLeft {
    margin-left: 0px !important;
  }
  .policyPromoWrapper {
    display: none;
  }
  .policySummaryPromoWrapper {
    display: block;
  }
}
@media only screen and (min-width: 661px) {
  .driver li {
    padding: 5px 0 5px 0;
    display: block;
  }
}
@media only screen and (min-width: 660px) and (max-width: 1001px) {
  .vehicleContainer {
    margin-left: 35px;
    margin-right: 50px;
  }
  .getIDCardText {
    display: none;
  }
  .icon-id_card .screen-reader-only {
    visibility: visible;
  }
}
.documentHistorypara .tableHeader {
  margin: 0;
  padding: 0;
}
.documentHistorypara .tableHeader .tableHeaderSubtext {
  margin-left: 0;
  font-weight: 400;
  font-style: italic;
  color: #999999;
  font-size: 14px;
}
.currentDocumentPara button {
  padding: 8px;
  margin-left: 10px;
}
.currentDocumentPara button i {
  display: block;
  margin-bottom: 0px;
  color: #cc2d30;
  font-size: 20px;
}
.coiCard {
  width: 95px;
  padding-left: 20px;
}
.alignment {
  height: 40px;
  padding-left: 20px;
}
.left {
  padding-left: 01px;
  margin-left: -20px;
}
.coiMsg {
  text-align: left;
  margin-bottom: 10px;
  padding-left: 20px;
}
.eoiCard {
  width: 165px;
}
.eoiLatestSection button {
  padding: 10px;
}
.eoiLatestSection button i {
  display: block;
  width: 100%;
  color: #cc2d30;
  font-size: 20px;
}
.docLoading {
  padding: 20px;
}
/*----- Tabs -----*/
.tabs {
  width: 100%;
}
.tab-links:before,
.tab-links:after {
  display: table;
  content: " ";
}
/*----- Tab Links -----*/
/* Clearfix */
.tab-links:after {
  clear: both;
  content: '';
}
.tab-links li {
  margin: 0px 1px;
  float: left;
  list-style: none;
  border: none;
  background: #ddd;
  margin-bottom: -1px;
}
.tab-links a {
  padding: 7px 15px;
  display: inline-block;
  color: #4c4c4c;
  height: 55px;
}
.tab-links a:hover {
  text-decoration: none;
}
li.active {
  background: #fff;
  box-shadow: none;
  color: #4c4c4c;
  border: 1px solid #ddd;
  border-bottom: none;
  margin-bottom: -1px;
  margin-top: -10px;
  height: 65px;
}
.linktext {
  display: block;
}
/*----- Content of Tabs -----*/
.tab {
  box-shadow: none;
  border: none;
  display: flex;
}
.tab-links {
  margin-top: 35px;
  margin-left: 0px;
  margin-right: -20px;
  border-bottom: 1px solid #ddd;
  margin-bottom: 10px;
  padding-left: 15px;
}
.tab-content p {
  clear: both;
}
.cardTablet {
  text-align: center;
  width: 100%;
}
.cardTablet h3 {
  margin-top: 10px;
}
.cardTablet h3 span.goPa {
  font-size: 16px;
  margin-left: 10px;
}
.cardTablet .card-block-right {
  width: 80px;
  padding-left: 9px;
}
.cardTablet .cardBlock:nth-child(2) {
  border-radius: 3px 3px 0 0;
}
.cardTablet .cardBlock:last-child {
  border-bottom: 1px solid #ccced2;
  border-radius: 0 0 3px 3px;
}
.cardTablet .cardBlock {
  border-bottom: 1px solid #ccced2;
  background-color: #ffffff;
  cursor: pointer;
  padding: 5px 20px;
  text-align: left;
  display: flex;
  align-content: center;
  text-decoration: none;
  color: inherit;
}
.cardTablet .cardBlock .showArrow {
  display: block;
}
.cardTablet .cardBlock i {
  color: #cc2d30;
}
.cardTablet .cardBlock .cardIcon {
  width: 60px;
  min-width: 60px;
  display: flex;
  align-items: center;
}
.cardTablet .cardBlock .arrowRight {
  flex: 1;
  display: flex;
}
.cardTablet .cardBlock .cardDescription {
  padding-top: 10px;
  width: 75%;
  flex: 2 0 75%;
  padding-right: 10px;
}
.cardTablet .cardBlock .cardDescription .cardYearMakeModel {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.cardTablet .cardBlock .vehicleVin {
  padding-top: 10px;
}
.cardTablet .cardBlock .cardIndividual {
  margin-top: 20px;
}
.cardTablet .cardBlock .textStyle {
  font-size: medium;
  color: #191919;
  margin-top: -8px;
}
.cardTablet .cardBlock .termStyle {
  font-size: 18px;
  margin-top: -9px;
  padding-bottom: 07px;
}
.cardTablet .cardBlock .downloadDescription {
  float: left;
  width: 100px;
  padding-top: 20px;
}
.cardTablet .cardBlock p {
  color: #777777;
  margin: 0 0 4px;
}
.cardTablet .cardBlock p.cardBlock-error-text {
  color: #CC2D30;
  font-style: italic;
}
.cardTablet .cardBlock .pull-right {
  margin-top: 10px;
}
.cardTablet .cardBlock .cardBlockContent {
  width: 85%;
}
.cardTablet .cardBlock .cardInfo a {
  position: relative;
  top: -5px;
}
.cardTablet .cardMailText {
  width: 1050px;
  padding: 5px 20px 5px 30px;
  text-align: left;
  text-decoration: none;
  font-size: 16px;
}
.cardTablet .mailAddress {
  text-align: left;
  padding-left: 39px;
  padding-top: 20px;
  padding-bottom: 20px;
}
.cardTablet .cardMailDetails {
  background-color: #ffffff;
  width: 1050px;
  padding: 5px 30px 5px 45px;
  text-align: left;
  display: block;
  text-decoration: none;
  color: inherit;
}
.cardTablet .cardMailDetails p {
  margin: 0px;
}
.cardTablet .certMessage {
  background-color: #ffffff;
  padding: 5px 20px;
  text-align: left;
  display: block;
  text-decoration: none;
  color: inherit;
  padding-top: 22px;
}
.cardTablet .certMessage p {
  margin: 0px;
}
.cardTablet .cardBlockMail {
  background-color: #ffffff;
  padding: 5px 10px 5px 23px;
  text-align: left;
  height: 75px;
  display: block;
  text-decoration: none;
  color: inherit;
}
.cardTablet .cardBlockMail .showArrow {
  display: block;
  padding-top: 18px;
}
.cardTablet .cardBlockMail i {
  padding-left: 20px;
  padding-right: 60px;
  padding-top: 20px;
  font-size: 23px;
}
.cardTablet .cardBlockMail .cardIcon {
  float: left;
}
.cardTablet .cardBlockMail .cardDescription {
  padding-top: 10px;
  width: 77%;
}
.cardTablet .cardBlockMail .cardDescription .cardYearMakeModel {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.cardTablet .cardBlockMail .vehicleVin {
  padding-top: 10px;
}
.cardTablet .cardBlockMail .card-block-right {
  width: 80px;
  padding-left: 9px;
}
.cardTablet .cardBlockMail p {
  color: #777777;
  margin: 0 0 4px;
}
.cardTablet .cardBlockMail p.cardBlock-error-text {
  color: #CC2D30;
  font-style: italic;
}
.cardTablet .cardBlockMail .pull-right {
  margin-top: 10px;
}
.cardTablet .cardBlockMail .cardBlockContent {
  width: 85%;
}
.cardTablet .disabledLink {
  cursor: default;
}
.cardTablet .coiPhoneNumber {
  white-space: nowrap;
}
.mailMessage {
  padding: 5px 30px 5px 39px;
  text-align: left;
  display: block;
  text-decoration: none;
  color: inherit;
  font-size: 16px;
}
.cardLeft {
  margin-left: -23px;
}
.cardDetail-Heading {
  color: #727981;
  font-size: 22px;
  font-weight: normal;
  margin-top: 20px;
  padding-bottom: 10px;
  margin-bottom: 0;
}
.cardsHeading {
  margin-left: -10px;
}
.cardText-Display {
  width: 500px;
  padding-top: 20px;
  padding-left: 10px;
}
.offlineText-Display {
  padding-right: 10px;
  padding-top: 10px;
  padding-left: 10px;
}
.downloadIcon {
  height: 30px;
  width: 35px;
  background: url('/assets/img/pdf-D.png') no-repeat transparent;
  background-size: 36px 29px;
  border: 0;
  float: left;
}
.mailIcon {
  height: 30px;
  width: 38px;
  background: url('/assets/img/email-D.png') no-repeat transparent;
  background-size: 36px 29px;
  border: 0;
  float: left;
}
.cardImage {
  padding-bottom: 15px;
  padding-top: 12px;
}
.linkText {
  padding-left: 10px;
}
.allCards {
  padding-left: 30px;
  text-align: left;
  padding-bottom: 10px;
  padding-top: 10px;
}
.current {
  height: 45px;
}
.currentMsg {
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  padding-left: 30px;
  text-align: left;
  padding-top: 20px;
  padding-bottom: 10px;
}
.cardsMsg {
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  padding-left: 30px;
  text-align: left;
  padding-top: 10px;
  padding-bottom: 20px;
}
@media only screen and (max-width: 450px) {
  /*----- Tabs Mobile View -----*/
  .current {
    height: 40px;
  }
  .tabs {
    width: 100%;
  }
  .tab-links:before,
  .tab-links:after {
    display: table;
    content: " ";
  }
  /*----- Tab Links -----*/
  /* Clearfix */
  .tab-links:after {
    clear: both;
    content: '';
  }
  .tab-links li {
    float: left;
    list-style: none;
    border: none;
    background: #ddd;
    margin-bottom: -1px;
    width: 120px;
  }
  .tab-links a {
    padding: 10px 15px;
    display: inline-block;
    color: #4c4c4c;
    height: 55px;
  }
  .tab-links a:hover {
    text-decoration: none;
  }
  li.active {
    background: #fff;
    box-shadow: none;
    color: #4c4c4c;
    border: 1px solid #ddd;
    border-bottom: none;
    margin-bottom: -1px;
    width: 122px;
  }
  .linktext {
    display: block;
    width: 111px;
  }
  .tab-links {
    margin-top: 35px;
    margin-right: -20px;
    border-bottom: 1px solid #ddd;
    margin-bottom: 10px;
  }
  .tab-content p {
    clear: both;
  }
  .cardLeft {
    margin-left: 0px;
  }
  .cardDetail-Heading {
    color: #727981;
    font-size: 22px;
    font-weight: normal;
    margin-top: 20px;
    padding-bottom: 10px;
    margin-bottom: 0;
  }
  .cardTablet .cardMailText {
    width: 1050px;
    padding: 5px 20px 5px 19px;
    text-align: left;
    text-decoration: none;
    font-size: 16px;
  }
  .cardsHeading {
    margin-left: -1px;
  }
  .cardText-Display {
    width: 300px;
    padding-top: 20px;
    padding-left: 10px;
  }
  .downloadIcon {
    height: 30px;
    width: 35px;
    background: url('/assets/img/pdf-M.png') no-repeat transparent;
    background-size: 36px 29px;
    border: 0;
    float: left;
  }
  .mailIcon {
    height: 30px;
    width: 38px;
    background: url('/assets/img/email-M.png') no-repeat transparent;
    background-size: 36px 29px;
    border: 0;
    float: left;
  }
  .cardImage {
    padding-bottom: 15px;
    padding-top: 12px;
  }
  .linkText {
    padding-left: 20px;
  }
  .card-link-text {
    display: block;
    padding-top: 10px;
    padding-left: 15px;
    padding-bottom: 10px;
  }
  .certificate-link-text {
    display: block;
    padding-top: 10px;
    padding-left: 20px;
    padding-bottom: 20px;
    text-align: left;
  }
  .sectionVehicleLine {
    border-bottom: 1px solid #ccced2;
    margin-left: 0px;
    margin-right: 15px;
    width: 1191px;
  }
  .allCards {
    padding-left: 15px;
    text-align: left;
    padding-bottom: 10px;
    padding-top: 10px;
  }
  .currentMsg {
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
    padding-left: 15px;
    text-align: left;
    padding-top: 20px;
  }
  .cardsMsg {
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
    padding-left: 15px;
    text-align: left;
    padding-bottom: 20px;
  }
  .cardsMsg .lnkCards {
    padding-left: 01px;
    padding-top: 01px;
  }
}
button.eoiCard:focus {
  outline: none !important;
  box-shadow: none;
  border: 1px solid #004470;
}
button.eoiCard:active {
  border: 1px solid #ccced2;
}
.policy-menu {
  float: right;
  min-width: 200px;
}
.policy-menu a {
  display: flex;
  font-size: 14px;
  align-items: center;
  padding: 4px 10px 4px 4px;
}
.policy-menu a:hover {
  color: #002A47;
  text-decoration: none;
}
.policy-menu a:hover i:before {
  color: #002A47;
}
.policy-menu a:focus {
  background-color: rgba(0, 145, 235, 0.2);
  text-decoration: none;
}
.policy-menu a sup {
  font-size: 12px !important;
}
.policy-menu a i {
  width: 40px;
  height: 40px;
  margin-right: 5px;
  font-size: 38px;
}
@media only screen and (max-width: 1140px) {
  .policy-menu {
    width: 100%;
    float: left;
  }
  .policy-menu a {
    border-bottom: 1px solid #ccced2;
  }
  .policy-menu > a:last-child {
    border-bottom: 0px;
  }
}
.profile-termsConditions-container .termsConditionsSection h1 {
  font-size: 25px;
  text-align: center;
  margin-top: 0px;
  font-weight: bold;
}
.profile-termsConditions-container .termsConditionsSection .termsConditionsLinks {
  display: blcok;
  width: 300px;
  margin: 0 auto;
}
.profile-termsConditions-container .termsConditionsSection .termsConditionsLinks li {
  color: #0072bc;
}
@media only screen and (min-width: 660px) {
  .profile-termsConditions-container .termsConditionsSection h1 {
    display: none;
  }
}
.delivery-preferences-form {
  margin: 0px auto 0;
  max-width: 645px;
}
.delivery-preferences-form .padding-left-md {
  padding-left: 5px;
}
.delivery-preferences-form .delivery-preferences-informational-content > div {
  margin-top: 8px;
}
.delivery-preferences-form .paperless-promo-header {
  color: #37ae47;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-size: 16px;
  padding: 20px;
}
.delivery-preferences-form .delivery-preference-row {
  display: table;
  margin-bottom: 10px;
}
.delivery-preferences-form .delivery-preference-row > div {
  float: none;
  display: table-cell;
  width: 44%;
  vertical-align: top;
}
.delivery-preferences-form .delivery-preference-row .email-selection-form-control {
  padding-top: 5px;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-size: 16px;
}
.delivery-preferences-form .delivery-preference-row .email-selection-form-control > div {
  display: inline-block;
  width: 50px;
}
.delivery-preferences-form .delivery-preference-row .email-selection-form-control > select {
  display: inline-block;
  width: 81%;
}
.delivery-preferences-form .delivery-preference-row .internal-content-container {
  padding: 10px 10px 20px;
}
.delivery-preferences-form .delivery-preference-row .internal-content-container .btn-confirm-email {
  color: #0072bc;
  font-size: 12px;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-weight: bold;
  width: 100px;
  height: 25px;
  padding: 2px;
}
.delivery-preferences-form .delivery-preference-row .internal-content-container .preference-sub-content {
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-size: 14px;
  color: #777777;
}
.delivery-preferences-form .delivery-preference-row .internal-content-container .preference-sub-content.pending-or-error-notification-text p {
  color: #CC2D30;
}
.delivery-preferences-form .delivery-preference-row .internal-content-container .account-switch-container {
  margin-top: 10px;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-size: 16px;
  color: #333333;
}
.delivery-preferences-form .delivery-preference-row .internal-content-container .account-switch-container i {
  color: #333333;
  font-size: 18px;
}
.delivery-preferences-form .delivery-preference-row .internal-content-container .account-switch-container > div {
  display: inline-block;
}
.delivery-preferences-form .delivery-preference-row .internal-content-container .account-switch-container .non-eligible-content-container {
  text-align: center;
  width: 60px;
}
.delivery-preferences-form .delivery-preference-row .internal-content-container .account-switch-container .account-header-content.account-title-error {
  color: #CC2D30;
}
.delivery-preferences-form .delivery-preference-row .internal-content-container .account-switch-container .account-header-content.account-title-error i {
  color: #CC2D30;
}
.delivery-preferences-form .delivery-preference-row .current-email-section {
  padding-bottom: 20px;
}
.delivery-preferences-form .delivery-preference-row .current-email-section .email-section-sub-content {
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-size: 12px;
  color: #777777;
  margin-top: 5px;
}
.delivery-preferences-form .delivery-preference-row .billing-documents-section .billing-documents-container .billing-account-policies-container {
  padding-top: 10px;
}
.delivery-preferences-form .delivery-preference-row .billing-documents-section .billing-documents-container .billing-account-policies-container .billing-account-policy {
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-size: 14px;
  color: #999999;
}
.delivery-preferences-form .delivery-preference-row .billing-documents-section .billing-documents-container .billing-account-policies-container .billing-account-policy i {
  color: #bbbbbb;
  font-size: 18px;
  text-align: left;
}
.delivery-preferences-form .delivery-preference-row .billing-documents-section .billing-documents-container .billing-account-number-information {
  padding-top: 5px;
}
.delivery-preferences-form .delivery-preference-row .policy-documents-section .policy-document-information {
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
}
.delivery-preferences-form .delivery-preference-row .delivery-preference-section {
  background-color: #ffffff;
  border: 1px solid #ccced2;
  display: inline-block;
  height: 100%;
  width: 100%;
  border-radius: 3px;
}
.delivery-preferences-form .d-flex {
  display: flex !important;
}
.delivery-preferences-form .flex-column {
  flex-direction: column !important;
}
.delivery-preferences-form .align-items-center {
  align-items: center !important;
}
.delivery-preferences-form .justify-content-center {
  justify-content: center !important;
}
.delivery-preferences-form .justify-content-between {
  justify-content: space-between !important;
}
.delivery-preferences-form .text-uppercase {
  text-transform: uppercase !important;
}
.delivery-preferences-form .ml-10 {
  margin-left: 10px !important;
}
.delivery-preferences-form .mb-5 {
  margin-bottom: 5px !important;
}
.delivery-preferences-form .mb-20 {
  margin-bottom: 20px !important;
}
.delivery-preferences-form .pb-20 {
  padding-bottom: 20px !important;
}
.delivery-preferences-form .border-bottom {
  border-bottom: 1px solid #ccced2 !important;
}
@media only screen and (max-width: 660px) {
  .delivery-preferences-form .padding-left-md {
    padding-left: 2px;
  }
  .delivery-preferences-form .delivery-preference-row {
    display: block;
    margin-bottom: 0px;
  }
  .delivery-preferences-form .delivery-preference-row > div {
    display: block;
    width: 100%;
  }
  .delivery-preferences-form .delivery-preference-row .delivery-preference-section {
    display: block;
    border-top: none;
    border-left: none;
    border-right: none;
    border-radius: 0;
  }
  .delivery-preferences-form .delivery-preference-row .current-email-section {
    border-top: 1px solid #ccced2;
    border-left: none;
    border-right: none;
  }
  .delivery-preferences-form .delivery-preference-row .billing-documents-section .billing-documents-container .billing-account-policies-container {
    padding-top: 10px;
  }
  .delivery-preferences-form .delivery-preference-row .billing-documents-section .billing-documents-container .billing-account-policies-container .billing-account-policy {
    padding-left: 10px;
  }
  .delivery-preferences-form .delivery-preference-row .policy-documents-section {
    margin-left: 0px;
  }
}
.email-address {
  color: #333333;
  font-weight: bold;
}
.paperless-new-email-notification {
  margin-top: 6px;
  padding-left: 20px;
  font-family: Arial;
}
.paperless-new-email-notification p {
  font-size: 16px;
}
.paperless-header {
  color: #004665;
  font-size: 14px;
}
.paperless-header .paperless-heading {
  font-family: "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Tahoma, sans-serif;
  font-weight: bold;
}
.paperless-header .paperless-sub-heading {
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-style: italic;
}
.paperless-content-block {
  margin-left: -20px;
  margin-right: -20px;
  margin-top: 10px;
  border-top: 2px solid #37ae47;
  border-bottom: 2px solid #37ae47;
}
.paperless-content-block .paperless-informational-content {
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #777777;
  font-size: 16px;
  font-weight: bold;
  padding-top: 6px;
  padding-bottom: 6px;
  padding-left: 15px;
}
.paperless-content-block .paperless-informational-content > div {
  display: inline-block;
  vertical-align: middle;
}
.paperless-content-block .paperless-informational-content > div.paperless-leaf-container {
  width: 8%;
  font-size: x-large;
}
.paperless-content-block .paperless-informational-content > div.paperless-informational-content-container {
  width: 90%;
}
.paperless-content-block .paperless-preference-content-block {
  background-color: #F4FAF5;
  padding: 10px 20px 20px;
  border-top: 1px solid #ccced2;
  border-bottom: 1px solid #ccced2;
}
.paperless-content-block .paperless-preference-content-block > div {
  vertical-align: top;
  display: inline-block;
  width: 48%;
}
.paperless-content-block .paperless-preference-content-block .paperless-account-section {
  margin-top: 16px;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
}
.paperless-content-block .paperless-preference-content-block .paperless-account-section > div {
  display: inline-block;
}
.paperless-content-block .paperless-preference-content-block .paperless-account-section > div.policy-icon-container {
  vertical-align: top;
}
.paperless-content-block .paperless-preference-content-block .paperless-account-section i {
  font-size: 16px;
  color: #333333;
}
.paperless-content-block .paperless-preference-content-block .paperless-account-section .policy-title-description {
  color: #999999;
  font-size: 14px;
}
.paperless-content-block .paperless-preference-content-block .paperless-account-section .account-title {
  color: #333333;
  font-size: 16px;
}
.paperless-content-block .paperless-preference-content-block .paperless-account-section .billing-account-policy {
  color: #999999;
}
.paperless-content-block .paperless-preference-content-block .paperless-account-section .billing-account-policy.policy-title-description {
  margin-bottom: 5px;
}
.paperless-content-block .paperless-preference-content-block .paperless-account-section .billing-account-policy > div.billing-account-policy-number-icon {
  margin-right: 5px;
  padding-left: 10px;
}
.paperless-content-block .paperless-preference-content-block .paperless-account-section .billing-account-policy > div.billing-account-policy-number-icon i {
  color: #999999;
}
.paperless-content-block .paperless-preference-content-block .paperless-account-section .billing-account-policy > div {
  vertical-align: top;
  display: inline-block;
}
.profileIdEmail {
  margin: 0 25px auto 0;
  max-width: 175px;
}
.profileIdEmail .userIDEmail {
  width: inherit;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: right;
}
.userIDEmailMargin {
  margin-top: 12px;
}
@media only screen and (max-width: 660px) {
  .paperless-content-block .paperless-preference-content-block {
    padding: 10px 0 0;
  }
  .paperless-content-block .paperless-preference-content-block > div {
    padding-left: 20px;
    padding-right: 20px;
    display: block;
    width: 100%;
  }
  .paperless-content-block .paperless-preference-content-block > div.policy-documents-container {
    padding-top: 10px;
    border-top: 1px solid #ccced2;
    padding-bottom: 10px;
  }
  .profileIdEmail {
    margin: 0 20px auto 10px;
    width: 130px;
  }
}
.profile-form-submit-container {
  margin-top: 5px;
}
.userEmail {
  text-overflow: ellipsis;
  overflow: hidden;
}
.profile-block-left {
  width: 500px;
}
.profile-block-left .truncate-text {
  display: inherit;
}
.invalid-email-error-text {
  color: #CC2D30;
  margin: 0 5px;
  padding: 5px;
  max-width: 350px;
}
.profile-reset-container h3 {
  color: #46494d;
}
.profile-reset-container label {
  width: 480px;
}
.profile-reset-container .security-question-form-group {
  margin-bottom: 20px;
}
.profile-reset-container .errorMsg {
  clear: both;
}
.profile-reset-container .errorInput {
  border: 2px solid #CC2D30;
}
.profile-reset-container .left-column {
  width: 300px;
  margin: 10px;
  float: left;
  clear: left;
}
.profile-reset-container .right-column {
  float: right;
  margin: 0 -5px;
  padding-top: 10px;
}
.profile-reset-container .right-column ul {
  list-style-type: none;
  padding-left: 0;
}
.profile-reset-container .right-column ul li {
  height: 20px;
}
.profile-reset-container .right-column ul span {
  display: inline-block;
  float: left;
  margin-right: 10px;
}
.profileTablet {
  margin: 20px auto 10px;
  text-align: center;
  max-width: 650px;
}
.profileTablet h3 {
  margin-top: 10px;
}
.profileTablet h3 span.goPa {
  font-size: 16px;
  margin-left: 10px;
}
.profileTablet .icon-arrow_right {
  float: right;
  padding-left: 10px;
  top: 12px;
}
.profileTablet .profile-block-right {
  width: 80px;
  padding-left: 9px;
}
.profileTablet .profileTitle {
  font-size: 2em;
  margin: 15px;
}
.profileTablet .profileBlock:nth-child(2) {
  border-radius: 3px 3px 0 0;
}
.profileTablet .profileBlock:last-child {
  border-bottom: 1px solid #ccced2;
  border-radius: 0 0 3px 3px;
}
.profileTablet .profileBlock {
  border-top: 1px solid #ccced2;
  background-color: #ffffff;
  border-left: 1px solid #ccced2;
  border-right: 1px solid #ccced2;
  cursor: pointer;
  width: 650px;
  padding: 5px 10px;
  text-align: left;
  height: 75px;
  display: block;
  text-decoration: none;
  color: inherit;
}
.profileTablet .profileBlock p {
  color: #777777;
  margin: 0 0 4px;
}
.profileTablet .profileBlock p.profileBlock-error-text {
  color: #CC2D30;
  font-style: italic;
}
.profileTablet .profileBlock .pull-right {
  margin-top: 10px;
}
.profileTablet .profileBlock .profileBlockContent {
  width: 85%;
}
.profileTablet .profileBlock .profileUserInfo a {
  position: relative;
  top: -5px;
}
.profileTablet .disabledLink {
  cursor: default;
}
.profile-other-links {
  margin: 15px auto;
  max-width: 650px;
  text-align: left;
  padding-left: 10px;
}
.profile-other-links p {
  font-size: 16px;
}
.profile-error-text {
  color: #CC2D30;
  font-style: italic;
}
.profile-info-text {
  color: #777777;
  font-style: italic;
  font-size: 12px;
}
.confirmPassword {
  border: 1px solid #ccced2;
  background-color: #d4d4d2;
  width: 100%;
  max-width: 645px;
  margin: 0 auto !important;
  display: block !important;
  padding: 10px 30px;
}
.confirmPassword button {
  margin-top: 20px;
}
.profileContainer {
  border-top: 1px solid #ccced2;
  background-color: #ffffff;
  border-bottom: 1px solid #ccced2;
  border-left: 1px solid #ccced2;
  border-right: 1px solid #ccced2;
  max-width: 645px;
  margin: 15px auto 0;
  position: relative;
  padding: 20px;
  overflow: hidden;
}
.profile-name-container {
  margin-top: 20px;
  display: inline-block;
}
.profile-name-container .profile-name-block {
  float: left;
  margin: 0 4px 0 0;
}
.profile-name-container .profile-name-block label {
  display: block;
  width: 275px;
}
.profile-name-container .profile-name-block input {
  width: 275px;
}
.profile-block {
  margin-top: 10px;
  display: inline-block;
}
.profile-block label {
  width: 320px;
}
.profile-block .errorMsgSelect,
.profile-block .errorMsgInput {
  width: 350px;
}
.profile-block input {
  width: 350px;
}
.profile-phone-secondary-block {
  margin: 12px 0 auto 15px;
}
.profile-checkbox {
  margin: 5px 10px 0px -18px;
  display: inline-block;
}
@media only screen and (min-width: 0px) and (max-width: 660px) {
  .profileContainer {
    padding: 20px 10px;
    margin-top: 0;
    border-top: none;
  }
  .profile-name-container .profile-name-block input,
  .profile-name-container .profile-name-block label {
    width: 148px;
  }
  .profile-block input,
  .profile-block select {
    width: 300px;
  }
  .profile-reset-container label {
    width: 300px;
  }
  .profile-reset-container .security-question-form-group {
    margin-bottom: 10px;
  }
  .profile-reset-container .changePasswordMainSection {
    width: 300px;
    margin: 0 auto;
  }
  .profile-reset-container .left-column {
    margin: 10px 0;
    float: left;
  }
  .profile-reset-container .right-column {
    width: 300px;
    padding-top: 0;
    margin: 15px 0;
    float: left;
  }
  .customError {
    margin: 0 !important;
    padding: 5px 0 5px 0 !important;
  }
  .confirmPassword {
    border-top: 1px solid #ccced2;
    text-align: center;
    padding: 10px 10px;
  }
  .confirmPassword input {
    margin: 0 auto;
  }
  .confirmPassword button {
    margin-top: 10px;
  }
  .confirmPassword label {
    text-align: left;
    width: 290px;
    margin-left: -6px;
  }
  .confirmPassword.confirmPassword-profile-info {
    text-align: left !important;
  }
  .confirmPassword.confirmPassword-profile-info label {
    margin-left: 0;
  }
  .confirmPassword.confirmPassword-profile-info input {
    margin: 0;
  }
  .profile-other-links {
    margin: 15px 5px;
  }
  .profile-other-links p {
    font-size: 14px;
  }
}
@media only screen and (min-width: 0px) and (max-width: 320px) {
  .profile-checkbox {
    margin: 0 10px 0 0;
    display: inline-block;
  }
  .customChex {
    height: 1px;
  }
  .paperless-new-email-notification {
    width: 320px;
  }
  .profile-name-container {
    width: 320px;
  }
  .profile-block select {
    width: 300px;
  }
}
.faq-profile {
  margin: 15px auto;
  max-width: 650px;
  text-align: left;
  padding-left: 10px;
}
.faq-profile p {
  font-size: 14 px;
}
@media only screen and (min-width: 320px) and (max-width: 390px) {
  .profile-block label {
    width: 290px;
  }
}
.reminder-form {
  margin: 0px auto 0;
  max-width: 660px;
}
.main-container-div {
  padding-top: 16px;
  margin: 0 auto;
  display: table;
}
.main-container-div span {
  vertical-align: middle;
  display: table-cell;
}
.image-1 {
  vertical-align: middle;
  display: table-cell;
  width: 55px;
}
.reminderOuterBox {
  width: 100%;
  margin: 40px 0px 20px 0px;
  display: inline-block;
  border-top: 1px solid #ccced2;
  border-bottom: 1px solid #ccced2;
  border-left: 1px solid #ccced2;
  border-right: 1px solid #ccced2;
  min-height: 100px;
  background-color: #ffffff;
}
.reminderOuterBox .reminderStaticHeading1 {
  font-size: 25px;
  font-family: "Trebuchet MS", Helvetica, sans-serif;
}
.reminderOuterBox .reminderStaticHeading2 {
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-size: 14px;
  padding: 5px 0 0px 20px;
}
.reminderOuterBox .reminderStaticHeading3 {
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-size: 14px;
  padding: 5px 40px 10px 20px;
}
.reminderOuterBox .showUserFieldSection {
  padding: 0px 40px 10px 20px;
}
.paperless-promo {
  color: #37AE47;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-size: 16px;
  padding: 10px 0 10px 0;
}
.reduce-block {
  margin-right: 0px;
  margin-left: 0px;
}
.agreeSection {
  background-color: #f7f7f7;
  border-top: 1px solid #ccced2;
  padding: 0px 10px;
}
.margin-bottom {
  margin-bottom: 15px;
}
.reminder-form-control-block {
  padding: 20px 44px 20px 20px;
}
.currentEmail-heading {
  font-family: "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Tahoma, sans-serif;
  font-weight: bold;
  color: #004665;
}
@media only screen and (min-width: 0px) and (max-width: 660px) {
  .main-container-div {
    margin: 10px;
  }
  .reminderOuterBox {
    margin-top: 0px;
  }
  .reminderOuterBox .reminderStaticHeading2 {
    padding: 5px 0 0px 10px;
  }
}
.discount-verification input[type=radio] {
  display: none;
}
.discount-verification .clickable {
  cursor: pointer;
}
.discount-verification-header {
  margin: 15px auto 0;
  position: relative;
  min-height: 44px;
  border-bottom: 1px solid #ccced2;
  width: 660px;
}
@media only screen and (min-width: 0px) and (max-width: 660px) {
  .discount-verification-header {
    width: 330px;
  }
}
.discount-verification-title {
  text-align: center;
  margin: 0;
  padding: 10px;
}
.paperless-modal .reminderStaticHeading2 {
  padding: 10px;
}
.paperless-modal .paperless-content-block {
  padding: 0;
  margin: 0;
}
.paperless-modal .paperless-cancel-button {
  text-align: center;
  padding: 10px;
}
.img-responsive.mobile {
  display: none;
}
.intelliDriveDesktop {
  padding-left: 40px;
  float: left;
}
.policySetup-container {
  text-align: center;
  margin: 0 auto;
  max-width: 660px;
}
.policySetup-details-section {
  padding: 0px 0px 30px 0px;
}
.policySetup-block-section {
  border: 1px solid #ccc;
  padding: 0 10px 10px;
  background-color: #ffffff;
  text-align: left;
}
.policySetup-block-section i {
  margin-right: 4px;
}
.policySetup-block {
  display: table;
}
.policySetup-block .policySetup-block-col {
  display: table-cell;
}
.intelliDriveSetup-block {
  display: table;
}
.intelliDriveSetup-block .intelliDriveSetup-block-col {
  display: table-cell;
}
.policySetup-block-header {
  width: 100%;
  height: 40px;
  clear: both;
  text-align: right;
  color: #CC2D30;
  background-color: #dadbdb;
  padding: 8px 10px;
  font-weight: bold;
  border-radius: 3px 3px 0 0 ;
  font-size: 18px;
}
.policySetup-block-header strong {
  color: #313235;
  float: left;
}
.policySetup-block-header .items-complete-text {
  color: #417C2C;
}
.policySetup-block-header .items-review-text {
  color: #313235;
}
.intelliDriveSetup-block-header {
  width: 100%;
  height: 40px;
  clear: both;
  text-align: right;
  color: #CC2D30;
  background-color: #dadbdb;
  padding: 8px 10px;
  font-weight: bold;
  border-radius: 3px 3px 0 0 ;
  font-size: 18px;
}
.intelliDriveSetup-block-header strong {
  color: #313235;
  float: left;
}
.intelliDriveSetup-block-header normal {
  color: #dadbdb;
  float: left;
  font-size: 18px;
}
.intelliDriveSetup-block-header .items-complete-text {
  color: #417C2C;
}
.intelliDriveSetup-block-header .items-review-text {
  color: #313235;
}
.policySetup-block-details {
  border: 1px solid #ccced2;
  border-right: none;
  background-color: #ffffff;
  width: 200px;
  vertical-align: middle;
  border-radius: 0 0 0 3px;
}
.policySetup-block-details .policySetup-policyType-icon {
  font-size: 48px;
  margin: 16px 25px 0 0;
}
.policySetup-block-details .policySetup-policyDetails-text {
  font-size: 18px;
  margin-bottom: 0;
}
.policySetup-block-details .icon-checkmark {
  color: #417C2C;
  font-size: 14px;
  margin-left: -6px;
}
.intelliDriveSetup-block-details {
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 10px;
  border: 1px solid #ccced2;
  border-right: none;
  background-color: #ffffff;
  width: 200px;
  vertical-align: middle;
  border-radius: 0 0 0 3px;
}
.intelliDriveSetup-block-details .icon-intellidrive_logo {
  width: 100px;
  height: 100px;
  background: url('/assets/img/icons/logo-w-type.png') no-repeat no-repeat;
}
.intelliDriveSetup-block-details .intelliDriveSetup-policyType-icon {
  font-size: 48px;
  margin: 16px 25px 0 0;
}
.intelliDriveSetup-block-details .intelliDriveSetup-policyDetails-text {
  font-size: 18px;
  margin-bottom: 0;
}
.intelliDriveSetup-block-details .icon-checkmark {
  color: #417C2C;
  font-size: 14px;
  margin-left: -6px;
}
.policySetup-block-actions {
  border: 1px solid #ccced2;
  background-color: #ffffff;
  width: 460px;
  text-align: left;
  border-radius: 0 0 3px 0;
}
.policySetup-block-actions a:hover {
  text-decoration: none;
}
.intelliDriveSetup-block-actions {
  border: 1px solid #ccced2;
  background-color: #ffffff;
  width: 460px;
  text-align: left;
  border-radius: 0 0 3px 0;
}
.intelliDriveSetup-block-actions a:hover {
  text-decoration: none;
}
.policySetup-top-section {
  text-align: left;
  margin-top: 10px;
}
.policySetup-form-error-section {
  border: solid 2px #CC2D30;
  background-color: #fff1cf;
  color: #CC2D30;
}
.policySetup-form-error-section h4 {
  color: #313235;
}
.icon-todo-item {
  background: url("/assets/img/icons/Error_Exclamation.png") 0 50% no-repeat;
  background-size: 18px 18px;
  vertical-align: bottom;
  margin-right: 6px !important;
}
.icon-eSign-complete {
  width: 18px;
  height: 18px;
  background: url('/assets/img/action-status-sprites.png') -18px 0;
  background-size: 300% 100%;
  vertical-align: bottom;
}
.icon-badge-complete {
  width: 15px;
  height: 15px;
  background: url('/assets/img/action-status-sprites.png') -15px 0;
  background-size: 300% 100%;
  vertical-align: bottom;
  left: -6px;
}
.policySetup-line-item {
  display: block;
  min-height: 36px;
  font-size: 18px;
  color: #CC2D30;
  border-bottom: 1px #DDDDDD solid;
}
.policySetup-line-item .clickable {
  cursor: pointer;
}
.policySetup-line-item .cardsInfo {
  padding-left: 37px;
}
.policySetup-line-item small {
  margin-left: 30px;
}
.policySetup-line-item .icon {
  float: left;
}
.policySetup-line-item .icon-credit_card {
  top: 4px;
}
.policySetup-line-item .icon-id_card {
  margin-right: 13px;
  font-size: 14px;
  top: 3px;
}
.policySetup-line-item .icon-document {
  margin-right: 14px;
}
.policySetup-line-item .icon-file-text2 {
  margin-right: 14px;
}
.policySetup-line-item .icon-eSign-complete {
  margin: 0 13px 0 6px;
  top: -1px;
}
.policySetup-line-item .icon-todo-item {
  top: -3px;
  margin-left: 6px;
}
.policySetup-line-item .icon-arrow_right {
  top: -1px;
}
.policySetup-line-item .hide-item {
  display: none;
}
.policySetup-line-item p {
  margin: 10px 20px 10px 10px;
  max-height: 60px;
}
.policySetup-line-item .expiredEsignMailAddress {
  margin-left: 52px;
  max-height: 80px;
}
.intelliDriveSetup-line-item {
  display: block;
  min-height: 36px;
  font-size: 18px;
  color: #CC2D30;
  border-bottom: 1px #DDDDDD solid;
}
.intelliDriveSetup-line-item .clickable {
  cursor: pointer;
}
.intelliDriveSetup-line-item small {
  margin-left: 30px;
}
.intelliDriveSetup-line-item .icon {
  float: left;
}
.intelliDriveSetup-line-item .icon-credit_card {
  top: 4px;
}
.intelliDriveSetup-line-item .icon-id_card {
  margin-right: 13px;
  font-size: 14px;
  top: 3px;
}
.intelliDriveSetup-line-item .icon-document {
  margin-right: 14px;
}
.intelliDriveSetup-line-item .icon-file-text2 {
  margin-right: 14px;
}
.intelliDriveSetup-line-item .icon-eSign-complete {
  margin: 0 13px 0 6px;
  top: -1px;
}
.intelliDriveSetup-line-item .icon-todo-item {
  top: -3px;
  margin-left: 6px;
}
.intelliDriveSetup-line-item .icon-arrow_right {
  top: -1px;
}
.intelliDriveSetup-line-item .hide-item {
  display: none;
}
.intelliDriveSetup-line-item p {
  margin: 10px 20px 10px 10px;
  max-height: 60px;
}
.intelliDriveSetup-line-item .expiredEsignMailAddress {
  margin-left: 52px;
  max-height: 80px;
}
.two-text-lines.policySetup-line-item.proofItem .icon-arrow_right {
  top: 10px;
}
.two-text-lines.policySetup-line-item.proofItem .icon-todo-item {
  margin-top: 2%;
}
.two-text-lines.policySetup-line-item.proofItem .icon-eSign-complete {
  margin-top: 3%;
}
.three-text-lines.policySetup-line-item.proofItem .icon-arrow_right {
  top: 20px;
}
.three-text-lines.policySetup-line-item.proofItem .icon-todo-item {
  margin-top: 4%;
  margin-bottom: 3%;
}
.three-text-lines.policySetup-line-item.proofItem .icon-eSign-complete {
  margin-top: 3%;
  margin-bottom: 3%;
}
.line-clamp p {
  overflow: hidden;
  position: relative;
}
.line-clamp p:after {
  content: ' ...';
  text-align: right;
  position: absolute;
  bottom: 0;
  right: 0;
}
.policySetup-fix-link {
  text-align: right;
  float: right;
  font-size: 16px;
}
.policySetup-current-email {
  color: black;
  font-family: 'Arial Bold', 'Arial';
  margin-bottom: 0;
}
.policySetup-centered-button-section {
  text-align: center;
  padding: 10px 0 0;
}
.policySetup-block-section.eDelivery-block {
  max-width: 660px;
  margin: 0 auto 48px;
  padding: 20px;
}
.policySetup-block-section.eDelivery-block .icon_paperless {
  background-size: 36px 36px;
}
.policySetup-block-section.eDelivery-block .icon-leaf {
  float: left;
  margin-right: 18px;
  color: #37ae47;
  font-size: 25px;
  top: -6px;
}
.policySetup-block-section.eDelivery-block .icon-badge-complete {
  float: left;
  top: 10px;
  left: -20px;
  margin-right: -15px;
}
.policySetup-block-section.eDelivery-block h4 {
  font-size: 16px;
  margin-bottom: 20px;
}
.policySetup-block-subSection {
  margin: 5px;
}
.policySetup-block-subSection .policySetup-line-item {
  border: none;
}
.policySetup-block-subSection h5 {
  font-weight: bold;
  color: #777777;
  margin: 10px 0 0 9px;
}
.intelliDriveSetup-block-subSection {
  padding: 25px 0px 25px 0px;
  text-align: center;
  vertical-align: middle;
}
.intelliDriveSetup-block-subSection .icon-googleplay {
  width: 139px;
  height: 40px;
  background: url('/assets/img/icons/google-play-badge.png') no-repeat no-repeat;
}
.intelliDriveSetup-block-subSection .icon-applestore {
  width: 155px;
  height: 40px;
  background: url('/assets/img/icons/App_Store.png') no-repeat no-repeat;
}
.policySetup-icon-text {
  margin-left: 50px;
}
.policySetup-icon-and-text-container {
  position: relative;
  display: inline-block;
  padding-bottom: 10px;
  margin: 6px 0;
}
.policySetup-icon {
  font-size: 36px;
  width: 36px;
  position: absolute;
  height: 36px;
  top: 0;
}
.policySetup-submit-section {
  margin: 20px;
}
.setupContactContainer {
  display: table;
  margin: 0 auto;
  text-align: center;
  width: 70%;
}
.setupContactContainer .icon {
  font-size: 30px;
  margin-right: 20px;
}
.wetSignFormDownloadLink {
  margin-bottom: 20px;
}
.setupInstructionsContainer {
  border-top: 1px solid #ccced2;
  border-bottom: 1px solid #ccced2;
  margin-top: 40px;
}
.setupInstructionsContainer .collapsibleInstructionContent {
  padding: 0 15px 40px;
  max-height: 500px;
}
.setupInstructionsContainer .collapsibleInstructionContent .icon {
  font-size: 40px;
  width: 60px;
}
.setupInstructionsContainer .collapsibleInstructionContent .instructionRow {
  height: 50px;
}
.setupInstructionsContainer .collapsibleInstructionContent .instructionRow .centerText {
  padding-left: 20px;
}
.setupInstructionsContainer .collapsibleInstructionContent .instructionRow .rowText {
  padding-top: 10px;
}
.setupFAQContainer {
  border-bottom: 1px solid #ccced2;
  border-top: 1px solid #ccced2;
}
.setupFAQContainer .collapsibleFAQContent {
  padding: 0 15px 10px;
  max-height: 400px;
}
.setupRowToggleArrow {
  display: block;
  padding: 10px 35px 10px 15px;
  position: relative;
  height: 44px;
}
.setupRowToggleArrow .icon {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  color: inherit;
}
.setupRowToggleArrow .icon-arrow_up,
.setupRowToggleArrow .icon-arrow_down {
  right: 10px;
}
.wtContainer a {
  white-space: nowrap;
}
.wtContainer .wtDescription {
  padding-top: 20px;
}
.wtContainer .wtButtonContainer {
  padding-top: 30px;
  text-align: center;
}
.setup-upload-file-preview {
  text-align: center;
}
.setup-upload-file-preview p {
  padding: 20px 0;
}
.setup-upload-file-preview img {
  max-width: 100%;
}
.setup-upload-preview-modal {
  min-width: 660px;
}
.policySetup-homePolicy-details {
  margin-bottom: 14px;
}
.intelliDriveSetup-status-details {
  padding-left: 10px;
  padding-right: 10px;
  margin-bottom: 14px;
}
@media only screen and (max-width: 660px) {
  .policySetup-block-actions {
    width: 100%;
    border-radius: 0 0 3px 3px;
  }
  .intelliDriveSetup-block-actions {
    width: 100%;
    border-radius: 0 0 3px 3px;
  }
  .intellidriveImageMobile {
    padding-left: 0px;
    height: 100px;
  }
  .intelliDriveImage {
    padding-left: 0px;
    float: left;
  }
  .intellidriveHeaderMobile {
    padding-top: 25px;
  }
  .img-responsive {
    display: none;
  }
  .img-responsive.mobile {
    display: block;
    margin-left: auto;
    margin-right: auto;
  }
  .policySetup-block {
    display: block;
  }
  .policySetup-block .policySetup-block-col {
    display: block;
  }
  .intelliDriveSetup-block {
    display: block;
  }
  .intelliDriveSetup-block .intelliDriveSetup-block-col {
    display: block;
  }
  .policySetup-policyDetails-singleLine p {
    margin-top: 20px;
  }
  .policySetup-block-details {
    width: 100%;
    text-align: left;
    border: 1px solid #ccced2;
    border-bottom: none;
    padding-bottom: 10px;
    min-height: 60px;
    border-radius: 0;
  }
  .policySetup-block-details .policySetup-policyType-icon {
    font-size: 30px;
    margin: 14px 24px 10px 10px;
    float: left;
  }
  .policySetup-block-details .policySetup-policyDetails-text {
    font-size: 14px;
  }
  .policySetup-block-details .icon-checkmark {
    float: left;
    margin: 30px 6px 10px -18px;
  }
  .policySetup-block-details .icon-badge-complete {
    float: left;
    margin: 32px 6px 10px -12px;
  }
  .intelliDriveSetup-block-details {
    padding-left: 15px;
    padding-top: 10px;
    width: 100%;
    text-align: left;
    border: 1px solid #ccced2;
    border-bottom: none;
    padding-bottom: 10px;
    min-height: 60px;
    border-radius: 0;
  }
  .intelliDriveSetup-block-details .icon-intellidrive_logo {
    width: 100px;
    height: 100px;
    background: url('/assets/img/icons/logo-w-type-Desktop.png') no-repeat no-repeat;
  }
  .intelliDriveSetup-block-details .intelliDriveSetup-policyType-icon {
    font-size: 30px;
    margin: 14px 24px 10px 10px;
    float: left;
  }
  .intelliDriveSetup-block-details .intelliDriveSetup-policyDetails-text {
    font-size: 18px;
  }
  .intelliDriveSetup-block-details .icon-checkmark {
    float: left;
    margin: 30px 6px 10px -18px;
  }
  .intelliDriveSetup-block-details .icon-badge-complete {
    float: left;
    margin: 32px 6px 10px -12px;
  }
  .setupContactContainer {
    width: inherit;
  }
  .setup-upload-preview-modal {
    min-width: 320px;
    top: 40px !important;
  }
  .setupRowToggleArrow {
    height: auto;
  }
  .policySetup-block-section.eDelivery-block {
    padding: 10px;
  }
  .policySetup-homePolicy-details {
    margin-bottom: 0;
  }
  .intelliDriveSetup-status-details {
    margin-bottom: 0;
  }
}
@media only screen and (max-width: 420px) {
  .three-text-lines.policySetup-line-item.proofItem .icon-todo-item {
    margin-top: 7%;
    margin-bottom: 7%;
  }
  .three-text-lines.policySetup-line-item.proofItem .icon-eSign-complete {
    margin-top: 6%;
    margin-bottom: 6%;
  }
  .two-text-lines.policySetup-line-item.proofItem .icon-todo-item {
    margin-top: 3%;
  }
}
@media only screen and (max-width: 480px) {
  .policySetup-block-header {
    font-size: 14px;
    padding-top: 11px;
  }
  .intelliDriveSetup-block-header {
    font-size: 14px;
    padding-top: 11px;
  }
  .policySetup-line-item {
    font-size: 14px;
  }
  .intelliDriveSetup-line-item {
    font-size: 14px;
  }
  .policySetup-fix-link {
    margin-top: -24px;
    width: 100px;
  }
}
.legalElectronicSignaturePage h4 {
  margin-top: 20px;
  margin-bottom: 6px;
}
.icon-document-color {
  color: #0072bc;
  height: 18px;
}
/* QAP */
.discount-confirmation-block {
  border: 1px solid #ccc;
  padding: 2em;
  background-color: #ffffff;
  text-align: left;
}
.discount-verification-info {
  margin: 1em;
}
.policySetup-discount-container {
  margin: 0 auto;
  max-width: 660px;
}
.application-alert {
  border-style: solid;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin: 1.125rem 0;
  position: relative;
  text-decoration: none;
  font-size: 0.9375rem;
  line-height: 1.6;
  overflow-wrap: break-word;
  border-width: 0 0 0 0.375rem;
  padding: 2rem 2rem 2rem 6rem;
  background-color: #fffcf2;
  color: #443900;
  border-color: #f7c800;
}
.application-alert:before {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background-position: 50%;
  left: 1.5rem;
  height: 3rem;
  width: 3rem;
  background-size: 100%;
  border-radius: 50%;
  background: url(/assets/img/alert-icon.svg) no-repeat center center #ffffff;
}
.application-alert .application-alert-title {
  padding: 0 0 5px 0;
  font-family: FreightSans, sans-serif;
  font-weight: 600;
  font-style: normal;
  font-size: 15px;
  letter-spacing: 0.0625rem;
  margin: 0;
  text-transform: uppercase;
}
.application-alert-body {
  font-family: NeueHaasUnica, sans-serif;
  margin: 0;
  font-size: 15px;
}
.banner-messages {
  display: block;
}
.list-box-right-text {
  line-height: 44px;
  margin-right: 3px;
  padding-left: 3px;
  color: #428bca;
}
.charLimit-counter {
  color: #ccc;
  font-size: 12px;
}
.charLimit-danger {
  color: #CC2D30;
}
/*
 * Datepicker element
 */
.datepicker-wrapper .tooltip {
  background: none repeat scroll 0 0 #ffffff;
  font-size: inherit;
  line-height: inherit;
}
.datepicker-wrapper .tooltip-inner {
  background-color: #ffffff;
  padding: 5px 0 0 0;
  max-width: none;
}
.datepicker-wrapper .tooltip.in {
  opacity: 1.0;
}
.datepicker.dropdown-menu {
  width: 250px;
  height: 224px;
  border: 1px solid #727981;
}
.datepicker.dropdown-menu button {
  outline: none;
  border: 0;
}
.datepicker.dropdown-menu tbody {
  height: 180px;
}
.datepicker.dropdown-menu tbody button {
  padding: 6px;
}
.datepicker.dropdown-menu.datepicker-mode-1 tbody button,
.datepicker.dropdown-menu.datepicker-mode-2 tbody button {
  height: 65px;
}
.datepicker.dropdown-menu .datepicker-header {
  background: none repeat scroll 0 0 #cc2d30;
}
.datepicker.dropdown-menu .datepicker-header tr {
  height: 30px;
}
.datepicker.dropdown-menu .datepicker-header th {
  text-align: center;
}
.datepicker.dropdown-menu .datepicker-header .btn {
  padding: 0;
  border-radius: 0;
}
.datepicker.dropdown-menu .datepicker-header .btn-default {
  background: none repeat scroll 0 0 #cc2d30;
  color: #ffffff;
}
.datepicker.dropdown-menu .datepicker-header .icon-arrow_left {
  color: #ffffff;
}
.datepicker.dropdown-menu .datepicker-header .icon-arrow_right {
  color: #ffffff;
}
.datepicker.dropdown-menu .datepicker-body .btn {
  border-radius: 0;
}
.datepicker.dropdown-menu .datepicker-body .btn-default {
  background: none repeat scroll 0 0 #ffffff;
  color: #333;
}
.datepicker.dropdown-menu .datepicker-body .btn-today {
  background: none repeat scroll 0 0 #f7f7f7;
  color: #333;
}
.datepicker.dropdown-menu .datepicker-body .btn-primary {
  background: none repeat scroll 0 0 #ffffff;
  color: #cc2d30;
  font-size: 1em;
}
.datepicker.dropdown-menu .datepicker-body td,
.datepicker.dropdown-menu .datepicker-body tr {
  padding: 0;
}
.datepicker.dropdown-menu .datepicker-body button:disabled {
  background: none repeat scroll 0 0 #dddddd;
  color: #777777;
}
/*
 * Timepicker element
 */
.timepicker-wrapper .tooltip {
  background: none repeat scroll 0 0 #ffffff;
  font-size: inherit;
  line-height: inherit;
}
.timepicker-wrapper .tooltip-inner {
  background-color: #ffffff;
  padding: 5px 0 0 0;
  max-width: none;
}
.timepicker-wrapper .tooltip.in {
  opacity: 1.0;
}
.timepicker.dropdown-menu {
  padding: 0 2px;
  border: 1px solid #727981;
}
.timepicker.dropdown-menu button {
  outline: none;
  border: 0;
}
.timepicker.dropdown-menu tbody button {
  padding: 6px;
}
.timepicker.dropdown-menu .btn {
  border-radius: 0;
  padding: 0.5em 0.7em;
}
.timepicker.dropdown-menu .btn-default {
  background: none repeat scroll 0 0 #ffffff;
  color: #333;
}
.timepicker.dropdown-menu .btn-today {
  background: none repeat scroll 0 0 #f7f7f7;
  color: #333;
}
.timepicker.dropdown-menu .btn-primary {
  background: none repeat scroll 0 0 #ffffff;
  color: #cc2d30;
  font-size: 1em;
}
.timepicker.dropdown-menu .timeSeparator {
  color: #cc2d30;
}
.timepicker.dropdown-menu td,
.timepicker.dropdown-menu tr {
  padding: 0;
}
.timepicker.dropdown-menu button:disabled {
  background: none repeat scroll 0 0 #dddddd;
  color: #777777;
}
.timepicker.dropdown-menu .icon {
  width: 14px;
  height: 14px;
  font-size: 14px;
}
.timepicker.dropdown-menu .selectedRow {
  border-top: #727981 1px solid;
  border-bottom: #727981 1px solid;
  background: none repeat scroll 0 0 #f7f7f7;
}
.file-list-group .list-panel-item {
  border-left: 1px solid #ccced2;
  border-right: 1px solid #ccced2;
}
.file-list-group .list-panel-item a {
  text-decoration: none;
}
.file-list-group .submitDocuments {
  text-align: center;
}
.file-list-group .submitDocuments p {
  text-align: left;
}
.file-list-group .add-another {
  padding: 0 20px;
  height: 44px;
}
.file-list-group .add-another .add-input-file {
  color: #0072bc;
}
.file-list-group .add-another .add-icon {
  font-size: 30px;
  font-weight: bold;
}
.file-list-group .add-another .add-text {
  padding-left: 5px;
  vertical-align: super;
  font-size: 16px;
  font-weight: bold;
}
.file-list-group .choose-file-btn-center {
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-top: 30px;
}
@media only screen and (min-width: 0px) and (max-width: 660px) {
  .file-list-group .list-panel-item {
    padding-left: 10px;
  }
  .file-list-group .add-another {
    padding: 0 10px;
  }
}
.file-list-group-item .file-thumbnail {
  width: 28px;
  height: 28px;
  font-size: 28px;
}
.file-list-group-item span {
  padding: 5px 0 0 20px;
  position: absolute;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 70%;
}
.file-list-group-item .file-preview {
  color: #333333;
}
.file-list-group-item .file-preview img {
  width: 32px;
  height: 32px;
}
.file-list-group-item .file-preview .img-loading {
  width: 48px;
  height: 48px;
}
.file-list-group-item .file-preview .img-loading .icon-inProgressGrey {
  margin: 10px;
}
.file-list-group-item .file-preview .icon-search-plus {
  position: absolute;
  right: 50px;
  padding-top: 15px;
  color: #0072bc;
}
.file-list-group-item a {
  text-decoration: none;
}
.file-list-group-item .list-panel-item-right-icon {
  right: 20px;
  color: #CC2D30;
  font-size: 30px;
  font-weight: bold;
  padding-top: 7px;
}
@media only screen and (min-width: 0px) and (max-width: 660px) {
  .file-list-group-item .list-panel-item-right-icon {
    right: 10px;
  }
  .file-list-group-item .file-preview .icon-search-plus {
    right: 35px;
  }
  .file-list-group-item span {
    width: 65%;
  }
}
.file-upload {
  position: relative;
  overflow: hidden;
  display: inline-block;
}
.file-upload input.upload-file-input {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  padding: 0;
  font-size: 35px;
  cursor: pointer;
  opacity: 0;
  filter: alpha(opacity=0);
}
.file-list-group {
  position: relative;
}
.file-list-group-disable {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: #DDDDDD;
  top: 0;
  left: 0;
  opacity: .8;
}
.uploadProgress {
  height: 20px;
  margin: 5px 10px 5px 0px;
  width: 250px;
}
.percentComplete {
  vertical-align: super;
}
.footer-fixed-bottom {
  display: none;
  position: fixed;
  height: 60px;
  bottom: 0;
  width: 100%;
  border-top: 0.5px solid grey;
  vertical-align: middle;
  font-size: 0.79em;
}
.footer-fixed-bottom a,
.footer-fixed-bottom a:hover,
.footer-fixed-bottom a:focus {
  color: #000;
  text-decoration: none;
}
.footer-fixed-bottom .footerImgBtn {
  padding: 0;
}
.footer-fixed-bottom .col-xs-4 {
  text-align: center;
}
.footer-fixed-bottom .footerImgTxt {
  font-family: arial;
  /*Font family: Arial*/
  color: #46494D;
  transform: rotate(90deg);
  line-height: 14px;
  /* Safari */
  -webkit-transform: rotate(90deg);
  /* Firefox */
  -moz-transform: rotate(90deg);
  /* IE */
  -ms-transform: rotate(90deg);
  /* Opera */
  -o-transform: rotate(90deg);
  /* Internet Explorer */
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}
.icon-close {
  background: url(/assets/img/actionBar_icons/close_32x32.svg) no-repeat no-repeat;
  cursor: not-allowed;
  pointer-events: none;
  width: 32px;
  height: 32px;
}
.icon-accidentalhelo {
  background: url(/assets/img/actionBar_icons/accendental_helo_32x32.svg) no-repeat no-repeat;
  cursor: not-allowed;
  pointer-events: none;
  width: 32px;
  height: 32px;
}
.icon-send {
  background: url(/assets/img/actionBar_icons/send_32x32.svg) no-repeat no-repeat;
  cursor: not-allowed;
  pointer-events: none;
  width: 32px;
  height: 32px;
}
@media only screen and (min-width: 0px) and (max-width: 660px) {
  .footer-fixed-bottom {
    display: block;
  }
}
.toggle-switch {
  display: inline-block;
  position: relative;
  width: 42px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.toggleswitch-checkbox {
  display: none;
}
.toggleswitch-label {
  display: block;
  overflow: hidden;
  cursor: pointer;
  padding: 0;
  margin: 0;
  border: 1px solid #999999;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.toggleswitch-inner {
  display: block;
  width: 200%;
  position: relative;
  left: -30px;
  -moz-transition: all 0.2s ease-in 0s;
  -webkit-transition: all 0.2s ease-in 0s;
  -o-transition: all 0.2s ease-in 0s;
  transition: all 0.2s ease-in 0s;
}
.toggleswitch-inner:before,
.toggleswitch-inner:after {
  content: ' ';
  display: block;
  float: left;
  width: 50%;
  height: 22px;
  padding: 0;
  line-height: 22px;
  font-size: 12px;
  font-weight: bold;
  color: white;
  text-align: center;
}
.toggleswitch-inner:before {
  background-color: #37AE47;
  color: #FFFFFF;
  -webkit-border-radius: 12px 0 0 12px;
  -moz-border-radius: 12px 0 0 12px;
  border-radius: 12px 0 0 12px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.toggleswitch-inner:after {
  background-color: #EFEFEF;
  color: #777777;
  -webkit-border-radius: 0 12px 12px 0;
  -moz-border-radius: 0 12px 12px 0;
  border-radius: 0 12px 12px 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.toggleswitch-label.on .toggleswitch-inner {
  left: -12px;
}
.toggleswitch-label.on .toggleswitch-switch {
  left: 18px;
}
.toggleswitch-switch {
  display: block;
  width: 24px;
  height: 24px;
  background: #FFFFFF;
  border: 1px solid #999999;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  -moz-transition: all 0.2s ease-in 0s;
  -webkit-transition: all 0.2s ease-in 0s;
  -o-transition: all 0.2s ease-in 0s;
  transition: all 0.2s ease-in 0s;
}
.toggleswitch-notransition .toggleswitch-inner,
.toggleswitch-notransition .toggleswitch-switch {
  margin: 0;
  -moz-transition: all 0 ease-in 0;
  -webkit-transition: all 0 ease-in 0;
  -o-transition: all 0 ease-in 0;
  transition: all 0 ease-in 0;
}
.toggle-switch.paperless {
  width: 60px;
}
.toggle-switch.paperless .toggleswitch-inner {
  left: -48px;
}
.toggle-switch.paperless .toggleswitch-inner:before {
  content: "\E61A";
  font-family: 'trv-icons';
  font-weight: normal;
  padding-left: 4px;
}
.toggle-switch.paperless .toggleswitch-inner:after {
  content: 'MAIL';
}
.toggle-switch.paperless .toggleswitch-label.on .toggleswitch-inner {
  left: -12px;
}
.toggle-switch.paperless .toggleswitch-label.on .toggleswitch-switch {
  left: 36px;
}
.angular-tooltip {
  background: #0068a9;
  font-size: 1.1rem;
  text-align: center;
  border-radius: 0.4rem;
  border: 2px solid #0068a9;
  color: #ffffff;
  min-width: 3.125rem;
  max-width: 250px;
  padding: .375rem .5625rem;
  pointer-events: none;
  position: absolute;
  user-select: none;
  z-index: 9999;
}
.angular-tooltip:after {
  border-color: inherit;
  content: " ";
  position: absolute;
}
.angular-tooltip.angular-tooltip-top:after,
.angular-tooltip.angular-tooltip-top-center:after,
.angular-tooltip.angular-tooltip-top-middle:after {
  left: 50%;
  top: 100%;
}
.angular-tooltip.angular-tooltip-top:after {
  z-index: -1;
  top: 100%;
  right: auto;
  bottom: auto;
  left: 50%;
  transform: translateX(-50%);
  border-top-style: solid;
  border-top-width: .75rem;
  border-left: .75rem solid transparent;
  border-right: .75rem solid transparent;
  border-top-color: inherit;
  border-bottom: .75rem solid transparent;
}
.angular-tooltip.angular-tooltip-top-center:after {
  border-top-color: #0068a9;
  margin-left: -5px;
}
.angular-tooltip.angular-tooltip-top-middle:after {
  border-top-color: #0068a9;
  margin-left: -5px;
}
.angular-tooltip.angular-tooltip-top-right:after {
  border-top-color: #0068a9;
  margin-right: -5px;
  right: calc(92%);
  top: 100%;
}
.angular-tooltip.angular-tooltip-right-top:after {
  border-right-color: #0068a9;
  margin-top: -5px;
  right: 100%;
  top: calc(92%);
}
.angular-tooltip.angular-tooltip-right:after,
.angular-tooltip.angular-tooltip-right-center:after,
.angular-tooltip.angular-tooltip-right-middle:after {
  right: 100%;
  top: 50%;
}
.angular-tooltip.angular-tooltip-right:after {
  border-right-color: #0068a9;
  margin-top: -5px;
}
.angular-tooltip.angular-tooltip-right-center:after {
  border-right-color: #0068a9;
  margin-top: -5px;
}
.angular-tooltip.angular-tooltip-right-middle:before {
  border-right-color: #0068a9;
  margin-top: -8px;
}
.angular-tooltip.angular-tooltip-right-middle:after {
  border-right-color: #0068a9;
  margin-top: -5px;
}
.angular-tooltip.angular-tooltip-right-bottom:after {
  border-right-color: #0068a9;
  bottom: calc(92%);
  margin-bottom: -5px;
  right: 100%;
}
.angular-tooltip.angular-tooltip-bottom-right:after {
  border-bottom-color: #0068a9;
  bottom: 100%;
  margin-right: -5px;
  right: calc(92%);
}
.angular-tooltip.angular-tooltip-bottom:after,
.angular-tooltip.angular-tooltip-bottom-center:after,
.angular-tooltip.angular-tooltip-bottom-middle:after {
  bottom: 100%;
  left: 50%;
}
.angular-tooltip.angular-tooltip-bottom:after {
  top: auto;
  right: auto;
  bottom: 100%;
  left: 50%;
  transform: translateX(-50%);
  border-bottom-style: solid;
  border-bottom-width: .75rem;
  border-left: .75rem solid transparent;
  border-right: .75rem solid transparent;
  border-top: .75rem solid transparent;
  border-bottom-color: inherit;
}
.angular-tooltip.angular-tooltip-bottom-center:after {
  border-bottom-color: #0068a9;
  margin-left: -5px;
}
.angular-tooltip.angular-tooltip-bottom-middle:after {
  border-bottom-color: #0068a9;
  margin-left: -5px;
}
.angular-tooltip.angular-tooltip-bottom-left:after {
  border-bottom-color: #0068a9;
  bottom: 100%;
  left: calc(92%);
  margin-left: -5px;
}
.angular-tooltip.angular-tooltip-left-bottom:after {
  border-left-color: #0068a9;
  bottom: calc(92%);
  left: 100%;
  margin-bottom: -5px;
}
.angular-tooltip.angular-tooltip-left:after,
.angular-tooltip.angular-tooltip-left-center:after,
.angular-tooltip.angular-tooltip-left-middle:after {
  left: 100%;
  top: 50%;
}
.angular-tooltip.angular-tooltip-left:after {
  border-left-color: #0068a9;
  margin-top: -5px;
}
.angular-tooltip.angular-tooltip-left-center:after {
  border-left-color: #0068a9;
  margin-top: -5px;
}
.angular-tooltip.angular-tooltip-left-middle:after {
  border-left-color: #0068a9;
  margin-top: -5px;
}
.angular-tooltip.angular-tooltip-left-top:after {
  border-left-color: #0068a9;
  left: 100%;
  margin-top: -5px;
  top: calc(92%);
}
.angular-tooltip.angular-tooltip-top-left:after {
  border-top-color: #0068a9;
  left: calc(92%);
  margin-left: -5px;
  top: 100%;
}
@media only screen and (min-width: 0px) and (max-width: 660px) {
  .angular-tooltip {
    margin-left: 20px;
  }
}
.message-container {
  margin: 0;
  padding: 5px;
  font-weight: bold;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #333;
  text-align: center;
  position: relative;
  border-bottom: 1px solid #ccced2;
  max-height: 250px;
}
.message-container .icon {
  width: 25px;
  min-height: 25px;
}
.message-container button:hover,
.message-container button:active {
  text-shadow: 0 0 6px #20ebff;
}
.message-container.message-error {
  background: #fff1cf;
  color: #CC2D30;
}
.message-container.message-error .icon {
  background: url('/assets/img/icons/Error_Exclamation.png') 0% 50% no-repeat;
  background-size: 25px 25px;
}
.message-text {
  display: table-cell;
  padding: 3px 35px 0 5px;
  vertical-align: middle;
}
.message-block {
  display: inline-block;
  text-align: left;
}
.alert-container {
  margin: 0;
  padding: 2px 0 10px 5px;
  font-weight: bold;
  color: #cf332a;
  position: relative;
  text-align: center;
}
.alert-container .maxWidth {
  max-width: 640px;
  margin: 0 auto;
}
.alert-container .icon {
  float: left;
  top: 6px;
  width: 25px;
  height: 25px;
  display: inline-block;
  float: none;
}
.alert-container.alert-informational {
  background: #effcff;
  color: #333;
}
.alert-container.alert-informational .error {
  color: #333;
}
.alert-container.alert-informational .icon {
  background: url('/assets/img/icons/Error_LowPriority.png') no-repeat no-repeat;
  background-size: 11px 24px;
  padding-left: 15px;
  left: 10px;
}
.alert-container.alert-error {
  background: #fff1cf;
  color: #CC2D30;
}
.alert-container.alert-error .icon {
  background: url('/assets/img/icons/Error_Exclamation.png') no-repeat no-repeat;
  background-size: 25px 25px;
}
.alert-container.alert-success {
  background: #ecffee;
  color: #10763b;
}
.alert-container.alert-success .icon {
  background: url('/assets/img/icons/green-check.png') no-repeat no-repeat;
  background-size: 25px 25px;
}
.alert-container .alert-message {
  padding: 10px 32px 10px 8px;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  display: inline;
}
.alert-container .alert-close {
  position: absolute;
  top: 5px;
  right: 10px;
}
.errors {
  display: block;
  margin-left: auto;
  margin-right: auto;
  background-color: #f7f7f7;
  max-width: 320px;
  border-bottom: 1px solid #CC2D30;
  padding: 5px;
}
.errors .error {
  padding: 0 0 10px 30px;
  color: #CC2D30;
}
.errors .icon {
  float: left;
}
@media (min-width: 600px) {
  .errors {
    max-width: 600px;
  }
}
.submitError input.fieldSubmitError,
.submitError select.fieldSubmitError,
.submitError .containerError {
  border: 2px solid #CC2D30 !important;
}
.submitError .errorMsg {
  display: block;
  clear: both;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
}
.multiSelectError {
  border: 2px solid #CC2D30 !important;
}
.errorImg {
  height: 187px;
  background-image: url(/assets/img/error_Icon.png);
  background-repeat: no-repeat;
  background-color: transparent;
  background-size: 187px 187px;
  background-position: center;
  border: 0;
  display: block;
}
.errorPosition {
  margin: 0 auto;
  padding-top: 50px;
  padding-bottom: 35px;
  width: 600px;
  text-align: center;
}
.errorMsgPosition {
  margin: 0 auto;
  padding-bottom: 50px;
  width: 600px;
  text-align: center;
}
.errorTxt1 {
  font-size: 30px;
  color: #313235;
  line-height: 1.25em;
}
.errorTxt2 {
  font-size: 14px;
  color: #313235;
  padding-top: 15px;
  font-family: arial;
}
.errorTxt3 {
  font-size: 16px;
  color: #313235;
  padding-top: 15px;
  font-family: arial;
}
.dcmErrorImg {
  background-image: none;
  margin: auto;
}
.homeBtn {
  display: none;
}
@media only screen and (min-width: 0) and (max-width: 660px) {
  .errorImg {
    height: 130px;
    background-size: 130px;
  }
  .homeBtn {
    display: block;
  }
  .errorPosition {
    padding-top: 35px;
    padding-bottom: 25px;
    width: 95%;
    text-align: center;
  }
  .errorMsgPosition {
    margin: 0 auto;
    padding-bottom: 35px;
    text-align: center;
    width: 95%;
  }
  .errorTxt1 {
    font-size: 22px;
    color: #313235;
    padding-left: 15px;
    line-height: 1.25em;
  }
  .errorTxt2 {
    font-size: 14px;
    color: #313235;
    padding-left: 15px;
    padding-top: 15px;
  }
  .servicingPhoneNumber {
    text-decoration: none;
  }
}
.inline-message-container {
  margin: 0;
  padding: 5px;
  font-weight: bold;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #333;
  text-align: center;
  position: relative;
  border-bottom: 1px solid #ccced2;
  max-height: 250px;
}
.inline-message-container .icon {
  width: 25px;
  min-height: 25px;
  display: table-cell;
}
.inline-message-container .message-close {
  display: block;
  position: absolute;
  background: transparent;
  border-width: 0;
  color: inherit;
  font-size: 32px;
  line-height: 38px;
  padding: 0;
  margin: 0;
  width: 40px;
  right: 0px;
  top: 50%;
  margin-top: -20px;
}
.inline-message-container button:hover,
.inline-message-container button:active {
  text-shadow: 0 0 6px #20ebff;
}
.inline-message-container.message-informational {
  background: #effcff;
}
.inline-message-container.message-informational .icon {
  background: url('/assets/img/icons/Error_LowPriority.png') 0% 50% no-repeat;
  background-size: 11px 24px;
}
.inline-message-container.message-error {
  background: #fff1cf;
  color: #CC2D30;
}
.inline-message-container.message-error .icon {
  background: url('/assets/img/icons/Error_Exclamation.png') 0% 50% no-repeat;
  background-size: 25px 25px;
}
.inline-message-container.message-success {
  background: #ecffee;
  color: #10763b;
}
.inline-message-container.message-success .icon {
  background: url('/assets/img/icons/green-check.png') 0% 50% no-repeat;
  background-size: 25px 25px;
}
.inline-message-container.message-errorBlackText {
  background: #fff1cf;
  color: #333333;
}
.inline-message-container.message-errorBlackText .icon {
  background: url('/assets/img/icons/Error_Exclamation.png') 0% 50% no-repeat;
  background-size: 25px 25px;
}
.inline-message-block {
  display: inline-block;
  text-align: left;
}
.inline-message-text {
  display: table-cell;
  padding: 3px 35px 0 5px;
  vertical-align: middle;
}
.inline-message-text.normal {
  font-weight: normal;
}
.inline-message-bold {
  font-weight: bold;
  padding-left: 30px;
  padding-top: 30px;
}
.inline-message-container.inline-message-container {
  max-height: none;
}
.message-container {
  margin: 0;
  padding: 5px;
  font-weight: bold;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #333;
  text-align: center;
  position: relative;
  border-bottom: 1px solid #ccced2;
  max-height: 250px;
}
.message-container .icon {
  width: 25px;
  min-height: 25px;
}
.message-container .message-close {
  display: block;
  position: absolute;
  background: transparent;
  border-width: 0;
  color: inherit;
  font-size: 32px;
  line-height: 38px;
  padding: 0;
  margin: 0;
  width: 40px;
  right: 0px;
  top: 50%;
  margin-top: -20px;
}
.message-container button:hover,
.message-container button:active {
  text-shadow: 0 0 6px #20ebff;
}
.message-container.message-informational {
  background: #effcff;
}
.message-container.message-informational .icon {
  background: url('/assets/img/icons/Error_LowPriority.png') 0% 50% no-repeat;
  background-size: 11px 24px;
}
.message-container.message-error {
  background: #fff1cf;
  color: #CC2D30;
}
.message-container.message-error .icon {
  background: url('/assets/img/icons/Error_Exclamation.png') 0% 50% no-repeat;
  background-size: 25px 25px;
}
.message-container.message-success {
  background: #ecffee;
  color: #10763b;
}
.message-container.message-success .icon {
  background: url('/assets/img/icons/green-check.png') 0% 50% no-repeat;
  background-size: 25px 25px;
}
.message-container.message-errorBlackText {
  background: #fff1cf;
  color: #333333;
}
.message-container.message-errorBlackText .icon {
  background: url('/assets/img/icons/Error_Exclamation.png') 0% 50% no-repeat;
  background-size: 25px 25px;
}
.sticky-on .message-error,
.sticky-on .message-errorBlackText {
  background: rgba(255, 241, 207, 0.85);
}
.sticky-on .message-informational {
  background: rgba(239, 252, 255, 0.85);
}
.sticky-on .message-success {
  background: rgba(236, 255, 238, 0.85);
}
.message-block {
  display: inline-block;
  text-align: left;
}
.message-text {
  display: table-cell;
  padding: 3px 35px 0 5px;
  vertical-align: middle;
}
.inline-message-text.message-text {
  font-weight: normal;
}
.inline-message-bold {
  font-weight: bold;
  padding-left: 30px;
  padding-top: 30px;
}
.message-container.inline-message-container {
  max-height: none;
}
.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background-color: #000;
  opacity: 0;
  filter: alpha(opacity=0);
  z-index: 1050;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}
.modal-open {
  overflow: hidden;
}
.modal-open .modal-backdrop {
  opacity: 0.5;
  filter: alpha(opacity=50);
}
.modal {
  position: absolute;
  left: 0;
  right: 0;
  height: 100%;
  font-size: 1em;
  overflow-x: hidden;
  overflow-y: auto;
  z-index: 1051;
  -webkit-overflow-scrolling: touch;
  outline: 0;
  opacity: 1;
}
.modal.ng-enter {
  -webkit-animation: moveFromBottom 0.3s ease-out, fadeIn 0.3s ease-in-out;
  animation: moveFromBottom 0.3s ease-out, fadeIn 0.3s ease-in-out;
}
.modal.ng-leave {
  -webkit-animation: moveToBottom 0.3s ease-in, fadeOut 0.3s ease-in-out;
  animation: moveToBottom 0.3s ease-in, fadeOut 0.3s ease-in-out;
}
.modal-content {
  position: relative;
  font-style: "Helvetica", "Arial", sans-serif;
  margin: 1.78571429em auto 0.71428571em;
  background-color: #fff;
  font-family: "Helvetica", "Arial", sans-serif;
  -webkit-border-radius: 3px 3px 3px 3px;
  -moz-border-radius: 3px 3px 3px 3px;
  border-radius: 3px 3px 3px 3px;
  -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  background-clip: padding-box;
  max-width: 320px;
  outline: 0;
}
.modal-header {
  padding: 0.71428571em 1.42857143em;
  background-color: #f7f7f7;
  line-height: normal;
  text-align: center;
  -webkit-border-radius: 3px 3px 0 0;
  -moz-border-radius: 3px 3px 0 0;
  border-radius: 3px 3px 0 0;
}
.modal-header .modal-close {
  margin-top: -0.14285714em;
  margin-right: -0.35714286em;
}
.modal-title {
  margin: 0;
  line-height: inherit;
  font-size: 1.2em !important;
  font-weight: normal;
  text-overflow: ellipsis;
  overflow-x: hidden;
  white-space: nowrap;
}
.modal-body {
  padding: 1px 1.42857143em 1.42857143em 1.42857143em;
}
.modal-footer {
  padding: 0 1.42857143em 1.42857143em;
  text-align: center;
  -webkit-border-radius: 0 0 3px 3px;
  -moz-border-radius: 0 0 3px 3px;
  border-radius: 0 0 3px 3px;
}
.modal-footer:before,
.modal-footer:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.modal-footer:after {
  clear: both;
}
.modal-footer .btn {
  padding: 0 1em;
  line-height: 2.5em;
}
.modal-footer .btn,
.modal-footer .btn-primary {
  width: auto;
  min-width: 10em;
}
.modal-footer .btn-confirm-dialog {
  width: auto;
  min-width: 6em;
}
.modal-footer .btn + .btn {
  margin-left: 5px;
  margin-bottom: 0;
}
.modal-footer .btn-group .btn + .btn {
  margin-left: -1px;
}
.modal-footer .btn-block + .btn-block {
  margin-left: 0;
}
.modal-errorMsg {
  margin: 0 -10px 0 20px;
  color: #CC2D30;
  padding: 5px;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
}
.checkbox-list {
  margin: 0 -20px;
  border-top: 1px solid #ccced2;
  /*Override default checkbox settings*/
}
.checkbox-list .checkbox-list-textbox {
  margin: 5px 15px 0 15px;
}
.checkbox-list .modal-checkbox {
  padding: 5px 0 !important;
  margin: 0;
  border-bottom: 1px solid #ccced2;
}
.checkbox-list .checkbox label {
  width: 100%;
}
.checkbox-list div:not(#foo) > input[type='checkbox'] + label {
  margin: 0 10px;
  padding: 5px 30px;
}
.editProfileModal button {
  margin: 10px auto 15px;
  display: block;
}
.multi-select-description {
  margin-left: 24px;
  width: 95%;
}
.modal-close {
  float: right;
  font-size: 2em;
  font-weight: normal;
  line-height: 1;
  color: #5E636A;
  opacity: 0.8;
  filter: alpha(opacity=80);
}
.modal-close:hover,
.modal-close:focus {
  text-decoration: none;
  cursor: pointer;
  opacity: 1;
  filter: alpha(opacity=100);
}
button.modal-close {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
}
@media only screen and (max-width: 480px) {
  .modal-backdrop {
    bottom: -200px;
  }
}
@media only screen and (min-width: 340px) {
  .modal {
    padding: 0 0.71428571em;
  }
  .modal-content {
    max-width: 480px;
  }
  .modal-wide {
    max-width: 660px;
  }
}
#insuranceCardModal .list-row {
  border-top: 1px solid #ccced2;
}
#insuranceCardModal .list-row:last-child {
  margin-bottom: 20px;
}
.cardsModal {
  color: gray;
}
.cardsModal .cardsModal_closeBtn {
  padding: 10px;
  border-bottom: solid 1px lightgray;
}
.cardsModal .cardsModal_closeBtn h2 {
  display: inline-block;
  margin: .5em 0em 0em 1em;
}
.cardsModal .cardsModal_content {
  padding: 30px;
}
.cardsModal .cardsModal_ctaBtn {
  width: 100%;
  padding: 2em;
}
.cardsModal .cardsModal_ctaBtn button {
  margin: auto;
  display: block;
  width: 10em;
}
/* Policy Lookup Modal */
.policy-lookup {
  max-width: 766px !important;
  margin-top: 10px !important;
}
.policy-lookup-container {
  display: flex;
  flex-direction: row;
}
.policy-lookup-cell {
  flex-direction: column;
  text-align: center;
}
.policy-lookup-cell > h4 {
  text-align: left;
  margin: 15px 15px 15px 20px;
  width: 100%;
}
.policy-lookup-img {
  max-width: 100%;
  max-height: 100%;
}
@media only screen and (min-width: 0px) and (max-width: 639px) {
  .policy-lookup {
    top: 0 !important;
    height: auto !important;
    max-width: 95% !important;
  }
  .policy-lookup-container {
    display: block;
    padding: 2px;
  }
  .policy-lookup-cell {
    flex-direction: row;
    width: 100%;
  }
  .policy-lookup-cell > h4 {
    margin: 10px;
  }
}
@media only screen and (min-width: 0px) and (max-width: 320px) {
  .policy-lookup-cell > h4 {
    margin: 5px;
  }
}
.eoi-confirm-email-section {
  margin-top: 20px;
}
.eoi-email-container .errorMsg {
  display: block;
  clear: both;
}
.eoi-email-container {
  max-width: 600px !important;
}
@media only screen and (min-width: 0px) and (max-width: 639px) {
  .eoi-email-container {
    max-width: 95% !important;
  }
}
.eoi-warning {
  padding: 25px 0 15px 0;
}
.discount-verification-support .modal-body {
  padding-top: 1.5em;
}
.payment-container {
  height: 90%;
  width: auto;
}
@media only screen and (min-width: 0px) and (max-width: 639px) {
  .payment-container .modal-body {
    padding: 0;
  }
}
.innerNav {
  width: 660px;
  margin: 15px auto 0;
  position: relative;
}
.innerNav .title {
  text-align: center;
  margin: 0;
  padding: 10px;
}
.innerNav a {
  position: absolute;
}
.innerNav .transactionBack {
  left: 0;
  top: 3px;
}
.innerNav .transactionCancel {
  right: 0;
  top: 4px;
  padding: 5px 10px;
  border: 1px solid #ccced2;
  border-radius: 5px;
}
.innerNav .arrow {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  border-color: transparent #bbbbbb transparent transparent;
  border-image: none;
  border-style: solid;
  border-width: 16px;
  display: block;
  float: left;
  height: 0;
  width: 0;
  color: #333;
  margin-top: 3px;
}
.innerNav .backButton {
  color: #ffffff;
  font-size: 14px;
  display: block;
  position: absolute;
  left: -18px;
  cursor: pointer;
  top: 1px;
}
.innerNav .arrow-inner {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  border-color: transparent #f7f7f7 transparent transparent;
  border-image: none;
  border-style: solid;
  border-width: 15px;
  display: block;
  height: 0;
  left: 2px;
  position: absolute;
  top: 4px;
  width: 0;
}
.innerNav .arrow-inner:hover {
  background: #ffffff;
  background: -moz-linear-gradient(top, #d4d4d2 0%, #d4d4d2 1%, #ffffff 4%, #ffffff 94%, #d4d4d2 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d4d4d2), color-stop(1%, #d4d4d2), color-stop(4%, #ffffff), color-stop(94%, #ffffff), color-stop(100%, #d4d4d2));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #d4d4d2 0%, #d4d4d2 1%, #ffffff 4%, #ffffff 94%, #d4d4d2 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #d4d4d2 0%, #d4d4d2 1%, #ffffff 4%, #ffffff 94%, #d4d4d2 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #d4d4d2 0%, #d4d4d2 1%, #ffffff 4%, #ffffff 94%, #d4d4d2 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #d4d4d2 0%, #d4d4d2 1%, #ffffff 4%, #ffffff 94%, #d4d4d2 100%);
  /* W3C */
  background-repeat: no-repeat;
}
.innerNav .arrow-inner:active {
  -webkit-box-shadow: inset 0 0 7px rgba(0, 0, 0, 0.45);
  box-shadow: inset 0 0 7px rgba(0, 0, 0, 0.45);
  background: #ececec;
}
.innerNav .button {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  border-color: #ccced2 #ccced2 #ccced2;
  border-image: none;
  border-radius: 0 2px 2px 0;
  border-style: solid solid solid none;
  border-width: 1px 1px 1px 0;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
  display: block;
  float: left;
  line-height: 24px;
  padding: 3px 9px 3px 10px;
  text-align: center;
  margin-left: 32px;
}
.innerNav .button:hover {
  background: #ffffff;
  background: -moz-linear-gradient(top, #d4d4d2 0%, #d4d4d2 1%, #ffffff 4%, #ffffff 94%, #d4d4d2 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d4d4d2), color-stop(1%, #d4d4d2), color-stop(4%, #ffffff), color-stop(94%, #ffffff), color-stop(100%, #d4d4d2));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #d4d4d2 0%, #d4d4d2 1%, #ffffff 4%, #ffffff 94%, #d4d4d2 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #d4d4d2 0%, #d4d4d2 1%, #ffffff 4%, #ffffff 94%, #d4d4d2 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #d4d4d2 0%, #d4d4d2 1%, #ffffff 4%, #ffffff 94%, #d4d4d2 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #d4d4d2 0%, #d4d4d2 1%, #ffffff 4%, #ffffff 94%, #d4d4d2 100%);
  /* W3C */
  background-repeat: no-repeat;
}
.innerNav .button:active {
  -webkit-box-shadow: inset 0 0 7px rgba(0, 0, 0, 0.45);
  box-shadow: inset 0 0 7px rgba(0, 0, 0, 0.45);
  background: #ececec;
}
@media only screen and (min-width: 661px) {
  .innerNav {
    border-bottom: 1px solid #ccced2;
  }
}
.btn--left {
  background-color: #f7f7f7;
  color: #333;
  height: 32px;
  position: relative;
  margin-left: 16px;
  display: block;
  border: 1px solid #ccced2;
  border-style: solid solid solid none;
  border-radius: 0 4px 4px 0;
  margin-left: 3em;
  padding: 5px 10px 0 5px;
  background: #f7f7f7;
  background: -moz-linear-gradient(top, #d4d4d2 0%, #f7f7f7 1%, #f7f7f7 4%, #f7f7f7 94%, #d4d4d2 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d4d4d2), color-stop(1%, #f7f7f7), color-stop(4%, #f7f7f7), color-stop(94%, #f7f7f7), color-stop(100%, #d4d4d2));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #d4d4d2 0%, #f7f7f7 1%, #f7f7f7 4%, #f7f7f7 94%, #d4d4d2 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #d4d4d2 0%, #f7f7f7 1%, #f7f7f7 4%, #f7f7f7 94%, #d4d4d2 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #d4d4d2 0%, #f7f7f7 1%, #f7f7f7 4%, #f7f7f7 94%, #d4d4d2 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #d4d4d2 0%, #f7f7f7 1%, #f7f7f7 4%, #f7f7f7 94%, #d4d4d2 100%);
  /* W3C */
  background-repeat: no-repeat;
  top: 4px;
  white-space: nowrap;
}
.btn--left:before {
  content: '';
  position: absolute;
  border-style: solid;
  border-right-width: 15px;
  top: 0;
  right: 100%;
  border-color: #f7f7f7;
  border-top-color: rgba(0, 0, 0, 0);
  border-top-width: 15px;
  border-bottom-color: rgba(0, 0, 0, 0);
  border-bottom-width: 15px;
  border-left-color: rgba(0, 0, 0, 0);
  border-left-width: 0;
  z-index: 1;
}
.btn--left:after {
  content: '';
  position: absolute;
  border-style: solid;
  border-right-width: 16px;
  top: -1px;
  right: 100%;
  border-color: #ccced2;
  border-top-color: rgba(0, 0, 0, 0);
  border-top-width: 16px;
  border-bottom-color: rgba(0, 0, 0, 0);
  border-bottom-width: 16px;
  border-left-color: rgba(0, 0, 0, 0);
  border-left-width: 0;
  z-index: 0;
}
.btn--left:active {
  background: #d4d4d2;
}
.btn--left:active:before {
  border-right-color: #d4d4d2;
}
.btn--left:hover {
  text-decoration: none;
  color: #313235;
}
.btn--left-phone {
  background-color: #CC2D30;
  color: #ffffff;
  height: 32px;
  position: relative;
  margin-left: 16px;
  display: block;
  border: 1px solid #db6c6f;
  border-style: solid solid solid none;
  border-radius: 0 4px 4px 0;
  margin-left: 2.2em;
  padding: 0px 10px 0 5px;
  background: #CC2D30;
  background: -moz-linear-gradient(top, #CC2D30 0%, #CC2D30 1%, #CC2D30 4%, #CC2D30 94%, #CC2D30 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #CC2D30), color-stop(1%, #CC2D30), color-stop(4%, #CC2D30), color-stop(94%, #CC2D30), color-stop(100%, #CC2D30));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #CC2D30 0%, #CC2D30 1%, #CC2D30 4%, #CC2D30 94%, #CC2D30 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #CC2D30 0%, #CC2D30 1%, #CC2D30 4%, #CC2D30 94%, #CC2D30 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #CC2D30 0%, #CC2D30 1%, #CC2D30 4%, #CC2D30 94%, #CC2D30 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #CC2D30 0%, #CC2D30 1%, #CC2D30 4%, #CC2D30 94%, #CC2D30 100%);
  /* W3C */
  background-repeat: no-repeat;
}
.btn--left-phone:before {
  content: '';
  position: absolute;
  border-style: solid;
  border-right-width: 15px;
  top: 0;
  right: 100%;
  border-color: #CC2D30;
  border-top-color: rgba(0, 0, 0, 0);
  border-top-width: 15px;
  border-bottom-color: rgba(0, 0, 0, 0);
  border-bottom-width: 15px;
  border-left-color: rgba(0, 0, 0, 0);
  border-left-width: 0;
  z-index: 1;
}
.btn--left-phone:after {
  content: '';
  position: absolute;
  border-style: solid;
  border-right-width: 16px;
  top: -1px;
  right: 100%;
  border-color: #db6c6f;
  border-top-color: rgba(0, 0, 0, 0);
  border-top-width: 16px;
  border-bottom-color: rgba(0, 0, 0, 0);
  border-bottom-width: 16px;
  border-left-color: rgba(0, 0, 0, 0);
  border-left-width: 0;
  z-index: 0;
}
.btn--left-phone:active {
  color: #ffffff;
  background: #6a1616;
  background: -moz-linear-gradient(top, #6a1616 0%, #6a1616 1%, #6a1616 4%, #6a1616 94%, #6a1616 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #6a1616), color-stop(1%, #6a1616), color-stop(4%, #6a1616), color-stop(94%, #6a1616), color-stop(100%, #6a1616));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #6a1616 0%, #6a1616 1%, #6a1616 4%, #6a1616 94%, #6a1616 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #6a1616 0%, #6a1616 1%, #6a1616 4%, #6a1616 94%, #6a1616 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #6a1616 0%, #6a1616 1%, #6a1616 4%, #6a1616 94%, #6a1616 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #6a1616 0%, #6a1616 1%, #6a1616 4%, #6a1616 94%, #6a1616 100%);
  /* W3C */
  background-repeat: no-repeat;
}
.btn--left-phone:active:before {
  border-right-color: #6a1616;
}
sup {
  left: 0.1em;
  font-size: 18px !important;
}
.cross-sell-promo {
  background-color: #335D79;
  color: white;
  visibility: hidden;
  text-align: center;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  position: fixed;
  z-index: 10000;
  left: 50%;
  bottom: 0;
  width: 1140px;
  margin-left: -570px;
  height: 158px;
  box-shadow: 0 0 20px 2px rgba(0, 0, 0, 0.5);
}
/* Show the snackbar when clicking on a button (class added with JavaScript) */
.cross-sell-promo.show {
  visibility: visible;
  /* Show the snackbar */
  /* Add animation: Take 0.5 seconds to fade in and out the snackbar. */
  -webkit-animation: slide-up-fade-in 1s;
  animation: slide-up-fade-in 1s;
  display: block !important;
}
.cross-sell-promo.hide {
  visibility: hidden;
  /* Hide the snackbar */
  /* Add animation: Take 2.5 seconds to fade out the snackbar.*/
  -webkit-animation: slide-down-fade-out 2.5s;
  animation: slide-down-fade-out 2.5s;
  display: none !important;
}
/* Animations to fade the snackbar in and out */
@-webkit-keyframes slide-up-fade-in {
  from {
    bottom: -150px;
    opacity: 0;
  }
  to {
    bottom: 0;
    opacity: 1;
  }
}
@keyframes slide-up-fade-in {
  from {
    bottom: -150px;
    opacity: 0;
  }
  to {
    bottom: 0;
    opacity: 1;
  }
}
@-webkit-keyframes slide-down-fade-out {
  from {
    bottom: 0;
    opacity: 1;
  }
  to {
    bottom: -150px;
    opacity: 0;
  }
}
@keyframes slide-down-fade-out {
  from {
    bottom: 0;
    opacity: 1;
  }
  to {
    bottom: -150px;
    opacity: 0;
  }
}
.cross-sell-promo-content {
  text-align: left;
}
.cross-sell-promo-header,
.cross-sell-promo-header > * {
  font-size: 32px;
  color: white;
}
.cross-sell-promo-subtext,
.cross-sell-promo-subtext > * {
  text-transform: uppercase;
  color: white;
}
.cross-sell-promo-info {
  display: table;
  margin: 0 auto;
}
.cross-sell-promo-action {
  padding-top: 1.5em;
}
.promo-icon {
  font-size: 48px !important;
  color: white;
  margin-right: 1em;
  display: table-cell;
}
.promo-text {
  text-align: left;
  display: table-cell;
}
.btn-promo-action {
  text-transform: uppercase;
  padding: 5px;
  width: 100% !important;
}
.toast-container {
  margin-right: 0 !important;
}
.toast-close {
  font-size: 2.5em;
  font-weight: normal;
  line-height: 1;
  color: white;
  opacity: 0.8;
  filter: alpha(opacity=80);
}
.toast-close:hover,
.toast-close:focus {
  text-decoration: none;
  cursor: pointer;
  opacity: 1;
  filter: alpha(opacity=100);
}
button.toast-close {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  float: right;
}
/* Landscape */
@media only screen and (min-width: 1024px) and (max-height: 1366px) and (orientation: landscape) {
  .cross-sell-promo {
    padding-left: 5em;
  }
}
@media only screen and (min-width: 0px) and (max-width: 1199px) {
  .cross-sell-promo {
    width: 98%;
    margin-left: 0;
    left: 1%;
    height: auto;
    padding-left: 5em;
  }
  .cross-sell-promo-header,
  .cross-sell-promo-header > * {
    font-size: 28px;
  }
}
@media only screen and (min-width: 0px) and (max-width: 991px) {
  .cross-sell-promo {
    width: 98%;
    margin-left: 0;
    z-index: 10000;
    left: 1%;
    padding: 0;
    height: auto;
  }
  .cross-sell-promo-header,
  .cross-sell-promo-header > * {
    font-size: 24px;
  }
  .cross-sell-promo.show {
    display: block !important;
  }
  .cross-sell-promo-content {
    margin-bottom: 0.75em;
  }
  .cross-sell-promo-content {
    text-align: center;
  }
  .cross-sell-promo-action {
    margin-bottom: 2em;
  }
  .promo-icon {
    font-size: 36px !important;
  }
  .btn-promo-action {
    width: 100% !important;
  }
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
  .promo-icon {
    font-size: 42px !important;
  }
  .btn-promo-action {
    width: 50% !important;
  }
}
.promoWrapper.noPromo {
  min-height: 0;
}
.promoWrapper > p {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-align: center;
  margin: 0;
  line-height: 160px;
}
.promo {
  display: block;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}
.promo .phonePromo a:link .promoTitleHome,
.promo .phonePromo a:visited .promoTitleHome {
  color: #333;
}
.promo .nonLink {
  cursor: default;
}
.promo:before,
.promo:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.promo:after {
  clear: both;
}
.promo .loginPromo {
  padding: 10px 15px;
}
.promo .promoImage,
.promo .promoTitle {
  display: none !important;
}
tr.promo .promoImage,
tr.promo .promoTitle {
  display: none !important;
}
th.promo .promoImage,
th.promo .promoTitle,
td.promo .promoImage,
td.promo .promoTitle {
  display: none !important;
}
.promo .homePromo {
  margin: 20px 15px 0 15px;
  display: table;
}
.promo .promoImage,
.promo .homePromoImage,
.promo .promoContainerHome {
  display: inline-block;
}
.promo .homePromoImage {
  display: table-cell;
  vertical-align: middle;
  padding-right: 15px;
}
.promo .homePromoImage img {
  max-width: 85px;
  height: auto;
}
.promo .promoContainerHome {
  display: table-cell;
  vertical-align: middle;
}
.promo .promoContainerHome.noPromoImg {
  padding-left: 0;
}
.promo .promoTitleHome {
  font-family: 'Trebuchet MS';
  font-weight: bold;
  line-height: auto;
  font-size: 24px;
  padding-bottom: 6px;
  margin-bottom: 5px;
  line-height: 1.2em;
}
.promo .promoTitleHome sup {
  font-family: 'Helvetica Neue';
  font-weight: normal;
  font-size: 16px;
  line-height: auto;
}
.promo .promoLink {
  padding-left: 6px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.promo .promoHome {
  padding-left: 6px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.promo .promoHome p {
  font-size: 16px;
  font-weight: normal;
  margin-left: -6px;
  margin-top: 08px;
}
.promo .promoHome a {
  white-space: normal;
  font-family: 'Trebuchet MS';
  font-weight: bold;
  font-size: 17px;
  line-height: auto;
}
.promo .icon-promoTablet {
  background: url('/assets/img/icon-MayPromoTab-1-HD.png') 0 0 no-repeat;
  background-size: 129px 110px;
  width: 129px;
  height: 110px;
  border: 0;
  display: block;
}
@media (min-width: 600px) {
  .promo {
    max-width: 660px;
  }
  .promo .promoImage,
  .promo .promoTitle {
    display: block !important;
  }
  tr.promo .promoImage,
  tr.promo .promoTitle {
    display: table-row !important;
  }
  th.promo .promoImage,
  th.promo .promoTitle,
  td.promo .promoImage,
  td.promo .promoTitle {
    display: table-cell !important;
  }
  .promo .promoTitle {
    color: #CC2D30;
    font-size: 22px;
    margin-bottom: 5px;
  }
  .promo .promoTitleTablet,
  .promo .promoHomeTablet {
    margin-right: 20px;
  }
}
@media only screen and (min-width: 660px) and (max-width: 1000px) {
  .promo {
    max-width: 620px;
  }
  .promo .promoWrapper {
    min-height: 120px;
  }
  .promo .homePromo {
    display: table;
  }
  .promo .homePromoImage {
    display: table-cell;
    vertical-align: middle;
    padding-right: 10px;
  }
  .promo .homePromoImage img {
    max-width: 85px;
    height: auto;
  }
}
@media only screen and (min-width: 0px) and (max-width: 660px) {
  .promo {
    /* Properties for .promo */
    width: 350px;
    height: auto;
    /* / */
  }
  .promo .icon-promoPhone {
    background: url('/assets/img/icon-MayPromoPhone-2-HD.png') 0 0 no-repeat transparent;
    background-size: 50px 61px;
    width: 60px;
    height: 60px;
    border: 0;
    display: block;
  }
  .promo .homePromo {
    display: none;
    padding: 0;
  }
  .promo .phonePromo {
    display: table;
  }
  .promo .homePromoImage {
    display: table-cell;
    vertical-align: middle;
    padding-right: 10px;
  }
  .promo .homePromoImage img {
    max-width: 85px;
    height: auto;
  }
  .promo .promoContainerHome {
    width: 230px;
    margin-top: 0;
    padding-left: 10px;
    height: 100%;
    display: table-cell;
    vertical-align: middle;
  }
  .promo .promoContainerHome.noPromoImg {
    margin-left: 0;
    width: 300px;
  }
  .promo .promoTitleHome {
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: 0;
    font-size: 20px;
  }
  .promo .promoLink {
    padding-left: 0;
    position: relative;
    top: -2px;
  }
}
.homePromoWrapper {
  display: inline-block;
}
.homePromoWrapper.noPromo {
  min-height: 0;
}
.hmPromoStripColumn {
  width: 300px;
  display: inline-block;
  vertical-align: top;
  text-align: left;
}
.promos {
  position: relative;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.promos .nonLink {
  cursor: default;
}
.promos:before,
.promos:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.promos:after {
  clear: both;
}
.promos .loginPromo {
  padding: 10px 15px;
}
.promos .homePromos {
  display: table;
  margin-left: auto;
  margin-right: auto;
  padding: 24px 20px 24px 20px;
}
.promos .promosImage {
  display: table-cell;
  vertical-align: top;
  padding-right: 10px;
}
.promos .promosImage .largeImg {
  height: auto;
  max-width: 200px;
  padding-right: 15px;
}
.promos .promosImage .smallImg {
  height: auto;
  max-width: 77px;
}
.promos .promosImage .phoneImg {
  height: auto;
  max-width: 200px;
}
.promos .promosTitleHome {
  font-size: 17px;
  font-family: 'Trebuchet MS';
  font-weight: bold;
  line-height: auto;
  margin-bottom: -13px;
}
.promos .promosTitleHome sup {
  font-family: 'Helvetica Neue';
  font-weight: normal;
  font-size: 16px;
  line-height: auto;
}
.promos .promosSecondaryTitleHome {
  font-size: 24px;
  font-family: 'Trebuchet MS';
  font-weight: bold;
  line-height: auto;
  text-align: left;
  padding-bottom: 10px;
}
.promos .promosSecondaryTitleHome sup {
  font-family: 'Helvetica Neue';
  font-weight: normal;
  font-size: 16px;
  line-height: auto;
}
.promos .promoLink {
  padding-left: 6px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.promos .promoHome {
  padding-left: 6px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.promos .promoHome p {
  font-size: 16px;
  font-weight: normal;
  font-family: 'Helvetica Neue';
  margin-left: -6px;
  margin-top: 08px;
}
.promos .promoHome a {
  white-space: nowrap;
  font-family: 'Trebuchet MS';
  font-weight: bold;
  font-size: 17px;
  line-height: auto;
}
.promos .promosHome p {
  font-size: 17px;
  font-weight: bold;
  font-family: 'Trebuchet MS';
  line-height: auto;
  word-break: break-word;
}
.promos .promosSecondaryHome {
  font-family: 'Trebuchet MS';
  font-weight: bold;
  font-size: 24px;
}
.promos .promosSecondaryHome p {
  font-size: 16px;
  font-weight: normal;
  word-break: break-word;
  text-align: left;
}
.promos .promosSecondaryHome a {
  font-family: 'Trebuchet MS';
  font-weight: bold;
  font-size: 17px;
  line-height: auto;
}
.promos .icon-promoTablet {
  background: url('/assets/img/icon-MayPromoTab-1-HD.png') 0 0 no-repeat;
  background-size: 129px 110px;
  width: 129px;
  height: 110px;
  border: 0;
  display: block;
}
@media (min-width: 600px) {
  .promos {
    max-width: 660px;
  }
  .promos .promoImage,
  .promos .promoTitle {
    display: block !important;
  }
  tr.promos .promoImage,
  tr.promos .promoTitle {
    display: table-row !important;
  }
  th.promos .promoImage,
  th.promos .promoTitle,
  td.promos .promoImage,
  td.promos .promoTitle {
    display: table-cell !important;
  }
  .promos .promoTitle {
    color: #CC2D30;
    font-size: 22px;
    margin-bottom: 5px;
  }
  .promos .promoTitleTablet,
  .promos .promoHomeTablet {
    margin-right: 20px;
  }
}
@media only screen and (min-width: 660px) and (max-width: 1000px) {
  .promos {
    max-width: 620px;
  }
  .promos .homePromoWrapper {
    min-height: 120px;
  }
  .promos .homePromos {
    display: table;
  }
  .promos .promosImage {
    display: table-cell;
    vertical-align: top;
  }
  .promos .promosImage .largeImg {
    height: auto;
    max-width: 200px;
    padding: 0px;
  }
  .promos .promosImage .smallImg {
    height: auto;
    max-width: 77px;
  }
  .promos .promosImage .phoneImg {
    height: auto;
    max-width: 200px;
  }
}
@media only screen and (min-width: 0px) and (max-width: 660px) {
  .promos {
    /* Properties for .promos */
    width: 350px;
    height: auto;
    /* / */
  }
  .promos .icon-promoPhone {
    background: url('/assets/img/icon-MayPromoPhone-2-HD.png') 0 0 no-repeat transparent;
    background-size: 50px 61px;
    width: 60px;
    height: 60px;
    border: 0;
    display: block;
  }
  .promos .homePromos {
    display: none;
    padding: 0;
  }
  .promos .phonePromos {
    display: table;
    padding: 24px 10px 24px 10px;
  }
  .promos .promosImage {
    display: table-cell;
    vertical-align: top;
  }
  .promos .promosImage .largeImg {
    height: auto;
    max-width: 85px;
    padding: 0px;
  }
  .promos .promosImage .smallImg {
    height: auto;
    max-width: 77px;
  }
  .promos .promosImage .phoneImg {
    height: auto;
    max-width: 85px;
  }
  .promos .promosContainerHome {
    margin-top: 0;
    padding-left: 10px;
    height: 100%;
    vertical-align: middle;
  }
  .promos .promosContainerHome.noPromoImg {
    margin-left: 0;
  }
  .promos .promoTitleHome {
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: 0;
    font-size: 22px;
  }
  .promos .promoLink {
    padding-left: 0;
    position: relative;
    top: -2px;
  }
  .promos .promosSecondaryTitleHome {
    font-size: 20px;
  }
}
.splitView {
  background-color: #f7f7f7;
  overflow: hidden;
}
.listView {
  float: left;
  width: 100%;
}
.list-view-secondary-content {
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  padding: 15px 10px 0;
}
.list-view-secondary-content > div,
.list-view-secondary-content p {
  margin-bottom: 10px;
}
.detailView {
  background-color: #ffffff;
}
@media only screen and (min-width: 661px) {
  .listView {
    max-width: 320px;
  }
  .detailView {
    overflow: hidden;
    padding: 0 20px;
    border-left: 1px solid #ccced2;
  }
  .detail-view-messages {
    margin: 0 -20px 0 -20px;
  }
}
.detail-view-cross-sell {
  background-color: #335D79;
  margin: 0 -20px;
}
.detail-view-cross-sell.ng-enter {
  transition: 0.25s linear all;
  opacity: 0;
}
.detail-view-cross-sell.ng-enter.ng-enter-active {
  opacity: 1;
}
.termsConditionsContainer #termsConditionsContent {
  margin: 10px;
  font-size: 16px;
}
.termsConditionsContainer .termsConditionsTitle {
  text-align: center;
  font-size: 25px;
  padding: 0 10px;
}
.termsConditionsContainer .termsConditionsLinks ul {
  padding: 0;
}
.termsConditionsContainer .termsConditionsLinks li {
  font-size: 16px;
  color: #0072bc;
  margin-bottom: 5px;
  text-align: center;
  list-style: none;
}
.termsConditionsContainer .termsConditionsButtons {
  font-size: 16px;
  width: 100%;
  text-align: center;
}
.termsConditionsContainer .termsConditionsButtons button {
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-top: 20px;
  margin-bottom: 20px;
}
@media only screen and (max-width: 400px) {
  .termsConditionsContainer .termsConditionsSection {
    padding-left: 0;
    padding-right: 0;
  }
  .termsConditionsContainer .termsConditionsSection .card {
    border-left: 0;
    border-right: 0;
  }
}
@media only screen and (min-width: 660px) {
  .termsConditionsContainer .termsConditionsTitle {
    font-size: 22px;
    margin-bottom: 20px;
  }
}
.whats-new {
  max-width: 660px;
  margin: 0 auto;
}
.whats-new .modules {
  margin-top: 30px;
}
.whats-new .module {
  float: left;
  width: 50%;
  margin: 0 auto 30px auto;
}
.whats-new .module p {
  max-width: 256px;
  margin-left: auto;
  margin-right: auto;
}
.whats-new .module-image {
  height: 131px;
  margin: 0 auto 10px;
  background: url(/assets/img/whatsnew.png) 50% 0 no-repeat;
  background-size: 320px;
}
.whats-new .module-image.module2 {
  background-position: 50% -131px;
}
.whats-new .module-image.module3 {
  background-position: 50% -262px;
}
.whats-new .module-image.module4 {
  background-position: 50% -393px;
}
.whats-new a {
  white-space: nowrap;
}
@media only screen and (max-width: 660px) {
  .whats-new h1 {
    display: none;
  }
  .whats-new .module {
    float: none;
    width: auto;
    max-width: 320px;
  }
}
.flatpickr-calendar {
  background: transparent;
  overflow: hidden;
  max-height: 0;
  opacity: 0;
  visibility: hidden;
  text-align: center;
  padding: 0;
  -webkit-animation: none;
  animation: none;
  direction: ltr;
  border: 0;
  font-size: 14px;
  line-height: 24px;
  border-radius: 5px;
  position: absolute;
  width: 315px;
  box-sizing: border-box;
  -webkit-transition: top cubic-bezier(0, 1, 0.5, 1) 100ms;
  transition: top cubic-bezier(0, 1, 0.5, 1) 100ms;
  z-index: 999;
  background: #fff;
  box-shadow: 1px 0 0 #e6e6e6, -1px 0 0 #e6e6e6, 0 1px 0 #e6e6e6, 0 -1px 0 #e6e6e6, 0 3px 13px rgba(0, 0, 0, 0.08);
}
.flatpickr-calendar.open,
.flatpickr-calendar.inline {
  opacity: 1;
  visibility: visible;
  overflow: visible;
  max-height: 640px;
}
.flatpickr-calendar.open {
  display: inline-block;
  -webkit-animation: flatpickrFadeInDown 300ms cubic-bezier(0, 1, 0.5, 1);
  animation: flatpickrFadeInDown 300ms cubic-bezier(0, 1, 0.5, 1);
}
.flatpickr-calendar.inline {
  display: block;
  position: relative;
  top: 2px;
}
.flatpickr-calendar.static {
  position: absolute;
  top: calc(102%);
}
.flatpickr-calendar.static.open {
  display: block;
}
.flatpickr-calendar.hasWeeks {
  width: auto;
}
.flatpickr-calendar.dateIsPicked.hasTime .flatpickr-time {
  height: 40px;
  border-top: 1px solid #e6e6e6;
}
.flatpickr-calendar.noCalendar.hasTime .flatpickr-time {
  height: auto;
}
.flatpickr-calendar:before,
.flatpickr-calendar:after {
  position: absolute;
  display: block;
  pointer-events: none;
  border: solid transparent;
  content: '';
  height: 0;
  width: 0;
  left: 22px;
}
.flatpickr-calendar.rightMost:before,
.flatpickr-calendar.rightMost:after {
  left: auto;
  right: 22px;
}
.flatpickr-calendar:before {
  border-width: 5px;
  margin: 0 -5px;
}
.flatpickr-calendar:after {
  border-width: 4px;
  margin: 0 -4px;
}
.flatpickr-calendar.arrowTop:before,
.flatpickr-calendar.arrowTop:after {
  bottom: 100%;
}
.flatpickr-calendar.arrowTop:before {
  border-bottom-color: #e6e6e6;
}
.flatpickr-calendar.arrowTop:after {
  border-bottom-color: #fff;
}
.flatpickr-calendar.arrowBottom:before,
.flatpickr-calendar.arrowBottom:after {
  top: 100%;
}
.flatpickr-calendar.arrowBottom:before {
  border-top-color: #e6e6e6;
}
.flatpickr-calendar.arrowBottom:after {
  border-top-color: #fff;
}
.flatpickr-wrapper {
  position: relative;
  display: inline-block;
}
.flatpickr-month {
  background: transparent;
  color: rgba(0, 0, 0, 0.9);
  fill: rgba(0, 0, 0, 0.9);
  height: 28px;
  line-height: 24px;
  text-align: center;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.flatpickr-prev-month,
.flatpickr-next-month {
  text-decoration: none;
  cursor: pointer;
  position: absolute;
  top: 10px;
  height: 16px;
  line-height: 16px;
}
.flatpickr-prev-month i,
.flatpickr-next-month i {
  position: relative;
}
.flatpickr-prev-month.flatpickr-prev-month,
.flatpickr-next-month.flatpickr-prev-month {
  /*
        /*rtl:begin:ignore*/
  /*
        */
  left: calc(2.07%);
  /*
        /*rtl:end:ignore*/
  /*
        */
}
/*
        /*rtl:begin:ignore*/
/*
        /*rtl:end:ignore*/
.flatpickr-prev-month.flatpickr-next-month,
.flatpickr-next-month.flatpickr-next-month {
  /*
        /*rtl:begin:ignore*/
  /*
        */
  right: calc(2.07%);
  /*
        /*rtl:end:ignore*/
  /*
        */
}
/*
        /*rtl:begin:ignore*/
/*
        /*rtl:end:ignore*/
.flatpickr-prev-month:hover,
.flatpickr-next-month:hover {
  color: #959ea9;
}
.flatpickr-prev-month:hover svg,
.flatpickr-next-month:hover svg {
  fill: #f64747;
}
.flatpickr-prev-month svg,
.flatpickr-next-month svg {
  width: 14px;
}
.flatpickr-prev-month svg path,
.flatpickr-next-month svg path {
  -webkit-transition: fill 0.1s;
  transition: fill 0.1s;
  fill: inherit;
}
.numInputWrapper {
  position: relative;
  height: auto;
}
.numInputWrapper input,
.numInputWrapper span {
  display: inline-block;
}
.numInputWrapper input {
  width: 100%;
}
.numInputWrapper span {
  position: absolute;
  right: 0;
  width: 14px;
  padding: 0 4px 0 2px;
  height: 50%;
  line-height: 50%;
  opacity: 0;
  cursor: pointer;
  border: 1px solid rgba(57, 57, 57, 0.05);
  box-sizing: border-box;
}
.numInputWrapper span:hover {
  background: rgba(0, 0, 0, 0.1);
}
.numInputWrapper span:active {
  background: rgba(0, 0, 0, 0.2);
}
.numInputWrapper span:after {
  display: block;
  content: "";
  position: absolute;
  top: 33%;
}
.numInputWrapper span.arrowUp {
  top: 0;
  border-bottom: 0;
}
.numInputWrapper span.arrowUp:after {
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-bottom: 4px solid rgba(57, 57, 57, 0.6);
}
.numInputWrapper span.arrowDown {
  top: 50%;
}
.numInputWrapper span.arrowDown:after {
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid rgba(57, 57, 57, 0.6);
}
.numInputWrapper span svg {
  width: inherit;
  height: auto;
}
.numInputWrapper span svg path {
  fill: rgba(0, 0, 0, 0.5);
}
.numInputWrapper:hover {
  background: rgba(0, 0, 0, 0.05);
}
.numInputWrapper:hover span {
  opacity: 1;
}
.flatpickr-current-month {
  font-size: 135%;
  line-height: inherit;
  font-weight: 300;
  color: inherit;
  position: absolute;
  width: 75%;
  left: 12.5%;
  top: 5px;
  display: inline-block;
  text-align: center;
}
.flatpickr-current-month span.cur-month {
  font-family: inherit;
  font-weight: 700;
  color: inherit;
  display: inline-block;
  margin-left: 7px;
  padding: 0;
}
.flatpickr-current-month span.cur-month:hover {
  background: rgba(0, 0, 0, 0.05);
}
.flatpickr-current-month .numInputWrapper {
  width: 6ch;
  width: 7ch\0;
  display: inline-block;
}
.flatpickr-current-month .numInputWrapper span.arrowUp:after {
  border-bottom-color: rgba(0, 0, 0, 0.9);
}
.flatpickr-current-month .numInputWrapper span.arrowDown:after {
  border-top-color: rgba(0, 0, 0, 0.9);
}
.flatpickr-current-month input.cur-year {
  background: transparent;
  box-sizing: border-box;
  color: inherit;
  cursor: default;
  padding: 0 0 0 0.5ch;
  margin: 0;
  display: inline;
  font-size: inherit;
  font-family: inherit;
  font-weight: bold;
  line-height: inherit;
  height: initial;
  border: 0;
  border-radius: 0;
  vertical-align: initial;
}
.flatpickr-current-month input.cur-year:focus {
  outline: 0;
}
.flatpickr-current-month input.cur-year[disabled],
.flatpickr-current-month input.cur-year[disabled]:hover {
  font-size: 100%;
  /* color: rgba(0, 0, 0, 0.5); */
  color: #fff;
  -webkit-text-fill-color: #fff;
  -webkit-opacity: 1;
  background: transparent;
  pointer-events: none;
}
.flatpickr-weekdays {
  background: transparent;
  text-align: center;
  overflow: hidden;
}
.flatpickr-days,
.flatpickr-weeks {
  padding: 1px 0 0 0;
}
.flatpickr-days {
  padding: 0;
  outline: 0;
  text-align: left;
  width: 315px;
  box-sizing: border-box;
  display: inline-block;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: distribute;
  justify-content: space-around;
}
.flatpickr-day {
  background: none;
  border: 1px solid transparent;
  border-radius: 150px;
  box-sizing: border-box;
  color: #393939;
  cursor: pointer;
  font-weight: 400;
  width: 14.2857143%;
  -ms-flex-preferred-size: 14.2857143%;
  flex-basis: 14.2857143%;
  max-width: 40px;
  height: 40px;
  line-height: 40px;
  margin: 0;
  display: inline-block;
  position: relative;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
}
.flatpickr-day.inRange,
.flatpickr-day.prevMonthDay.inRange,
.flatpickr-day.nextMonthDay.inRange,
.flatpickr-day.today.inRange,
.flatpickr-day.prevMonthDay.today.inRange,
.flatpickr-day.nextMonthDay.today.inRange,
.flatpickr-day:hover,
.flatpickr-day.prevMonthDay:hover,
.flatpickr-day.nextMonthDay:hover,
.flatpickr-day:focus,
.flatpickr-day.prevMonthDay:focus,
.flatpickr-day.nextMonthDay:focus {
  cursor: pointer;
  outline: 0;
  background: #e6e6e6;
  border-color: #e6e6e6;
}
.flatpickr-day.today {
  border-color: #959ea9;
}
.flatpickr-day.today:hover,
.flatpickr-day.today:focus {
  border-color: #959ea9;
  background: #959ea9;
  color: #fff;
}
.flatpickr-day.selected,
.flatpickr-day.startRange,
.flatpickr-day.endRange,
.flatpickr-day.selected:focus,
.flatpickr-day.startRange:focus,
.flatpickr-day.endRange:focus,
.flatpickr-day.selected:hover,
.flatpickr-day.startRange:hover,
.flatpickr-day.endRange:hover,
.flatpickr-day.selected.prevMonthDay,
.flatpickr-day.startRange.prevMonthDay,
.flatpickr-day.endRange.prevMonthDay,
.flatpickr-day.selected.nextMonthDay,
.flatpickr-day.startRange.nextMonthDay,
.flatpickr-day.endRange.nextMonthDay {
  background: #569ff7;
  color: #fff;
  border-color: #569ff7;
}
.flatpickr-day.selected.startRange,
.flatpickr-day.startRange.startRange,
.flatpickr-day.endRange.startRange {
  border-radius: 50px 0 0 50px;
}
.flatpickr-day.selected.endRange,
.flatpickr-day.startRange.endRange,
.flatpickr-day.endRange.endRange {
  border-radius: 0 50px 50px 0;
}
.flatpickr-day.inRange {
  border-radius: 0;
  box-shadow: -5px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
}
.flatpickr-day.disabled,
.flatpickr-day.disabled:hover {
  pointer-events: none;
}
.flatpickr-day.disabled,
.flatpickr-day.disabled:hover,
.flatpickr-day.prevMonthDay,
.flatpickr-day.nextMonthDay,
.flatpickr-day.notAllowed,
.flatpickr-day.notAllowed.prevMonthDay,
.flatpickr-day.notAllowed.nextMonthDay {
  color: rgba(57, 57, 57, 0.3);
  background: transparent;
  border-color: transparent;
  cursor: default;
}
span.flatpickr-weekday {
  cursor: default;
  font-size: 90%;
  color: rgba(0, 0, 0, 0.54);
  height: 27.333333333333332px;
  line-height: 24px;
  background: transparent;
  text-align: center;
  display: block;
  float: left;
  width: 14.28%;
  font-weight: bold;
  margin: 0;
  padding-top: 3.333333333333333px;
}
.rangeMode .flatpickr-day {
  margin-top: 1px;
}
.flatpickr-weekwrapper {
  display: inline-block;
  float: left;
}
.flatpickr-weekwrapper .flatpickr-weeks {
  padding: 1px 12px 0 12px;
  box-shadow: 1px 0 0 #e6e6e6;
}
.flatpickr-weekwrapper .flatpickr-weekday {
  float: none;
  width: 100%;
}
.flatpickr-weekwrapper span.flatpickr-day {
  display: block;
  width: 100%;
  max-width: none;
}
.flatpickr-innerContainer {
  display: block;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  box-sizing: border-box;
  overflow: hidden;
}
.flatpickr-rContainer {
  display: inline-block;
  padding: 0;
  box-sizing: border-box;
}
.flatpickr-time {
  text-align: center;
  outline: 0;
  display: block;
  height: 0;
  line-height: 40px;
  max-height: 40px;
  box-sizing: border-box;
  overflow: hidden;
  -webkit-transition: height 0.33s cubic-bezier(0, 1, 0.5, 1);
  transition: height 0.33s cubic-bezier(0, 1, 0.5, 1);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.flatpickr-time:after {
  content: "";
  display: table;
  clear: both;
}
.flatpickr-time .numInputWrapper {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1 1 0%;
  width: 40%;
  height: 40px;
  float: left;
}
.flatpickr-time .numInputWrapper span.arrowUp:after {
  border-bottom-color: #393939;
}
.flatpickr-time .numInputWrapper span.arrowDown:after {
  border-top-color: #393939;
}
.flatpickr-time.hasSeconds .numInputWrapper {
  width: 26%;
}
.flatpickr-time.time24hr .numInputWrapper {
  width: 49%;
}
.flatpickr-time input {
  background: transparent;
  box-shadow: none;
  border: 0;
  border-radius: 0;
  text-align: center;
  margin: 0;
  padding: 0;
  height: inherit;
  line-height: inherit;
  cursor: pointer;
  color: #393939;
  font-size: 14px;
  position: relative;
  box-sizing: border-box;
}
.flatpickr-time input.flatpickr-hour {
  font-weight: bold;
}
.flatpickr-time input.flatpickr-minute,
.flatpickr-time input.flatpickr-second {
  font-weight: 400;
}
.flatpickr-time input:focus {
  outline: 0;
  border: 0;
}
.flatpickr-time .flatpickr-time-separator,
.flatpickr-time .flatpickr-am-pm {
  height: inherit;
  display: inline-block;
  float: left;
  line-height: inherit;
  color: #393939;
  font-weight: bold;
  width: 2%;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.flatpickr-time .flatpickr-am-pm {
  outline: 0;
  width: 18%;
  cursor: pointer;
  text-align: center;
  font-weight: 400;
}
.flatpickr-time .flatpickr-am-pm:hover,
.flatpickr-time .flatpickr-am-pm:focus {
  background: #f0f0f0;
}
.hasWeeks .flatpickr-days,
.hasTime .flatpickr-days {
  border-bottom: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.hasWeeks .flatpickr-days {
  border-left: 0;
}
@media all and (-ms-high-contrast: none) {
  .flatpickr-month {
    padding: 0;
  }
  .flatpickr-month svg {
    top: 0 !important;
  }
}
@-webkit-keyframes flatpickrFadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes flatpickrFadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.flatpickr-calendar {
  width: 280px;
}
.flatpickr-calendar.arrowTop:before {
  border-bottom-color: #cc2d30;
}
.flatpickr-calendar.arrowTop:after {
  border-bottom-color: #cc2d30;
}
.flatpickr-calendar.arrowBottom:before {
  border-top-color: #cc2d30;
}
.flatpickr-calendar.arrowBottom:after {
  border-top-color: #cc2d30;
}
.flatpickr-wrapper {
  position: relative;
  display: inline-block;
}
.flatpickr-month {
  background: #cc2d30;
  color: #fff;
  fill: #fff;
  font-family: "Trebuchet MS", "Helvetica", "Arial", sans-serif;
  height: 36px;
  overflow: hidden;
  border-radius: 5px 5px 0 0;
}
.flatpickr-prev-month:hover,
.flatpickr-next-month:hover {
  color: #fff;
  background: rgba(0, 0, 0, 0.2);
  box-shadow: 1px 1px 0px 9px rgba(0, 0, 0, 0.1), -1px -1px 0 9px rgba(0, 0, 0, 0.1);
}
.flatpickr-prev-month:hover svg,
.flatpickr-next-month:hover svg {
  fill: #fff;
}
.numInputWrapper span {
  opacity: 1;
}
.numInputWrapper span.arrowUp {
  top: 5px;
  border-bottom: 0;
}
.numInputWrapper span.arrowDown {
  top: 40%;
}
.flatpickr-current-month {
  font-size: 1.4rem;
}
.flatpickr-current-month span.cur-month {
  font-family: "Trebuchet MS", "Helvetica", "Arial", sans-serif;
}
.flatpickr-current-month .numInputWrapper span.arrowUp:after {
  border-bottom-color: #fff;
}
.flatpickr-current-month .numInputWrapper span.arrowDown:after {
  border-top-color: #fff;
}
.flatpickr-current-month input.cur-year {
  font-family: "Trebuchet MS", "Helvetica", "Arial", sans-serif;
}
.flatpickr-current-month input.cur-year:focus {
  outline: 0;
}
.flatpickr-current-month input.cur-year[disabled],
.flatpickr-current-month input.cur-year[disabled]:hover {
  color: #fff;
}
.flatpickr-current-month input.cur-year[disabled] + span,
.flatpickr-current-month input.cur-year[disabled] + span + span {
  display: none;
}
.flatpickr-days {
  width: 280px;
}
.flatpickr-day {
  border-radius: 0;
  font-family: "Arial", "Helvetica", sans-serif;
  width: 40px;
  height: 30px;
  line-height: 30px;
}
.flatpickr-day.inRange,
.flatpickr-day.prevMonthDay.inRange,
.flatpickr-day.nextMonthDay.inRange,
.flatpickr-day.today.inRange,
.flatpickr-day.prevMonthDay.today.inRange,
.flatpickr-day.nextMonthDay.today.inRange {
  cursor: pointer;
  outline: 0;
  background: #eefbff;
}
.flatpickr-day:hover,
.flatpickr-day:focus,
.flatpickr-day.prevMonthDay:hover,
.flatpickr-day.nextMonthDay:hover,
.flatpickr-day.prevMonthDay:focus,
.flatpickr-day.nextMonthDay:focus {
  cursor: pointer;
  outline: 0;
  background: #0072BC;
  color: #fff;
}
.flatpickr-day.today {
  color: #cc2d30;
  font-weight: bold;
  border-radius: 0;
  border-width: 0;
}
.flatpickr-day.today:hover,
.flatpickr-day.today:focus {
  color: #fff !important;
  border-radius: 0;
}
.flatpickr-day.selected,
.flatpickr-day.startRange,
.flatpickr-day.endRange,
.flatpickr-day.selected:focus,
.flatpickr-day.startRange:focus,
.flatpickr-day.endRange:focus,
.flatpickr-day.selected:hover,
.flatpickr-day.startRange:hover,
.flatpickr-day.endRange:hover,
.flatpickr-day.selected.prevMonthDay,
.flatpickr-day.startRange.prevMonthDay,
.flatpickr-day.endRange.prevMonthDay,
.flatpickr-day.selected.nextMonthDay,
.flatpickr-day.startRange.nextMonthDay,
.flatpickr-day.endRange.nextMonthDay {
  background: #0072BC;
  font-weight: 700;
  border-radius: 0;
}
.flatpickr-day.selected.startRange,
.flatpickr-day.startRange.startRange,
.flatpickr-day.endRange.startRange {
  border-radius: 0;
}
.flatpickr-day.selected.endRange,
.flatpickr-day.startRange.endRange,
.flatpickr-day.endRange.endRange {
  border-radius: 0;
}
.flatpickr-day.inRange {
  border-width: 0;
  box-shadow: none;
}
.flatpickr-day.prevMonthDay,
.flatpickr-day.nextMonthDay {
  background-color: transparent;
  color: rgba(57, 57, 57, 0.3);
}
.flatpickr-day.disabled,
.flatpickr-day.disabled:hover,
.flatpickr-day.notAllowed,
.flatpickr-day.notAllowed.prevMonthDay,
.flatpickr-day.notAllowed.nextMonthDay {
  background-color: #f7f7f7;
  border-radius: 0;
}
span.flatpickr-weekday {
  color: #fff;
  font-family: "Arial", "Helvetica", sans-serif;
  background: #cc2d30;
  width: 40px;
}
.flatpickr-input {
  font-family: "Arial", "Helvetica", sans-serif;
}
.calendar__wrap {
  position: relative;
}
.calendar__wrap:before {
  font-family: agent-icons;
  position: absolute;
  right: 10px;
  top: 12px;
  font-size: 1rem;
}
.btn--calendar-close {
  color: #cc2d30;
  border-color: #cc2d30;
  margin-top: 5px;
  margin-bottom: 5px !important;
}
.btn--calendar-close:hover {
  color: white;
  background-color: #cc2d30;
}

/*# sourceMappingURL=../../sourcemaps/assets/css/application.f77f0acdf3c6686bf5245716227ca014.css.map*/