@charset "UTF-8";
@keyframes fade-out {
  from {
    opacity: 1; }
  to {
    opacity: 0; } }

/*
 * Forgot password styles
 */
.forgotpassword-page .title {
  height: 24px;
  color: #5C6F78;
  font-family: "Nitti Grotesk";
  font-size: 24px;
  font-weight: 300;
  line-height: 24px;
  text-align: center; }

.forgotpassword-page .logo {
  display: block;
  height: 60px;
  text-align: center;
  margin: 30px auto 70px; }

.forgotpassword-page .card-container.card {
  max-width: 260px;
  padding: 30px 25px; }

.forgotpassword-page .card {
  padding: 27px 25px;
  margin: 21px auto;
  border: 1px solid #a5aeb3;
  border-radius: 5px; }

.forgotpassword-page .card-title {
  color: #2DDA86;
  font-family: "Mark OT";
  font-size: 16px;
  line-height: 24px;
  text-align: center;
  margin-bottom: 10px; }

.forgotpassword-page .card-error {
  color: #fff;
  font-family: "Mark OT";
  font-size: 16px;
  margin: 0 -25px 10px;
  padding: 5px 0;
  background: #d9534f;
  text-align: center; }

.forgotpassword-page .card-success {
  color: #fff;
  font-family: "Mark OT";
  font-size: 16px;
  margin: 0 -25px 10px;
  padding: 5px 0;
  background: #449d44;
  text-align: center; }

.forgotpassword-page .form-reset-pwd .form-group {
  margin-bottom: 10px;
  font-size: 14px;
  font-weight: 500; }

.forgotpassword-page .form-reset-pwd input {
  border: 1px solid #a5aeb3;
  border-radius: 5px;
  height: 30px; }

.forgotpassword-page .form-reset-pwd input::placeholder {
  color: #BBBCBD; }

.forgotpassword-page .btn-reset-pwd {
  width: 100%;
  height: 40px;
  border-radius: 15px;
  background-color: #19DD84;
  color: #FFFFFF;
  font-family: "Nitti Grotesk";
  font-size: 20px;
  font-weight: bold;
  letter-spacing: 2px;
  line-height: 18px;
  margin-top: 15px; }

.forgotpassword-page .btn-reset-pwd:hover {
  color: #fff; }

.forgotpassword-page .btn-back, .forgotpassword-page .home-page .btn-back:visited {
  height: 22px;
  width: 160px;
  opacity: 0.51;
  color: #5C6F78;
  font-family: "Nitti Grotesk";
  font-size: 15px;
  ine-height: 22px;
  text-decoration: underline; }

/*
 * Homepage styles
 */
.home-page .title {
  height: 24px;
  color: #5C6F78;
  font-family: "Nitti Grotesk";
  font-size: 24px;
  font-weight: 300;
  line-height: 24px;
  text-align: center; }

.home-page .logo {
  display: block;
  height: 60px;
  text-align: center;
  margin: 30px auto 70px; }

.home-page .card-container.card {
  max-width: 260px;
  padding: 30px 25px; }

.home-page .card {
  padding: 27px 25px;
  margin: 21px auto;
  border: 1px solid #a5aeb3;
  border-radius: 5px; }

.home-page .card-profile-img {
  width: 87px;
  height: 92px;
  margin: 0 auto 13px;
  display: block;
  font-size: 100px;
  color: #19DD84;
  text-align: center; }

.home-page .card-title {
  color: #2DDA86;
  font-family: "Mark OT";
  font-size: 16px;
  line-height: 24px;
  text-align: center;
  margin-bottom: 10px; }

.home-page .card-error {
  color: #fff;
  font-family: "Mark OT";
  font-size: 16px;
  margin: 0 -25px 10px;
  padding: 5px 0;
  background: #d9534f;
  text-align: center; }

.home-page .form-login .form-group {
  margin-bottom: 10px;
  font-size: 14px;
  font-weight: 500; }

.home-page .form-login input {
  border: 1px solid #a5aeb3;
  border-radius: 5px;
  height: 30px; }

.home-page .form-login input::placeholder {
  color: #BBBCBD; }

.home-page .btn-login {
  width: 100%;
  height: 40px;
  border-radius: 15px;
  background-color: #19DD84;
  color: #FFFFFF;
  font-family: "Nitti Grotesk";
  font-size: 20px;
  font-weight: bold;
  letter-spacing: 2px;
  line-height: 18px;
  margin-top: 15px; }
  .home-page .btn-login:focus {
    outline: none; }
  .home-page .btn-login:hover {
    color: #fff; }
  .home-page .btn-login[disabled] {
    background-color: gray; }

.home-page .btn-forgot-password, .home-page .btn-forgot-password:visited {
  height: 22px;
  width: 160px;
  opacity: 0.51;
  color: #5C6F78;
  font-family: "Nitti Grotesk";
  font-size: 15px;
  ine-height: 22px;
  text-decoration: underline; }

/*
 * Policies list page styles
 */
.leadslist-page .md-calendar-day-header {
  color: white;
  background-color: #19DD84 !important; }

.leadslist-page td[aria-selected="true"] .md-calendar-date-selection-indicator {
  background-color: #19DD84 !important; }

.leadslist-page .md-select-menu-container {
  z-index: 2001; }

.leadslist-page .container .container-filters {
  display: flex;
  flex-direction: row;
  justify-content: space-evenly;
  align-items: baseline;
  min-width: 1190px; }
  .leadslist-page .container .container-filters .md-select-value .md-text {
    text-transform: capitalize !important; }
  .leadslist-page .container .container-filters > div {
    display: inline-block;
    min-height: 26px;
    padding-bottom: 24px;
    min-width: 150px; }
    .leadslist-page .container .container-filters > div.search-by-keyword {
      padding-bottom: 0;
      position: relative;
      top: -2px; }
      .leadslist-page .container .container-filters > div.search-by-keyword > md-input-container {
        display: block;
        margin: 0;
        min-width: 230px;
        padding-left: 0px; }
        .leadslist-page .container .container-filters > div.search-by-keyword > md-input-container .clear-search {
          font-size: 10px;
          color: #87949A;
          position: absolute;
          top: 10px;
          right: 5px; }
    .leadslist-page .container .container-filters > div.datepicker {
      position: relative;
      top: -2px; }
    .leadslist-page .container .container-filters > div.search-button {
      align-self: center;
      padding-bottom: 14px; }
      .leadslist-page .container .container-filters > div.search-button button {
        font-size: 15px;
        min-height: 26px;
        min-width: 92px;
        padding: 2px 0px; }
    .leadslist-page .container .container-filters > div.clear-button {
      position: relative; }
      .leadslist-page .container .container-filters > div.clear-button button {
        position: absolute;
        top: 27px;
        right: 175px;
        border: none;
        background-color: inherit;
        font-family: "Nitti Grotesk";
        font-size: 15px;
        color: #BFBFBF;
        cursor: pointer;
        display: inline-block;
        text-transform: none;
        padding: 0;
        min-width: 0;
        letter-spacing: 0; }
        .leadslist-page .container .container-filters > div.clear-button button:hover {
          cursor: pointer;
          color: #333; }
    .leadslist-page .container .container-filters > div.filter-rating {
      align-self: center;
      padding-bottom: 35px;
      padding-left: 40px; }
      .leadslist-page .container .container-filters > div.filter-rating .filter-rating-label {
        color: #87949A;
        font-size: 12px;
        font-family: "Nitti Grotesk";
        padding-bottom: 5px; }
  .leadslist-page .container .container-filters md-datepicker > button.md-datepicker-button {
    display: none; }
  .leadslist-page .container .container-filters .md-datepicker-input {
    min-width: 90px; }

.leadslist-page .filter-label {
  line-height: 26px; }

.leadslist-page .title h1 {
  display: inline-block; }

.leadslist-page .title create-policy-btn {
  float: right; }

.leadslist-page .label {
  color: #87949A;
  font-family: "Nitti Grotesk";
  font-weight: 500;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: 1px;
  padding: 0; }

.lead-row:hover .rce-button {
  display: block;
  position: absolute;
  right: 20px;
  bottom: 9px; }
  .lead-row:hover .rce-button button {
    padding: 0 30px;
    font-size: 15px;
    min-height: 32px; }

.lead-row .rce-button {
  display: none;
  padding-left: 20px; }

.lead-row .lead-col {
  position: relative; }

/*
 * Policies list page styles
 */
.policieslist-page .md-calendar-day-header {
  color: white;
  background-color: #19DD84 !important; }

.policieslist-page td[aria-selected="true"] .md-calendar-date-selection-indicator {
  background-color: #19DD84 !important; }

.policieslist-page .md-select-menu-container {
  z-index: 2001; }

.policieslist-page .container .container-filters {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  align-items: baseline;
  min-width: 1190px; }
  .policieslist-page .container .container-filters .md-select-value .md-text {
    text-transform: capitalize !important; }
  .policieslist-page .container .container-filters > div {
    display: inline-block;
    min-height: 26px;
    padding-bottom: 24px;
    min-width: 100px; }
    .policieslist-page .container .container-filters > div.fix-width-field {
      width: 120px; }
    .policieslist-page .container .container-filters > div.search-by-keyword {
      padding-bottom: 0;
      position: relative;
      top: -2px; }
      .policieslist-page .container .container-filters > div.search-by-keyword > md-input-container {
        display: block;
        margin: 0;
        min-width: 200px;
        padding-left: 0px; }
        .policieslist-page .container .container-filters > div.search-by-keyword > md-input-container .clear-search {
          font-size: 10px;
          color: #87949A;
          position: absolute;
          top: 10px;
          right: 5px; }
    .policieslist-page .container .container-filters > div > .datepicker {
      display: flex;
      margin-top: 5px; }
      .policieslist-page .container .container-filters > div > .datepicker .datepicker-divider {
        color: #87949A;
        padding: 0 10px; }
      .policieslist-page .container .container-filters > div > .datepicker .md-icon-button + .md-datepicker-input-container {
        margin: 0; }
    .policieslist-page .container .container-filters > div.search-button {
      align-self: center;
      padding-bottom: 14px; }
      .policieslist-page .container .container-filters > div.search-button button {
        font-size: 15px;
        min-height: 26px;
        min-width: 92px;
        padding: 2px 0px; }
    .policieslist-page .container .container-filters > div.clear-button {
      position: relative;
      min-width: 40px; }
      .policieslist-page .container .container-filters > div.clear-button button {
        position: absolute;
        top: 27px;
        border: none;
        background-color: inherit;
        font-family: "Nitti Grotesk";
        font-size: 15px;
        color: #BFBFBF;
        display: inline-block;
        text-transform: none;
        padding: 0;
        min-width: 0;
        letter-spacing: 0; }
        .policieslist-page .container .container-filters > div.clear-button button:hover {
          cursor: pointer;
          color: #333; }
    .policieslist-page .container .container-filters > div.filter-rating {
      align-self: center;
      padding-bottom: 35px;
      z-index: 0; }
      .policieslist-page .container .container-filters > div.filter-rating .filter-rating-label {
        color: #87949A;
        font-size: 12px;
        font-family: "Nitti Grotesk";
        padding-bottom: 5px; }
    .policieslist-page .container .container-filters > div.filter-status {
      z-index: 0; }
  .policieslist-page .container .container-filters md-datepicker > button.md-datepicker-button {
    display: none; }
  .policieslist-page .container .container-filters .md-datepicker-input {
    min-width: 90px; }

.policieslist-page .filter-label {
  line-height: 26px; }

.policieslist-page .title h1 {
  display: inline-block; }

.policieslist-page .title create-policy-btn {
  float: right; }

.policieslist-page .label {
  color: #87949A;
  font-family: "Nitti Grotesk";
  font-weight: 500;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: 1px;
  padding: 0; }

.no-results-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 80px; }
  .no-results-container .no-results-title {
    font-size: 36px;
    color: #87949A; }
  .no-results-container .no-results-message {
    font-size: 16px;
    color: #404040; }

/*
 * notifications list styles
 */
.notificationslist-page .filter-favorites md-input-container {
  border-bottom: 1px solid #eee; }
  .notificationslist-page .filter-favorites md-input-container md-checkbox {
    margin-bottom: 6px;
    width: 100%; }
  .notificationslist-page .filter-favorites md-input-container .md-label {
    float: left; }

.notificationslist-page ul.notifications-list {
  margin: 0 10px;
  list-style-type: none; }
  .notificationslist-page ul.notifications-list li {
    border-top: 1px solid #E5E5E5;
    border-bottom: 1px solid #fff;
    position: relative; }
    .notificationslist-page ul.notifications-list li .notification-body {
      padding: 24px 100px 24px 80px;
      color: #929292;
      font-family: "Nitti Grotesk";
      font-size: 20px;
      font-weight: 300;
      border-left: 20px solid #EBEBEB; }
    .notificationslist-page ul.notifications-list li .published-date {
      color: #5C6F78;
      font-family: "Nitti Grotesk";
      font-size: 16px;
      font-weight: 300;
      line-height: 17px;
      margin-bottom: 20px; }
    .notificationslist-page ul.notifications-list li .add-to-favorite {
      cursor: pointer;
      outline: none;
      box-sizing: border-box;
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      right: 20px;
      width: 60px;
      height: 60px;
      border: 3px solid #F5F5F5;
      border-radius: 30px;
      text-align: center;
      font-size: 40px;
      line-height: 56px;
      color: #CFCFCF; }
      .notificationslist-page ul.notifications-list li .add-to-favorite.favorite {
        color: #FFEB7F;
        border-color: #FFEB7F; }
    .notificationslist-page ul.notifications-list li.unread {
      margin-top: -1px; }
      .notificationslist-page ul.notifications-list li.unread .notification-body {
        border-left-color: #765BF4; }
    .notificationslist-page ul.notifications-list li:last-child {
      border-bottom: 1px solid #E5E5E5; }

@media screen and (min-width: 1500px) {
  .notificationslist-page ul.notifications-list {
    margin: 0 120px; } }

.pendingpolicies-page .title h1 {
  display: inline-block; }

.pendingpolicies-page .title create-policy-btn {
  float: right; }

.pending-table-container {
  margin: auto; }
  @media (max-width: 1024px) {
    .pending-table-container {
      width: 900px; } }
  .pending-table-container .pending-table-position {
    position: relative;
    overflow: auto;
    min-height: 200px; }
    .pending-table-container .pending-table-position .sticky-col {
      width: 150px;
      right: 0px;
      box-shadow: inset 2px 0px 3px #E5E5E5; }
      @media (max-width: 1024px) {
        .pending-table-container .pending-table-position .sticky-col {
          position: -webkit-sticky;
          position: sticky; } }
    .pending-table-container .pending-table-position .odd-background {
      background-color: #F9F9F9; }
    .pending-table-container .pending-table-position .even-background {
      background-color: #FFFFFF; }
  .pending-table-container .clickable-email {
    color: #337ab7;
    font-size: 15px; }
    .pending-table-container .clickable-email:hover {
      color: #23527c;
      text-decoration: underline; }
  .pending-table-container .button-link {
    font-family: "Nitti Grotesk";
    font-size: 20px;
    font-weight: 100;
    letter-spacing: -1px;
    cursor: pointer;
    text-transform: none;
    background: none;
    border: none;
    margin: 0;
    padding: 0; }
  .pending-table-container .action-button {
    color: #87949A;
    font-size: 12px;
    font-weight: bold;
    line-height: 12px;
    text-transform: uppercase; }
    .pending-table-container .action-button .fa-caret-down {
      padding-left: 5px; }
  .pending-table-container .hide-button {
    min-height: 0px; }
  .pending-table-container .action-modal-container {
    position: relative; }
    .pending-table-container .action-modal-container .action-modal {
      position: absolute;
      right: 0px;
      width: 223px;
      border: 0.5px solid #E5E5E5;
      box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.25), 1px 1px 2px rgba(0, 0, 0, 0.2);
      border-radius: 0px 0px 4px 4px;
      background: #FFFFFF; }
      .pending-table-container .action-modal-container .action-modal .action-modal-text {
        font-family: 'Mark OT';
        font-size: 14px;
        line-height: 18px;
        color: #404040;
        padding-left: 5px; }
      .pending-table-container .action-modal-container .action-modal .action-modal-row {
        padding: 5px 10px; }
        .pending-table-container .action-modal-container .action-modal .action-modal-row:hover {
          background: #F8F8F8; }

/*
* Policy details styles
*/
md-option[ng-repeat="org in organizations"] {
  text-transform: inherit;
  font-size: 16px !important; }

.policydetails-page {
  font-family: "Mark OT"; }
  .policydetails-page.portal-page .page-container {
    margin: 0; }
    .policydetails-page.portal-page .page-container md-input-container.policy-terms-section {
      margin-top: 120px;
      padding-left: 30px;
      max-width: 500px;
      visibility: hidden; }
      .policydetails-page.portal-page .page-container md-input-container.policy-terms-section.has-multiple-terms > .policy-term-label {
        margin-bottom: 30px;
        font-size: 30px;
        color: black; }
      .policydetails-page.portal-page .page-container md-input-container.policy-terms-section.has-multiple-terms {
        visibility: visible;
        margin-top: 150px; }
    .policydetails-page.portal-page .page-container md-select-menu {
      margin-top: 45px; }
  .policydetails-page md-select-value.md-select-placeholder {
    color: black;
    font-size: 20px;
    font-weight: 400; }
  .policydetails-page md-select-value span {
    text-transform: inherit; }
  .policydetails-page md-option {
    font-size: 13px; }
  .policydetails-page .form-group.alert {
    padding: 0;
    border: 0; }
  .policydetails-page .edit-field-button {
    padding: 10px 15px;
    width: 100px;
    margin-left: 10px; }
  .policydetails-page .form-control-actions {
    position: absolute;
    top: 0;
    right: -300px; }
  .policydetails-page mh-policy-detail-update-phone input,
  .policydetails-page mh-policy-detail-update-secondary-phone input,
  .policydetails-page mh-policy-detail-update-email input {
    margin-left: 15px;
    color: #555;
    background-color: rgba(255, 255, 255, 0);
    display: inline-block; }
    .policydetails-page mh-policy-detail-update-phone input.editing,
    .policydetails-page mh-policy-detail-update-secondary-phone input.editing,
    .policydetails-page mh-policy-detail-update-email input.editing {
      font-size: 20px;
      letter-spacing: -1px;
      border: none;
      outline: none; }
  .policydetails-page mh-policy-detail-update-phone span.error-message,
  .policydetails-page mh-policy-detail-update-secondary-phone span.error-message,
  .policydetails-page mh-policy-detail-update-email span.error-message {
    color: #a94442;
    position: absolute;
    top: 28px;
    left: 30px; }
  .policydetails-page mh-policy-detail-update-phone .readonly, .policydetails-page mh-policy-detail-update-phone .is-editing,
  .policydetails-page mh-policy-detail-update-secondary-phone .readonly,
  .policydetails-page mh-policy-detail-update-secondary-phone .is-editing,
  .policydetails-page mh-policy-detail-update-email .readonly,
  .policydetails-page mh-policy-detail-update-email .is-editing {
    display: inline-block;
    float: right; }
  .policydetails-page mh-policy-detail-update-email input.editing {
    border-bottom: 1px solid #999999; }
  .policydetails-page .policy-navigation {
    padding: 0; }
  .policydetails-page .policy-navigation > li > span {
    line-height: 90px;
    font-size: 35px;
    letter-spacing: -1px;
    color: #000000;
    text-decoration: none;
    border-bottom: 1px solid #E5E5E5;
    display: block; }
  .policydetails-page .policy-navigation > li > span > i {
    padding: 0 32px;
    font-size: 22px; }
  .policydetails-page .policy-navigation > li > span > i.ion-close-round {
    padding: 0 33px;
    font-size: 19px; }
  .policydetails-page .workflow-page input.with-edit-button {
    display: inline-block;
    width: 300px; }
  .policydetails-page .workflow-page .hp-field-button {
    text-align: right; }
    .policydetails-page .workflow-page .hp-field-button button {
      background-color: #19DD84;
      border: none;
      color: white;
      font-weight: 600;
      font-size: 12px; }
  .policydetails-page .panel-heading {
    width: 850px;
    display: inline-block;
    position: relative; }
    .policydetails-page .panel-heading .panel-heading-title {
      width: 630px; }
    .policydetails-page .panel-heading .panel-heading-actions {
      display: inline-block;
      position: absolute;
      top: 20px;
      right: -129px; }
      .policydetails-page .panel-heading .panel-heading-actions button {
        font-size: 14px;
        font-weight: normal;
        height: 37px;
        padding: 10px 15px;
        width: 100px; }
  .policydetails-page .formly-label {
    width: 330px; }
  .policydetails-page .workflow-page .hp-field-producer_effective_date {
    min-height: 55px; }
    .policydetails-page .workflow-page .hp-field-producer_effective_date .button-control {
      display: inline-block;
      transform: translateY(-55%);
      float: right; }
      .policydetails-page .workflow-page .hp-field-producer_effective_date .button-control button {
        padding: 12px 0px;
        margin-left: 20px;
        height: 39px;
        width: 120px; }
      @media (min-width: 992px) {
        .policydetails-page .workflow-page .hp-field-producer_effective_date .button-control {
          transform: translateY(-10%); } }
    .policydetails-page .workflow-page .hp-field-producer_effective_date .edit-result-message {
      color: #0993F4;
      margin: 5px 0 5px 15px;
      display: block; }
      .policydetails-page .workflow-page .hp-field-producer_effective_date .edit-result-message.error {
        color: #a94442; }
  .policydetails-page .workflow-page .premium-change-message {
    margin: 5px 0 10px 15px;
    color: #0993F4; }
  .policydetails-page .workflow-page .policy-organization {
    width: 100%;
    padding-left: 15px;
    color: #555;
    letter-spacing: -1px; }
    .policydetails-page .workflow-page .policy-organization span.readonly-value {
      font-size: 20px;
      line-height: 37px; }
    .policydetails-page .workflow-page .policy-organization md-select {
      display: inline-block;
      margin: 0;
      margin-top: 5px;
      width: 250px;
      font-size: 18px;
      color: #555;
      padding: 0; }
    .policydetails-page .workflow-page .policy-organization md-option {
      letter-spacing: -1px; }
    .policydetails-page .workflow-page .policy-organization button {
      margin-left: 10px;
      padding: 10px 15px;
      width: 120px;
      float: right; }
  .policydetails-page .workflow-page {
    background: #EBFFF6;
    padding-left: 72px;
    padding-bottom: 40px; }
  .policydetails-page .workflow-page > .row {
    margin: 0; }
  .policydetails-page .workflow-page .panel {
    background: none;
    border: none;
    box-shadow: none;
    margin: 0;
    padding: 0 70px 20px 0; }
  .policydetails-page .workflow-page .panel-heading {
    font-size: 22px;
    font-weight: bold;
    padding-top: 30px; }
  .policydetails-page .workflow-page .panel-body {
    padding: 0; }
  .policydetails-page .workflow-page .control-label {
    width: 100%;
    font-size: 20px;
    font-weight: normal;
    line-height: 32px; }
  .policydetails-page .workflow-page .control-label p {
    margin: 0; }
  .policydetails-page .workflow-page .cBtn-info {
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -10px;
    height: 18px; }
  .policydetails-page .workflow-page [field-key="effective_date"] .formly-control {
    max-width: 670px; }
  .policydetails-page .workflow-page [field-key="resend_agreement_button"] .formly-control {
    max-width: 525px; }
  .policydetails-page .workflow-page .formly-form-field:not([field-key="checkout_data.customer_approval_link"]):not([field-key="property_data.zillow.url"]):not([field-key="effective_date"]):not([field-key="edit-mortgage-list"]):not([field-key="resend_agreement_button"]) > .formly-control {
    max-width: 350px; }
  .policydetails-page .workflow-page [field-style-id="checkout_data.customer_approval_link"] .formly-control {
    max-width: none; }
  .policydetails-page .workflow-page .form-control {
    background: none;
    border: none;
    border-bottom: 1px solid black;
    border-radius: 0;
    padding: 7px;
    letter-spacing: -1px;
    font-size: 20px;
    line-height: 32px;
    height: 32px;
    position: relative;
    box-shadow: none;
    outline: none; }
    .policydetails-page .workflow-page .form-control[disabled], .policydetails-page .workflow-page .form-control[readonly="readOnly"], .policydetails-page .workflow-page .form-control.form-control-toggle, .policydetails-page .workflow-page .form-control.form-control-cc {
      background: none;
      border: none;
      padding: 0; }
  .policydetails-page .workflow-page .hp-field-url a {
    background-color: #19DD84;
    color: #FFF;
    border-radius: 36px;
    min-width: 115px;
    font-family: "Nitti Grotesk";
    font-size: 20px;
    line-height: 40px;
    font-weight: bold;
    display: inline-block;
    letter-spacing: 2px;
    text-transform: uppercase;
    text-align: center;
    text-decoration: none;
    top: -5px;
    position: relative; }
  .policydetails-page .workflow-page .form-section .form-group {
    padding: 15px 0 15px 15px;
    margin-bottom: 0;
    border-bottom: 1px solid #E5E5E5; }
  .policydetails-page .workflow-page .form-section .form-control {
    margin-left: 15px; }
  .policydetails-page .workflow-page .form-section .hippo-toggle-wrapper input.cmn-toggle-round-flat + label {
    left: 2px;
    top: 4px; }
  .policydetails-page .workflow-page .grid-section .form-group {
    border-bottom: none;
    margin-bottom: 0px; }
  .policydetails-page .workflow-page .grid-section .form-control {
    font-size: 20px;
    height: 32px; }
  .policydetails-page .workflow-page .grid-section table {
    margin: 0 6px; }
  .policydetails-page .workflow-page .grid-section table th {
    font-size: 24px;
    line-height: 50px;
    font-weight: normal;
    border-bottom: 1px solid #E5E5E5;
    padding: 0 8px; }
  .policydetails-page .workflow-page .grid-section table th .cBtn-info {
    position: relative;
    top: 2px; }
  .policydetails-page .workflow-page .grid-section table td {
    border-bottom: 1px solid #E5E5E5; }
  .policydetails-page .policy-footer {
    margin: 20px 0; }
  .policydetails-page .policy-footer .btn-close {
    background-color: #f1f4f8;
    color: #000;
    border: solid 1px #5c6f78;
    border-radius: 36px;
    font-family: "Nitti Grotesk";
    font-size: 20px;
    letter-spacing: 2px;
    text-decoration: none; }
  .policydetails-page .workflow-page .hp-field-url [ng-model="model.property_data.zillow.url"], .policydetails-page .workflow-page .hp-field-url [ng-model="model.property_data.zillow.url"] a {
    background: none;
    color: #555;
    font-weight: normal;
    font-family: "Mark OT";
    text-transform: none;
    letter-spacing: -1px;
    text-decoration: underline; }
  .policydetails-page .workflow-page .hp-field-url [ng-model="model.property_data.zillow.url"] a:after {
    display: block;
    height: 20px;
    width: 20px;
    position: absolute;
    content: '[➚]';
    font-size: 15px;
    margin-top: -40px;
    right: -25px; }

/*
 * Portal General styles
 */
.portal-page {
  /* List filters component */ }
  .portal-page .backdrop {
    position: fixed;
    top: 0;
    background-color: black;
    height: 100%;
    width: 100%;
    z-index: 1000;
    display: none;
    opacity: 0.35; }
  .portal-page .title {
    color: #000;
    font-size: 35px;
    margin: 0 0 30px;
    font-family: "Mark OT";
    letter-spacing: -1px;
    line-height: 55px;
    font-weight: 500; }
  .portal-page .table.table-hippo {
    font-family: "Nitti Grotesk";
    color: #5C6F78; }
  .portal-page .table.table-hippo tr {
    height: 50px; }
  .portal-page .table-striped.table-hippo > tbody > tr:nth-of-type(odd) {
    background-color: #F9F9F9; }
  .portal-page .table.table-hippo thead tr th, .portal-page .table.table-hippo tbody tr td {
    vertical-align: middle;
    padding: 8px 20px; }
  .portal-page .table.table-hippo thead tr th {
    border: 1px solid #E5E5E5;
    font-size: 15px; }
  .portal-page .table.table-hippo tbody tr {
    border: 1px solid #E5E5E5;
    font-size: 20px;
    font-weight: 100;
    letter-spacing: -1px; }

/* Create button */
.btn.btn-create {
  background: center #19DD84;
  border-radius: 40px;
  color: #fff;
  font-size: 20px;
  font-family: "Nitti Grotesk";
  letter-spacing: 2px;
  line-height: 40px;
  min-width: 230px;
  padding: 0 15px 0 15px;
  font-weight: 800; }

.btn.btn-download {
  background: #19DD84;
  border-radius: 20px;
  color: #fff;
  font-size: 16px;
  font-family: "Nitti Grotesk";
  letter-spacing: 1px;
  line-height: 30px;
  padding: 0 15px 0 15px;
  font-weight: 500;
  margin-top: 10px; }

.btn:focus.btn-download:focus {
  outline: none; }

/* List filters component */
.container-filters md-select, .container-filters md-input-container {
  margin: 0 0 20px; }

/* Pagination component */
.container-pagination {
  float: right;
  margin-top: -10px; }

.popover-contact-us {
  border-radius: 3px;
  box-shadow: none;
  border-color: #d8dad9;
  max-width: 420px;
  width: 340px; }

.popover-contact-us .btn-close {
  position: absolute;
  top: 4px;
  right: 5px; }

.popover-contact-us.bottom > .arrow {
  top: -10px;
  border-bottom-width: 10px; }

/* ==========================================================================
   STRUCTURE -legacy from agent portal - to be removed
   ========================================================================== */
.wrapper {
  width: 100%;
  min-width: 640px;
  padding-top: 100px;
  margin: 0 auto;
  box-sizing: border-box;
  overflow: auto; }

/*.barTop{width:100%;height: 48px;position: relative; padding:0px 15px 0px 0px; box-sizing: border-box;}*/
.section-left {
  width: 17%;
  position: fixed;
  top: 100px;
  bottom: 0px;
  overflow: auto;
  z-index: 10;
  box-sizing: border-box; }

.middleContainer {
  width: 83%;
  position: fixed;
  top: 100px;
  bottom: 0px;
  box-sizing: border-box;
  margin-left: 17%; }

.containerSection-top {
  width: 100%;
  height: 40px; }

.containerSection-left {
  width: 66%;
  height: 100%;
  float: left;
  box-sizing: border-box;
  overflow: auto; }

.containerSection-left.fullW {
  width: 100%; }

.containerSection-right {
  width: 34%;
  float: left;
  box-sizing: border-box;
  overflow: auto; }

/* ==========================================================================
   END STRUCTURE
   ========================================================================== */
/*.containerSection-left table.cTable{margin-bottom:10px;}*/
.hippo-workflow h1 {
  font-family: MarkOT;
  font-size: 24px;
  font-weight: normal;
  line-height: 1.25;
  letter-spacing: -0.7px;
  color: #000000;
  margin: 24px 0px 18px 15px; }

.hippo-workflow .panel.hippo-panel {
  background-color: #ffffff;
  border: solid 1px #e3e3e3;
  margin: 0px 0px 36px 0px; }

.hippo-workflow .panel.hippo-panel .panel-heading {
  height: 30px;
  line-height: 30px;
  box-sizing: content-box;
  display: block;
  padding: 12px 0px 3px 24px;
  font-family: MarkOT-bold;
  font-size: 16px;
  /* line-height: 1.88; */
  letter-spacing: -0.5px;
  color: #555555;
  font-style: normal;
  font-stretch: normal;
  font-weight: bold; }

.hippo-workflow .panel.hippo-panel .panel-body {
  padding: 0px 0px 0px 0px; }

.hippo-workflow .panel .form-group {
  min-height: 38px;
  border-top: 1px solid #DCDCDC;
  padding: 0px 0 0px 0;
  margin: 0px 0px 1px 0px;
  border-radius: 0; }

.hippo-workflow .panel .form-group .row {
  margin: 0px 0px 0px 0px;
  padding: 0px;
  min-height: 38px; }

.hippo-workflow .panel .form-group .row > label,
.hippo-workflow .panel .form-group .row > div {
  min-height: 38px; }

.hippo-workflow .panel .form-group .row > div {
  padding: 0px; }

.hippo-workflow .panel .form-group .checkbox {
  margin: 0px 0px 0px 0px; }

.hippo-workflow .panel .form-group .checkbox label span,
.hippo-workflow .panel .form-group .control-label {
  font-family: 'Lato', sans-serif;
  font-size: 13px;
  color: #5c6f78;
  font-weight: normal;
  letter-spacing: -0.5px;
  margin: 0px;
  line-height: 16px;
  min-height: 38px;
  padding: 10px 10px 10px 24px;
  word-break: break-word;
  width: 100%;
  position: static;
  /* position:relative; */
  border-right: 1px solid #DCDCDC; }

.hippo-workflow .panel .form-group .cBtn-info {
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -10px;
  height: 18px; }

table th .cBtn-info {
  position: relative;
  top: 2px; }

.hippo-workflow .panel .form-group .form-control {
  height: 38px;
  background-color: transparent;
  font-family: MarkOT;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: -0.6px;
  color: #555555;
  border: none;
  outline: none;
  border-radius: 0;
  cursor: text;
  box-shadow: none; }

.hippo-workflow .panel .form-group .form-control[disabled] {
  background: none; }

.hippo-workflow .panel .form-group p {
  margin: 0px; }

.hippo-workflow .panel .form-group.iconCircle label:before {
  content: '';
  position: absolute;
  top: 14px;
  left: 8px;
  width: 8px;
  height: 8px;
  border-radius: 4px; }

.hippo-workflow .panel .form-group.iconCircle.info label:before {
  background-color: #7c5bf4;
  opacity: 0.7; }

.hippo-workflow .panel .form-group.iconCircle.warning label:before {
  background-color: #58a1f8; }

.hippo-workflow .panel .form-group.iconCircle.alert label:before {
  background-color: #F44336; }

.hippo-workflow .panel .form-group.iconCircle.alert.is-warning-error label:before {
  background-color: orange; }

.hippo-workflow .panel .form-group input[type="checkbox"] {
  margin: 9px 0px 0px 12px !important; }

.hippo-workflow .panel .form-group button {
  float: right;
  margin-top: 4px;
  margin-right: 24px; }

.hippo-workflow .panel .form-group .btn-primary {
  background: #7c5bf4;
  border-color: #7c5bf4; }

.hippo-workflow .panel .form-group.hp-field-select .form-control {
  padding: 6px 12px 6px 9px; }

.hippo-workflow table.cTable tr th {
  padding: 0px 20px 0px 24px;
  font-family: 'Lato', sans-serif;
  font-size: 13px;
  color: #5c6f78;
  text-align: left;
  font-weight: normal;
  border: 1px solid #f8f8f8;
  white-space: nowrap;
  height: 38px;
  vertical-align: middle; }

.hippo-workflow table.cTable tr th.sortable {
  cursor: pointer;
  position: relative; }

.hippo-workflow table.cTable tr th.sortable .sort-order {
  position: absolute;
  top: 10px;
  right: 5px; }

.hippo-workflow table.cTable tr td {
  padding: 0px;
  /*padding: 0px 20px 0px 24px;*/
  font-family: MarkOT;
  border: 1px solid #f8f8f8;
  font-size: 16px;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.5;
  letter-spacing: -0.6px;
  color: #555555; }

.hippo-workflow table.cTable tr td .error-messages {
  margin: 0px; }

.hippo-workflow table.cTable .form-group {
  padding: 0px; }

.hippo-workflow table.cTable .form-group .form-control {
  padding: 0px 20px 0px 24px;
  /*padding:0px 5px 0px 5px;*/
  width: auto;
  min-width: 100%; }

.hippo-workflow table.cTable .form-group textarea.form-control {
  padding-top: 7px;
  border: none;
  height: 34px;
  resize: both;
  box-shadow: 0px 0px 0px rgba(0, 0, 0, 0); }

.hippo-workflow table.cTable .form-group textarea.form-control:disabled {
  resize: none !important; }

.hippo-workflow table.cTable .form-group .form-control[type=number] {
  width: 85px; }

.hippo-workflow table.cTable .form-group select {
  /*margin-left:-8px;*/ }

.hippo-workflow table.cTable .form-group.isDisabled select {
  /*padding:0px 0px 0px 8px;*/ }

.hippo-workflow table.cTable tr td.actionCol {
  text-align: center;
  vertical-align: middle; }

.hippo-workflow table.cTable .actionBtn {
  display: block;
  padding: 0px 2px 0px 2px;
  margin-bottom: 10px;
  cursor: pointer; }

.hippo-workflow table.cTable .glyphicon-remove {
  color: #F44336; }

.hippo-workflow table.cTable .actionBtn:last-child {
  margin-bottom: 0px; }

.hippo-workflow table.cTable .hp-field-checkbox {
  text-align: center; }

.hippo-workflow table.cTable .hp-field-checkbox input[type="checkbox"] {
  margin: 9px 0px 0px 0px !important; }

.hippo-workflow table.cTable .hp-field-uploadfile {
  text-align: center; }

.containerSection-right {
  height: 100%;
  box-sizing: border-box; }

/* Hover and disabled states */
/*.hippo-workflow .cTable tr td:hover{background:#fbfbfb;}*/
.hippo-workflow .panel .form-group:hover {
  background: #fbfbfb; }

.hippo-workflow .panel .form-group.isFocus2 {
  background-color: #f9f8fe !important;
  box-shadow: 0px 1px 0px 0px #7c5bf4;
  /* border-bottom: 1px solid #7c5bf4;*/
  outline: none;
  box-sizing: border-box; }

.hippo-workflow .panel .isFocus2 .isFocus2 {
  background: none !important;
  box-shadow: none !important; }

.isDisabled {
  cursor: initial; }

.isDisabled.form-group select {
  -webkit-appearance: none;
  appearance: none; }

/* ==========================================================================
   END SECTION - MIDDLE CONTAINER
   ========================================================================== */
/* ==========================================================================
   SECTION - RIGHT SIDEBAR
   ========================================================================== */
.containerSection-right {
  background-color: #ffffff;
  overflow-x: hidden; }

.containerSection-right .panel-group {
  margin: 0px 0px 0px 0px;
  border: 0px; }

.containerSection-right .panel {
  width: 100%;
  box-sizing: border-box;
  border-top: 3px solid #DCDCDC; }

.containerSection-right .panel .panel-heading {
  padding: 0px 0px 0px 0px;
  width: 100%;
  height: 40px;
  border-bottom: 1px solid #e3e3e3;
  background-color: #ffffff;
  box-sizing: border-box;
  position: relative;
  font-family: MarkOT;
  font-size: 16px;
  line-height: 40px;
  letter-spacing: -0.5px;
  color: #555555;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal; }

.containerSection-right .panel .panel-heading:after {
  content: "\f105";
  font-family: FontAwesome;
  position: absolute;
  top: 0px;
  right: 25px;
  z-index: 1;
  font-size: 23px;
  color: #90a6c7;
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit; }

.containerSection-right .panel.panel-open .panel-heading:after {
  content: "\f107"; }

.containerSection-right .panel .panel-heading h4 {
  height: 100%; }

.containerSection-right .panel .panel-heading a {
  padding: 10px 15px;
  /*One line restriction and add "..." */
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis; }

.containerSection-right .panel.referred .panel-heading a {
  padding: 10px 87px 10px 15px; }

.containerSection-right .panel .panel-heading a,
.containerSection-right .panel .panel-heading:hover a,
.containerSection-right .panel .panel-heading:active a {
  text-decoration: none; }

.containerSection-right .panel .panel-heading a:focus {
  outline: none; }

.containerSection-right .panel .panel-heading .accordion-toggle {
  display: block;
  width: 100%;
  height: 100%; }

.containerSection-right .panel .panel-body {
  padding: 0px 0px 0px 0px; }

.contentList2Col {
  width: 100%;
  padding: 0px;
  margin: 0px;
  list-style: none; }

.contentList2Col li {
  width: 100%;
  padding: 0;
  box-sizing: border-box;
  display: block;
  border-bottom: 1px solid #DCDCDC;
  clear: both; }

.contentList2Col li label {
  border-right: 1px solid #DCDCDC;
  margin-bottom: 0; }

.contentList2Col li label,
.contentList2Col li span {
  float: left;
  padding: 0 0 0 20px;
  font-family: 'Lato', sans-serif;
  font-size: 13px;
  color: #5c6f78;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: normal;
  min-height: 39px;
  line-height: 39px; }

.contentList2Col li label {
  width: 40%; }

.contentList2Col li span {
  width: 60%; }

/* Deafult button */
.cBtnRound {
  padding: 0px 21px 0px 20px;
  position: relative;
  height: 30px;
  line-height: 28px;
  border-radius: 33px;
  font-family: 'Lato', sans-serif;
  font-size: 13px;
  color: #5c6f78;
  background-color: #ffffff;
  border: solid 1px #5c6f78; }

/* Button with icons */
.cBtnRound.hasIconLeft {
  padding: 0px 25px 0px 36px; }

.cBtnRound.hasIconRight {
  padding: 0px 36px 0px 25px; }

.cBtnRound.hasIconLeft:before {
  position: absolute;
  top: 8px;
  left: 15px; }

.cBtnRound.hasIconRight:before {
  position: absolute;
  top: 8px;
  right: 15px; }

/* Button color scheme */
.cBtnRound.styleGreen {
  border: solid 1px #1ade85;
  color: #ffffff;
  background-color: #19dd84;
  font-weight: 600; }

.cBtnRound.styleWhite {
  border: solid 1px #ffffff;
  color: #ffffff;
  background-color: transparent; }

/* Button size */
.sizeS {
  height: 27px;
  line-height: 27px;
  font-size: 12px;
  padding: 0px 15px 0px 15px; }

/* Button states */
.cBtnRound:focus,
.cBtnRound:active,
.cBtnRound:hover {
  outline: none;
  text-decoration: none; }

.cBtnRound:hover {
  opacity: 0.7; }

.btnAddItem {
  float: right;
  margin-right: 15px; }

.cBtn-info {
  color: #e0e4e7;
  font-size: 17px;
  cursor: pointer; }

.cBtn-info:hover {
  color: #aaa; }

.cBtn-info:focus {
  color: #e0e4e7;
  outline: none; }

.popover-workflow-field-info {
  background: #f2fdf7;
  border-radius: 4px;
  box-shadow: none;
  border-color: #d8dad9;
  max-width: 420px;
  width: 420px; }

.popover-workflow-field-info .popover-content {
  padding: 7px 25px 10px 16px;
  font-size: 11px;
  line-height: 15px;
  color: #9b9fa0;
  font-family: 'Lato', sans-serif;
  min-width: 420px; }

.popover-workflow-field-info .popover-content > div {
  white-space: pre-line; }

.popover-workflow-field-info .popover-content a {
  float: none !important;
  position: static !important;
  font-size: 7px !important;
  margin: 2px 0px 0px 0px;
  display: block !important;
  color: #328df8 !important;
  text-decoration: underline;
  text-transform: uppercase;
  -webkit-transform: none !important;
  transform: none !important; }

.popover-workflow-field-info .btn-close {
  position: absolute;
  top: 6px;
  right: 9px;
  color: #9b9fa0;
  cursor: pointer; }

.popover-workflow-field-info.right > .arrow {
  border-right-color: #d8dad9;
  margin-top: -10px; }

.popover-workflow-field-info.top > .arrow {
  border-top-color: #d8dad9; }

.popover-workflow-field-info.bottom > .arrow {
  border-bottom-color: #d8dad9; }

.popover-workflow-field-info.left > .arrow {
  border-left-color: #d8dad9; }

.popover-workflow-field-info.right > .arrow:after {
  border-right-color: #f2fdf7; }

.popover-workflow-field-info.top > .arrow:after {
  border-top-color: #f2fdf7; }

.popover-workflow-field-info.bottom > .arrow:after {
  border-bottom-color: #f2fdf7; }

.popover-workflow-field-info.left > .arrow:after {
  border-left-color: #f2fdf7; }

.cTooltip .tooltip .tooltip-inner {
  width: 240px;
  max-width: 300px;
  border-radius: 5px;
  padding: 0px 0px 0px 0px;
  background-color: #ffffff;
  text-align: left;
  color: #000000;
  overflow: hidden;
  border: 1px solid #7c5bf4; }

.cTooltip .tooltip .tooltip-arrow {
  bottom: 1px;
  left: 50%;
  margin-left: -5px;
  border-width: 5px 5px 0;
  border-top-color: #7c5bf4; }

.infoTooltip ul {
  padding: 0px !important;
  width: 100%;
  list-style: none; }

.infoTooltip ul li {
  background: #ffffff;
  width: 100%; }

.infoTooltip ul li p {
  height: 33px;
  line-height: 33px;
  padding: 0px 10px 0px 10px;
  margin: 0px;
  font-family: 'Lato', sans-serif;
  font-size: 13px;
  font-weight: bold;
  color: #5c6f78; }

.infoTooltip ul li p.itemHead {
  background-color: #f9f8fe; }

.infoTooltip ul li p span {
  color: #5c6f78;
  font-size: 12px; }

.infoTooltip ul li p .itemName {
  float: left;
  margin-right: 15px; }

.infoTooltip ul li p .itemValue {
  float: right; }

.form-group {
  position: relative; }

.error-messages {
  color: red;
  font-family: 'Lato', sans-serif;
  font-size: 13px;
  margin-bottom: 0px; }

.form-group .form-control-feedback {
  pointer-events: initial;
  font-size: 24px;
  top: 2px;
  right: 2px;
  color: #F44336; }

mh-delete-mortgage-modal md-dialog, mh-update-mortgage-modal md-dialog, mh-add-mortgage-modal md-dialog {
  max-width: 750px; }

mh-delete-mortgage-modal md-input-container, mh-update-mortgage-modal md-input-container, mh-add-mortgage-modal md-input-container {
  width: 100%; }

mh-delete-mortgage-modal md-select-value .md-text, mh-update-mortgage-modal md-select-value .md-text, mh-add-mortgage-modal md-select-value .md-text {
  text-transform: uppercase; }

mh-delete-mortgage-modal mh-state-dropdown md-select, mh-update-mortgage-modal mh-state-dropdown md-select, mh-add-mortgage-modal mh-state-dropdown md-select {
  transform: translateY(-2px);
  height: 32px; }

mh-delete-mortgage-modal .button-confirmation-container, mh-update-mortgage-modal .button-confirmation-container, mh-add-mortgage-modal .button-confirmation-container {
  text-align: center;
  min-height: 30px;
  position: relative;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  margin-bottom: 25px; }
  mh-delete-mortgage-modal .button-confirmation-container button, mh-update-mortgage-modal .button-confirmation-container button, mh-add-mortgage-modal .button-confirmation-container button {
    color: #fff;
    background-color: #19DD84;
    border-radius: 25px;
    border: none;
    text-transform: uppercase;
    letter-spacing: 2px;
    padding: 15px 50px;
    font-size: 12px;
    font-weight: 500;
    min-width: 200px;
    margin: 10px 30px; }
    mh-delete-mortgage-modal .button-confirmation-container button.alt, mh-update-mortgage-modal .button-confirmation-container button.alt, mh-add-mortgage-modal .button-confirmation-container button.alt {
      background-color: white;
      color: gray;
      box-shadow: inset 0 0 0 1px #9b9b9b; }
    mh-delete-mortgage-modal .button-confirmation-container button.lender-modal-btn, mh-update-mortgage-modal .button-confirmation-container button.lender-modal-btn, mh-add-mortgage-modal .button-confirmation-container button.lender-modal-btn {
      padding: 5px 50px; }

mh-delete-mortgage-modal .escrow-form, mh-update-mortgage-modal .escrow-form, mh-add-mortgage-modal .escrow-form {
  display: flex;
  flex-direction: column; }
  mh-delete-mortgage-modal .escrow-form label, mh-update-mortgage-modal .escrow-form label, mh-add-mortgage-modal .escrow-form label {
    font-size: 20px;
    font-weight: 400; }
  mh-delete-mortgage-modal .escrow-form .field, mh-update-mortgage-modal .escrow-form .field, mh-add-mortgage-modal .escrow-form .field {
    flex: 1; }
    mh-delete-mortgage-modal .escrow-form .field label, mh-update-mortgage-modal .escrow-form .field label, mh-add-mortgage-modal .escrow-form .field label {
      text-transform: uppercase; }
  mh-delete-mortgage-modal .escrow-form .name-number, mh-delete-mortgage-modal .escrow-form .loan-officer, mh-update-mortgage-modal .escrow-form .name-number, mh-update-mortgage-modal .escrow-form .loan-officer, mh-add-mortgage-modal .escrow-form .name-number, mh-add-mortgage-modal .escrow-form .loan-officer {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: space-between; }
  mh-delete-mortgage-modal .escrow-form .loan-officer .note, mh-update-mortgage-modal .escrow-form .loan-officer .note, mh-add-mortgage-modal .escrow-form .loan-officer .note {
    width: 100%; }
  mh-delete-mortgage-modal .escrow-form .location, mh-delete-mortgage-modal .escrow-form .streets, mh-update-mortgage-modal .escrow-form .location, mh-update-mortgage-modal .escrow-form .streets, mh-add-mortgage-modal .escrow-form .location, mh-add-mortgage-modal .escrow-form .streets {
    display: flex;
    flex-direction: column; }
    mh-delete-mortgage-modal .escrow-form .location .city, mh-delete-mortgage-modal .escrow-form .streets .city, mh-update-mortgage-modal .escrow-form .location .city, mh-update-mortgage-modal .escrow-form .streets .city, mh-add-mortgage-modal .escrow-form .location .city, mh-add-mortgage-modal .escrow-form .streets .city {
      flex: 1; }
    mh-delete-mortgage-modal .escrow-form .location .state-zip, mh-delete-mortgage-modal .escrow-form .streets .state-zip, mh-update-mortgage-modal .escrow-form .location .state-zip, mh-update-mortgage-modal .escrow-form .streets .state-zip, mh-add-mortgage-modal .escrow-form .location .state-zip, mh-add-mortgage-modal .escrow-form .streets .state-zip {
      flex: 1;
      display: flex;
      flex-direction: row; }
      mh-delete-mortgage-modal .escrow-form .location .state-zip .state, mh-delete-mortgage-modal .escrow-form .streets .state-zip .state, mh-update-mortgage-modal .escrow-form .location .state-zip .state, mh-update-mortgage-modal .escrow-form .streets .state-zip .state, mh-add-mortgage-modal .escrow-form .location .state-zip .state, mh-add-mortgage-modal .escrow-form .streets .state-zip .state {
        position: relative;
        flex: 2;
        text-transform: capitalize; }
        mh-delete-mortgage-modal .escrow-form .location .state-zip .state md-input-container.md-input-invalid + label, mh-delete-mortgage-modal .escrow-form .streets .state-zip .state md-input-container.md-input-invalid + label, mh-update-mortgage-modal .escrow-form .location .state-zip .state md-input-container.md-input-invalid + label, mh-update-mortgage-modal .escrow-form .streets .state-zip .state md-input-container.md-input-invalid + label, mh-add-mortgage-modal .escrow-form .location .state-zip .state md-input-container.md-input-invalid + label, mh-add-mortgage-modal .escrow-form .streets .state-zip .state md-input-container.md-input-invalid + label {
          color: #dd2c00; }
        mh-delete-mortgage-modal .escrow-form .location .state-zip .state label, mh-delete-mortgage-modal .escrow-form .streets .state-zip .state label, mh-update-mortgage-modal .escrow-form .location .state-zip .state label, mh-update-mortgage-modal .escrow-form .streets .state-zip .state label, mh-add-mortgage-modal .escrow-form .location .state-zip .state label, mh-add-mortgage-modal .escrow-form .streets .state-zip .state label {
          position: absolute;
          top: -10px;
          font-size: 15px;
          left: 0;
          color: #9E9E9E;
          transform: translateX(2px); }
          mh-delete-mortgage-modal .escrow-form .location .state-zip .state label:after, mh-delete-mortgage-modal .escrow-form .streets .state-zip .state label:after, mh-update-mortgage-modal .escrow-form .location .state-zip .state label:after, mh-update-mortgage-modal .escrow-form .streets .state-zip .state label:after, mh-add-mortgage-modal .escrow-form .location .state-zip .state label:after, mh-add-mortgage-modal .escrow-form .streets .state-zip .state label:after {
            content: ' *'; }
        mh-delete-mortgage-modal .escrow-form .location .state-zip .state md-select-value > span:first-child:after, mh-delete-mortgage-modal .escrow-form .streets .state-zip .state md-select-value > span:first-child:after, mh-update-mortgage-modal .escrow-form .location .state-zip .state md-select-value > span:first-child:after, mh-update-mortgage-modal .escrow-form .streets .state-zip .state md-select-value > span:first-child:after, mh-add-mortgage-modal .escrow-form .location .state-zip .state md-select-value > span:first-child:after, mh-add-mortgage-modal .escrow-form .streets .state-zip .state md-select-value > span:first-child:after {
          display: none; }
      mh-delete-mortgage-modal .escrow-form .location .state-zip .zip, mh-delete-mortgage-modal .escrow-form .streets .state-zip .zip, mh-update-mortgage-modal .escrow-form .location .state-zip .zip, mh-update-mortgage-modal .escrow-form .streets .state-zip .zip, mh-add-mortgage-modal .escrow-form .location .state-zip .zip, mh-add-mortgage-modal .escrow-form .streets .state-zip .zip {
        flex: 2; }
  @media screen and (min-width: 700px) {
    mh-delete-mortgage-modal .escrow-form .escrow-form, mh-delete-mortgage-modal .escrow-form .name-number, mh-delete-mortgage-modal .escrow-form .loan-officer, mh-delete-mortgage-modal .escrow-form .location, mh-delete-mortgage-modal .escrow-form .streets, mh-update-mortgage-modal .escrow-form .escrow-form, mh-update-mortgage-modal .escrow-form .name-number, mh-update-mortgage-modal .escrow-form .loan-officer, mh-update-mortgage-modal .escrow-form .location, mh-update-mortgage-modal .escrow-form .streets, mh-add-mortgage-modal .escrow-form .escrow-form, mh-add-mortgage-modal .escrow-form .name-number, mh-add-mortgage-modal .escrow-form .loan-officer, mh-add-mortgage-modal .escrow-form .location, mh-add-mortgage-modal .escrow-form .streets {
      flex-direction: row; } }

[key="update_mortgage_lenders"] .formly-form-field .col-md-3 {
  display: none; }

[key="update_mortgage_lenders"] .formly-form-field .col-md-9 {
  width: 100%; }

mh-mortgages-list .mortgages {
  width: 100%; }

mh-mortgages-list .mortgage-wrapper {
  position: relative;
  min-width: 900px;
  padding: 25px 0; }
  mh-mortgages-list .mortgage-wrapper:not(:last-child) {
    border-bottom: 1px solid #E5E5E5; }
  mh-mortgages-list .mortgage-wrapper .separator {
    width: 20px;
    text-align: center;
    transform: translateY(3px); }
    mh-mortgages-list .mortgage-wrapper .separator:after {
      content: '/';
      color: #9b9b9b; }
  mh-mortgages-list .mortgage-wrapper .edit, mh-mortgages-list .mortgage-wrapper .delete {
    color: #9b9b9b;
    background-color: transparent;
    text-decoration: underline;
    padding-left: 0;
    min-width: auto;
    padding-right: 0; }
  mh-mortgages-list .mortgage-wrapper.primary:after {
    content: '(Used for Billing)';
    position: absolute;
    bottom: 15px;
    left: 0; }
  mh-mortgages-list .mortgage-wrapper.primary .separator {
    display: none; }

mh-mortgages-list .add-mortgage {
  border-top: 1px solid #E5E5E5;
  padding-top: 25px;
  min-width: 900px; }

mh-mortgages-list .mortgage-wrapper span, mh-mortgages-list .add-mortgage span {
  display: inline-block;
  font-size: 20px;
  width: 18.5%; }

.lead-navigation {
  position: fixed;
  left: 0;
  top: 0;
  background-color: #F8F8F8;
  height: 100%;
  width: 181px;
  border: 1px solid #E9E9E9;
  z-index: 1000; }
  .lead-navigation.minimize-navigation {
    display: none; }
    .lead-navigation.minimize-navigation .nav-toggle {
      display: none; }
  .lead-navigation.hidden {
    display: none; }
  .lead-navigation .nav-toggle {
    border-bottom: none;
    position: absolute;
    top: 50%;
    right: 0;
    background-color: #F8F8F8;
    padding: 13px 7px;
    border-radius: 3px 3px 0 0;
    width: 50px;
    height: 78px;
    color: #5C6F78;
    font-family: 'Mark OT';
    font-size: 12px;
    text-transform: uppercase;
    text-align: center;
    line-height: 19px;
    transform: translate(100%, -50%); }
    .lead-navigation .nav-toggle:active, .lead-navigation .nav-toggle:focus {
      outline: 0;
      -moz-outline-style: none; }
    .lead-navigation .nav-toggle i {
      font-size: 30px; }
  .lead-navigation .nav-arrow {
    overflow: hidden;
    position: relative; }
    .lead-navigation .nav-arrow.left, .lead-navigation .nav-arrow.right {
      height: 29px;
      width: 12px;
      margin: auto; }
      .lead-navigation .nav-arrow.left:before, .lead-navigation .nav-arrow.right:before {
        top: 5px; }
    .lead-navigation .nav-arrow.left {
      left: 0px; }
      .lead-navigation .nav-arrow.left:before {
        left: 4px; }
    .lead-navigation .nav-arrow.right {
      right: 0px; }
    .lead-navigation .nav-arrow.up, .lead-navigation .nav-arrow.down {
      width: 29px;
      height: 14px;
      margin: auto; }
      .lead-navigation .nav-arrow.up:before, .lead-navigation .nav-arrow.down:before {
        left: 5px; }
    .lead-navigation .nav-arrow.up:before {
      top: 5px; }
    .lead-navigation .nav-arrow.down:before {
      bottom: 5px; }
    .lead-navigation .nav-arrow:before {
      content: '';
      display: inline-block;
      position: absolute;
      height: 20px;
      width: 20px;
      border: 1px solid #5C6F78;
      transform: rotate(45deg); }
    .lead-navigation .nav-arrow:focus {
      outline: none; }
  .lead-navigation .page-nav {
    height: calc(100% - 250px);
    white-space: nowrap;
    overflow-y: scroll;
    margin: 180px 0 30px; }
    .lead-navigation .page-nav .nav-arrow.up, .lead-navigation .page-nav .nav-arrow.down {
      cursor: pointer;
      position: absolute;
      left: 0;
      right: 0; }
    .lead-navigation .page-nav .nav-arrow.up {
      top: 135px; }
    .lead-navigation .page-nav .nav-arrow.down {
      bottom: 30px; }
    .lead-navigation .page-nav .nav-item {
      width: 103px;
      margin: 0 auto 25px;
      cursor: pointer;
      position: relative; }
      .lead-navigation .page-nav .nav-item .nav-image, .lead-navigation .page-nav .nav-item .nav-image img, .lead-navigation .page-nav .nav-item .selection-shadow {
        height: 80px;
        width: 103px; }
      .lead-navigation .page-nav .nav-item p {
        margin-top: 10px;
        font-family: 'Nitti Grotesk';
        font-size: 16px;
        line-height: 19px;
        text-align: center;
        text-transform: capitalize; }
      .lead-navigation .page-nav .nav-item:active, .lead-navigation .page-nav .nav-item:focus {
        border: none;
        outline: 0;
        -moz-outline-style: none; }
      .lead-navigation .page-nav .nav-item.active .selection-shadow, .lead-navigation .page-nav .nav-item:hover .selection-shadow {
        box-shadow: inset 0px 0px 0px 3px #328DF9; }
      .lead-navigation .page-nav .nav-item .selection-shadow {
        position: absolute;
        top: 0;
        left: 0; }

.iframe-position {
  position: fixed;
  border: none;
  width: 100%;
  height: 100%;
  transition: 1s top; }

.close-banner {
  top: 0px;
  padding-top: 20px; }

.open-banner {
  top: 490px; }

md-tooltip {
  font-size: 15px !important; }

.add-sub-org .wrapper-content {
  width: 700px;
  text-align: center;
  padding: 20px 35px; }
  .add-sub-org .wrapper-content .title {
    font-size: 25px;
    font-weight: 800;
    text-align: left;
    margin-bottom: 15px;
    margin-top: 0; }
  .add-sub-org .wrapper-content .search-org {
    border: 1px solid #E5E5E5;
    border-radius: 5px;
    width: 100%;
    padding: 5px 10px; }
    .add-sub-org .wrapper-content .search-org:focus {
      outline: none; }
  .add-sub-org .wrapper-content .organization-column {
    vertical-align: top;
    display: inline-block;
    width: calc(50% - 4px - 5px); }
    .add-sub-org .wrapper-content .organization-column.all {
      margin-right: 10px; }
    .add-sub-org .wrapper-content .organization-column .organization-list {
      width: 100%;
      height: 280px;
      border: 1px solid #E5E5E5;
      border-radius: 5px;
      padding: 10px;
      overflow-y: scroll; }
      .add-sub-org .wrapper-content .organization-column .organization-list.has-error {
        border-color: #D01B1A; }
    .add-sub-org .wrapper-content .organization-column .col-title {
      text-align: left;
      padding-left: 5px;
      font-size: 13px;
      font-weight: 400;
      text-transform: uppercase; }
  .add-sub-org .wrapper-content .error {
    color: #D01B1A;
    text-align: left;
    font-size: 12px;
    position: relative;
    padding-left: 30px;
    margin-top: 10px;
    line-height: calc(20px - 2px); }
    .add-sub-org .wrapper-content .error:after {
      position: absolute;
      left: 0;
      font-size: 12px;
      line-height: calc(20px - 4px);
      border-radius: 10px;
      font-weight: 900;
      padding-left: 1px;
      height: 20px;
      width: 20px;
      border: 1px solid #D01B1A;
      content: 'x';
      text-align: center; }
  .add-sub-org .wrapper-content .organization-column .suborg-selection {
    font-size: 18px;
    font-weight: 400;
    position: relative;
    text-align: left;
    width: 100%;
    cursor: pointer;
    margin-bottom: 10px; }
    .add-sub-org .wrapper-content .organization-column .suborg-selection:focus {
      outline: none; }
    .add-sub-org .wrapper-content .organization-column .suborg-selection:after {
      position: absolute;
      right: 0;
      font-weight: 900;
      top: 50%;
      transform: translateY(-50%);
      text-align: center;
      line-height: calc(20px - 5px);
      font-size: 13px;
      content: '+';
      height: 20px;
      width: 20px;
      border: 1px solid #22DD84;
      border-radius: 10px; }
    .add-sub-org .wrapper-content .organization-column .suborg-selection.available:not(.disabled):after {
      color: #22DD84;
      border-color: #22DD84; }
    .add-sub-org .wrapper-content .organization-column .suborg-selection.available:not(.disabled):hover:after {
      color: white;
      background-color: #22DD84; }
    .add-sub-org .wrapper-content .organization-column .suborg-selection.added:after {
      content: '—';
      color: #D01B1A;
      border-color: #D01B1A; }
    .add-sub-org .wrapper-content .organization-column .suborg-selection.added:hover:after {
      color: white;
      background-color: #D01B1A; }
    .add-sub-org .wrapper-content .organization-column .suborg-selection.disabled {
      cursor: auto;
      color: rgba(128, 128, 128, 0.5); }
      .add-sub-org .wrapper-content .organization-column .suborg-selection.disabled:after {
        color: gray;
        border-color: gray; }
  .add-sub-org .wrapper-content .wrapper-actions {
    display: flex;
    border-top: none;
    justify-content: center; }
    .add-sub-org .wrapper-content .wrapper-actions button {
      width: 120px;
      border-radius: 20px;
      font-size: 16px;
      font-weight: 900;
      margin: 0 15px; }
    .add-sub-org .wrapper-content .wrapper-actions .accept {
      order: 2; }
    .add-sub-org .wrapper-content .wrapper-actions .reject {
      order: 1;
      background: rgba(128, 128, 128, 0.7); }

.list-sub-org .wrapper-content {
  width: 600px;
  padding: 20px 35px; }
  .list-sub-org .wrapper-content .title {
    text-align: left;
    font-size: 26px;
    margin: 10px 0;
    font-weight: 900; }
  .list-sub-org .wrapper-content .organization-list {
    border-radius: 5px;
    border: 1px solid gray;
    min-height: 350px; }
  .list-sub-org .wrapper-content .suborg-selection {
    padding: 10px 15px;
    overflow-y: scroll; }
  .list-sub-org .wrapper-content .wrapper-actions {
    border-top: none; }
    .list-sub-org .wrapper-content .wrapper-actions button {
      width: 120px;
      font-weight: 900;
      border-radius: 20px; }

.producerdetails-page .first-org-name {
  margin-left: 10px;
  line-height: 37px; }

.producerdetails-page .see-list {
  float: none !important;
  margin-left: 15px; }

.producerdetails-page .cBtnRound {
  cursor: pointer !important; }
  .producerdetails-page .cBtnRound:hover {
    color: #ffffff;
    background-color: #5c6f78;
    border: solid 1px #5c6f78; }

.producerdetails-page .actionCol {
  width: 20px; }

.producerdetails-page select[id*="org_id_"] {
  margin-left: 15px; }

.producer-list-page .button-container {
  padding-bottom: 20px; }

.producer-list-page .container .container-filters {
  display: flex;
  flex-direction: row;
  align-items: baseline; }
  .producer-list-page .container .container-filters .md-select-value .md-text {
    text-transform: capitalize !important; }
  .producer-list-page .container .container-filters .filter {
    margin-right: 16px; }
    .producer-list-page .container .container-filters .filter .label {
      color: #87949A;
      font-family: "Nitti Grotesk";
      font-weight: 500;
      font-size: 16px;
      line-height: 18px;
      letter-spacing: 1px;
      padding: 0; }
    .producer-list-page .container .container-filters .filter md-select {
      min-width: 200px; }
    .producer-list-page .container .container-filters .filter.search-by-keyword {
      padding-bottom: 0;
      position: relative;
      top: -2px; }
      .producer-list-page .container .container-filters .filter.search-by-keyword > md-input-container {
        display: block;
        margin: 0;
        min-width: 280px;
        padding-left: 0px; }
        .producer-list-page .container .container-filters .filter.search-by-keyword > md-input-container .clear-search {
          font-size: 10px;
          color: #87949A;
          position: absolute;
          top: 10px;
          right: 5px; }
  .producer-list-page .container .container-filters .search-button {
    align-self: center;
    padding-bottom: 14px; }
    .producer-list-page .container .container-filters .search-button button {
      font-size: 15px;
      min-height: 26px;
      min-width: 92px;
      padding: 2px 0px; }
  .producer-list-page .container .container-filters .clear-button {
    align-self: center;
    padding-bottom: 14px;
    margin-left: 12px; }
    .producer-list-page .container .container-filters .clear-button button {
      top: 27px;
      border: none;
      background-color: inherit;
      font-family: "Nitti Grotesk";
      font-size: 15px;
      color: #BFBFBF;
      display: inline-block;
      text-transform: none;
      padding: 0;
      min-width: 0;
      letter-spacing: 0; }
      .producer-list-page .container .container-filters .clear-button button:hover {
        cursor: pointer;
        color: #333; }

.producer-list-page table .sortable {
  position: relative;
  cursor: pointer; }

.producer-list-page table .sort-order {
  position: absolute;
  top: 15px;
  right: 10px; }

.producer-list-page table .sortable {
  position: relative;
  cursor: pointer; }

.producer-list-page table .sort-order {
  position: absolute;
  top: 15px;
  right: 10px; }

.choose-org-policy-creation {
  width: 500px; }
  .choose-org-policy-creation .wrapper-content {
    padding: 35px; }
    .choose-org-policy-creation .wrapper-content .title {
      text-align: left;
      font-weight: 900;
      margin-bottom: 50px;
      margin-top: 10px;
      line-height: 30px; }
    .choose-org-policy-creation .wrapper-content select {
      background-color: #FFFFFF;
      margin-bottom: 40px;
      width: 100%;
      line-height: 40px;
      height: 40px; }
    .choose-org-policy-creation .wrapper-content .wrapper-actions {
      text-align: center;
      border-top: none;
      display: flex;
      justify-content: center; }
      .choose-org-policy-creation .wrapper-content .wrapper-actions .reject {
        order: 1;
        background-color: #A7A7A7; }
      .choose-org-policy-creation .wrapper-content .wrapper-actions .accept {
        order: 2; }
      .choose-org-policy-creation .wrapper-content .wrapper-actions button {
        border-radius: 20px;
        font-weight: 900;
        width: 150px;
        margin: 0 15px; }

mh-modal-wrapper .wrapper-content {
  padding: 0 50px;
  font-size: 20px; }
  mh-modal-wrapper .wrapper-content .icon-wrapper, mh-modal-wrapper .wrapper-content .title, mh-modal-wrapper .wrapper-content .body {
    margin: 30px 0; }
  mh-modal-wrapper .wrapper-content .icon-wrapper {
    text-align: center; }
    mh-modal-wrapper .wrapper-content .icon-wrapper i {
      font-size: 40px; }
      mh-modal-wrapper .wrapper-content .icon-wrapper i.blue {
        color: #5495F3; }
  mh-modal-wrapper .wrapper-content .modal-title {
    margin-bottom: 50px; }
  mh-modal-wrapper .wrapper-content .title, mh-modal-wrapper .wrapper-content .subtitle {
    text-align: center;
    margin: 0; }
  mh-modal-wrapper .wrapper-content .title {
    font-weight: 500; }
  mh-modal-wrapper .wrapper-content .subtitle {
    padding-bottom: 0;
    font-size: 17px;
    font-weight: 400;
    margin-top: 10px;
    color: #807F81; }

mh-modal-wrapper .wrapper-actions {
  text-align: right;
  border-top: 1px solid rgba(0, 0, 0, 0.3);
  padding: 20px 0; }
  mh-modal-wrapper .wrapper-actions button {
    font-size: 15px;
    outline: none;
    text-transform: uppercase;
    border-radius: 10px;
    text-align: center;
    padding: 10px 0; }

.hippo-toggle-wrapper input.cmn-toggle-round-flat {
  visibility: hidden; }
  .hippo-toggle-wrapper input.cmn-toggle-round-flat + label {
    padding: 2px;
    width: 50px;
    height: 20px;
    background-color: white;
    display: block;
    position: absolute;
    top: 9px;
    left: 10px;
    border: 1px solid #CECECE;
    border-radius: 60px; }
    .hippo-toggle-wrapper input.cmn-toggle-round-flat + label:before, .hippo-toggle-wrapper input.cmn-toggle-round-flat + label:after {
      display: block;
      position: absolute;
      content: ""; }
    .hippo-toggle-wrapper input.cmn-toggle-round-flat + label:after, .hippo-toggle-wrapper input.cmn-toggle-round-flat + label:before {
      top: -5px;
      left: -2px;
      bottom: 4px;
      color: white;
      background-color: #dddddd;
      border-radius: 52px;
      transition: margin 0.4s, background 0.4s;
      height: 27px;
      width: 27px;
      content: 'N';
      line-height: 28px;
      text-align: center;
      font-size: 10px;
      font-weight: normal; }
    .hippo-toggle-wrapper input.cmn-toggle-round-flat + label:after {
      box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.14), 0 3px 3px -2px rgba(0, 0, 0, 0.2), 0 1px 8px 0 rgba(0, 0, 0, 0.12); }
    .hippo-toggle-wrapper input.cmn-toggle-round-flat + label:before {
      background: none;
      color: #CDCDCD;
      margin-left: 25px;
      content: 'Y';
      transition: color 0.1s;
      z-index: 0; }
  .hippo-toggle-wrapper input.cmn-toggle-round-flat:checked + label:after {
    margin-left: 30px;
    background-color: #8ce196;
    content: 'Y'; }
  .hippo-toggle-wrapper input.cmn-toggle-round-flat:checked + label:before {
    z-index: 1;
    color: #CDCDCD;
    margin-left: 1px;
    content: 'N'; }

/****
    Formly field style
 */
.hp-field label.required span [ng-bind-html] {
  display: inline; }
  .hp-field label.required span [ng-bind-html] p {
    display: inline; }
    .hp-field label.required span [ng-bind-html] p:after {
      content: '*';
      display: inline-block; }

.hp-field .hippo-toggle-wrapper input.cmn-toggle-round-flat:disabled + label:before {
  display: none; }

.hp-field .hippo-toggle-wrapper input.cmn-toggle-round-flat:disabled + label {
  background-color: initial;
  border: 1px solid rgba(0, 0, 0, 0); }
  .hp-field .hippo-toggle-wrapper input.cmn-toggle-round-flat:disabled + label:before, .hp-field .hippo-toggle-wrapper input.cmn-toggle-round-flat:disabled + label:after {
    transition: none !important; }

.hp-field .hippo-toggle-wrapper input.cmn-toggle-round-flat:disabled:checked + label:after {
  margin-left: 0; }

/****
    Policy notes panel
 */
.policy-notes-panel .note-form {
  padding-bottom: 50px;
  margin: 10px 20px 0 10px; }
  .policy-notes-panel .note-form .checkbox {
    margin-left: 0; }
    .policy-notes-panel .note-form .checkbox input {
      margin-left: -25px; }
  .policy-notes-panel .note-form > input,
  .policy-notes-panel .note-form > textarea {
    margin: 5px; }
  .policy-notes-panel .note-form > textarea {
    margin-bottom: 10px;
    min-height: 60px; }
  .policy-notes-panel .note-form .row-followup {
    margin: 0  -10px 0 20px;
    height: 50px; }
    .policy-notes-panel .note-form .row-followup .col-xs-2, .policy-notes-panel .note-form .row-followup .col-xs-3, .policy-notes-panel .note-form .row-followup .col-xs-4 {
      padding: 0 5px; }
  .policy-notes-panel .note-form .btn-add,
  .policy-notes-panel .note-form .btn-cancel {
    float: right; }
  .policy-notes-panel .note-form .btn-cancel {
    height: 30px;
    line-height: 30px; }

span.mh-char-counter {
  display: none;
  position: absolute;
  bottom: -20px;
  right: 0;
  background: #000;
  color: #fff;
  padding: 3px 10px;
  font-size: 10px;
  z-index: 9999; }
  span.mh-char-counter.visible {
    display: block; }

hc-button button {
  border-radius: 20px;
  position: static;
  font-family: "Nitti Grotesk";
  font-size: 20px;
  font-style: normal;
  font-weight: bold;
  text-align: center;
  letter-spacing: 2px;
  text-transform: uppercase;
  cursor: pointer;
  padding: 10px 15px; }
  hc-button button[disabled] {
    cursor: not-allowed; }
  hc-button button.primary {
    background-color: #19DD84;
    color: #fff; }
    hc-button button.primary:hover {
      background-color: #21CC7E; }
    hc-button button.primary:active:not([disabled]) {
      background-color: #00AD64; }
    hc-button button.primary[disabled] {
      background-color: #E5E5E5; }
  hc-button button.primaryLongButton {
    background-color: #19DD84;
    box-shadow: 0 4px 0 #21CC7E;
    color: #fff;
    width: 160px;
    height: 36px;
    padding: 8px 24px; }
    hc-button button.primaryLongButton:hover {
      background-color: #21CC7E; }
    hc-button button.primaryLongButton:active:not([disabled]) {
      background-color: #00AD64; }
    hc-button button.primaryLongButton[disabled] {
      background-color: #E5E5E5; }
  hc-button button.secondary {
    background-color: #F8F8F8;
    color: #87949A;
    box-shadow: 0 0 0 1px #87949A; }
    hc-button button.secondary:hover {
      color: #5C6F78;
      box-shadow: 0 0 0 1px #5C6F78; }
    hc-button button.secondary:active:not([disabled]) {
      color: #404040;
      background-color: #E5E5E5;
      box-shadow: 0 0 0 1px #5C6F78; }
    hc-button button.secondary[disabled] {
      color: #BFBFBF;
      box-shadow: 0 0 0 1px #E5E5E5; }
  hc-button button.label-button {
    color: #87949A;
    background-color: transparent; }
    hc-button button.label-button:hover {
      color: #5C6F78; }
    hc-button button.label-button:active:not([disabled]) {
      color: #404040; }
    hc-button button.label-button[disabled] {
      color: #BFBFBF; }

input-field > .input-container, [input-field] > .input-container {
  margin: 25px 0;
  position: relative; }
  input-field > .input-container input, input-field > .input-container .expansion, [input-field] > .input-container input, [input-field] > .input-container .expansion {
    border: none;
    outline: none;
    height: 50px;
    width: 100%;
    font-family: "Mark OT";
    font-size: 20px;
    line-height: 50px;
    color: #000000;
    letter-spacing: -0.6px;
    text-decoration-line: none; }
  input-field > .input-container a, [input-field] > .input-container a {
    font-family: "Mark OT";
    font-size: 20px;
    line-height: 50px;
    color: #000000;
    letter-spacing: -0.6px;
    text-decoration-line: underline; }
  input-field > .input-container input, [input-field] > .input-container input {
    font-family: "Mark OT";
    font-size: 20px;
    color: #000000; }
  input-field > .input-container input[disabled], [input-field] > .input-container input[disabled] {
    background-color: transparent; }
  input-field > .input-container .focus-highlight, [input-field] > .input-container .focus-highlight {
    position: absolute;
    bottom: 0;
    height: 2px;
    width: 0px;
    background-color: #19DD84;
    transition: width 300ms ease-in-out;
    left: 50%;
    transform: translateX(-50%); }
  input-field > .input-container input:not([disabled]), [input-field] > .input-container input:not([disabled]) {
    border-bottom: 1px solid #000000; }
    input-field > .input-container input:not([disabled]):focus + .focus-highlight, [input-field] > .input-container input:not([disabled]):focus + .focus-highlight {
      width: 100%;
      animation: 700ms fade-out ease-in-out infinite alternate;
      animation-delay: 300ms; }
  input-field > .input-container .expansion, [input-field] > .input-container .expansion {
    white-space: nowrap;
    visibility: hidden;
    padding: 0 30px;
    height: 0px;
    line-height: 0px;
    display: inline-block; }

toggle > div {
  display: inline-block;
  position: relative;
  outline: none;
  width: 56px; }
  toggle > div.disabled {
    width: 32px; }
    toggle > div.disabled button {
      cursor: not-allowed; }
      toggle > div.disabled button.active {
        transform: none; }
  toggle > div:not(.disabled):after {
    display: block; }
  toggle > div:after {
    content: '';
    height: 16px;
    width: 56px;
    border-radius: 8px;
    top: 8px;
    left: 0;
    position: absolute;
    z-index: 0;
    background-color: #E5E5E5;
    display: none; }
  toggle > div button {
    background-color: #BFBFBF;
    z-index: 1;
    padding: 0;
    min-height: 0;
    min-width: 0;
    height: 32px;
    width: 32px;
    border-radius: 30px;
    position: relative;
    line-height: 32px;
    font-size: 15px;
    font-family: "Mark OT";
    transform: translateX(0px);
    transition: background-color 300ms ease-in-out, transform 300ms ease-in-out; }
    toggle > div button.active {
      transform: translateX(24px);
      background-color: #19DD84; }
      toggle > div button.active span {
        transform: translate(1.2px, 0px); }
    toggle > div button span {
      display: inline-block;
      transform: translate(1px, 0px); }

selection {
  outline: none; }
  selection .checkbox-container {
    position: relative;
    display: inline-block;
    height: 30px;
    width: 30px; }
    selection .checkbox-container input {
      margin: 10px 0 !important;
      opacity: 0;
      width: 30px;
      height: 30px;
      position: absolute;
      cursor: pointer;
      z-index: 1; }
    selection .checkbox-container input + .checkbox {
      z-index: 0;
      position: absolute;
      left: 0;
      height: 100%;
      width: 100%;
      border-radius: 30px;
      background-color: #fff;
      box-shadow: 0px 0px 0px 1px #87949A inset;
      transition: background-color 300ms ease-in-out, box-shadow 300ms ease-in-out; }
    selection .checkbox-container input:checked + .checkbox {
      background-color: #19DD84;
      box-shadow: none; }
      selection .checkbox-container input:checked + .checkbox:before, selection .checkbox-container input:checked + .checkbox:after {
        content: '';
        position: absolute;
        background-color: #fff;
        width: 2px;
        border-radius: 10px; }
      selection .checkbox-container input:checked + .checkbox:before {
        left: 10px;
        top: 14px;
        transform: rotate(-48deg);
        height: 8px; }
      selection .checkbox-container input:checked + .checkbox:after {
        left: 17px;
        top: 8px;
        transform: rotate(42deg);
        height: 14px; }
  selection label {
    font-family: "Mark OT";
    font-style: normal;
    font-weight: normal;
    font-size: 20px;
    line-height: 50px;
    letter-spacing: -0.6px;
    color: #000000;
    outline: none;
    padding-left: 8px;
    cursor: pointer; }
    selection label.disabled {
      color: #BFBFBF;
      cursor: not-allowed; }

tooltip i {
  color: #E5E5E5;
  cursor: pointer;
  margin: 0 8px; }

tooltip [uib-popover-popup].popover {
  background-color: #EBFFF6; }
  tooltip [uib-popover-popup].popover .arrow:after {
    border-top-color: #EBFFF6; }
  tooltip [uib-popover-popup].popover .popover-content {
    color: #5C6F78;
    font-size: 11px;
    font-family: "Mark OT"; }

cart > div {
  background-color: #F8F8F8;
  padding: 25px 25px 40px; }
  cart > div .cart-title {
    font-family: "Mark OT";
    font-style: normal;
    font-weight: normal;
    font-size: 20px;
    line-height: 50px;
    letter-spacing: -0.6px;
    color: #5C6F78; }
  cart > div table {
    font-family: "Mark OT";
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 18px;
    color: #87949A;
    width: 100%;
    margin-bottom: 25px; }
    cart > div table td {
      padding: 5px 0; }
      cart > div table td:last-child {
        text-align: right; }
    cart > div table tr:nth-last-child(3) td {
      padding-bottom: 20px; }
    cart > div table .prorated {
      font-weight: 500; }
    cart > div table .total {
      border-top: 1px solid #BFBFBF;
      margin-top: 15px; }
      cart > div table .total .price {
        font-family: "Nitti Grotesk";
        color: #5C6F78;
        font-size: 20px;
        font-weight: 300; }
        cart > div table .total .price span {
          font-style: normal;
          font-weight: 300;
          font-size: 48px;
          line-height: 48px; }
        cart > div table .total .price sup {
          vertical-align: top;
          font-size: 16px;
          line-height: 45px; }
        cart > div table .total .price sub {
          font-size: 16px;
          line-height: 16px; }

[form-field] .field-input .input-container {
  min-width: 220px;
  max-width: 380px; }

[form-table] > td {
  overflow-x: auto; }

[form-table] th {
  white-space: nowrap;
  padding: 10px 30px 10px 0;
  border-bottom: 1px solid #E5E5E5;
  height: 45px; }

[form-table] .input-container {
  margin: 0;
  height: 50px;
  line-height: 50px;
  overflow-y: hidden; }

[form-table] .table-row {
  height: 70px;
  border-bottom: 1px solid #E5E5E5; }

basic-tile .tile-content {
  height: 100%;
  display: flex;
  flex-direction: column; }
  basic-tile .tile-content .tile-info {
    flex: 1; }
    basic-tile .tile-content .tile-info p {
      font-family: "Nitti Grotesk";
      font-style: normal;
      font-weight: 300;
      font-size: 20px;
      line-height: 28px;
      letter-spacing: -0.5px;
      color: #000000;
      margin: 0;
      overflow: hidden;
      text-overflow: ellipsis; }
    basic-tile .tile-content .tile-info .tile-title {
      font-family: "Mark OT";
      letter-spacing: 0px;
      font-style: normal;
      font-weight: 500;
      font-size: 14px;
      line-height: 28px; }
  basic-tile .tile-content .tile-actions {
    text-align: right; }
    basic-tile .tile-content .tile-actions i {
      cursor: pointer;
      margin-left: 15px;
      color: #BFBFBF;
      font-size: 30px; }

[form-tiles] {
  border-bottom: 1px solid #E5E5E5; }
  [form-tiles] .field-tile {
    position: relative; }
  [form-tiles] .field-input .input-container {
    width: 380px; }
  [form-tiles] .tiles-container {
    width: 100%;
    overflow-x: auto;
    padding: 20px 0;
    overflow-y: hidden;
    position: relative;
    white-space: nowrap; }
    [form-tiles] .tiles-container.more-than-two {
      padding-right: 50px; }
    [form-tiles] .tiles-container .tile {
      display: inline-block;
      width: fit-content;
      height: fit-content;
      padding: 16px 16px 0 16px;
      box-shadow: 0 0 0 1px #E5E5E5 inset;
      margin-right: 30px;
      vertical-align: top; }
  [form-tiles] .add-tile {
    vertical-align: top;
    height: 170px;
    display: inline-block;
    text-align: center;
    color: #BFBFBF;
    font-weight: 100;
    position: relative;
    width: 50px;
    background-color: #fff; }
    [form-tiles] .add-tile.fixed {
      position: absolute;
      top: 0;
      right: 0; }
    [form-tiles] .add-tile i {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      box-shadow: 0 0 0 1px #BFBFBF inset;
      display: inline-block;
      height: 24px;
      width: 24px;
      cursor: pointer; }
      [form-tiles] .add-tile i:before {
        line-height: 24px; }
  [form-tiles] .smart-home-kits {
    width: fit-content; }
    [form-tiles] .smart-home-kits .tile-content {
      width: fit-content; }

[field-label] > span,
field-label > span {
  font-family: "Mark OT";
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 18px;
  color: #5C6F78;
  width: 30%;
  padding-right: 30px; }

tbody[form-section] td.section-title {
  font-size: 20px;
  color: #000000;
  padding: 30px 0;
  font-style: normal;
  font-weight: bold;
  line-height: 48px;
  font-family: "Mark OT"; }

tbody[form-section] td.section-subtitle {
  font-size: 14px;
  color: #5C6F78;
  padding-top: 10px;
  font-style: normal;
  font-weight: bold;
  line-height: 48px;
  font-family: "Mark OT"; }

tbody[form-section] td.divider {
  border-bottom: 1px solid #E5E5E5; }

tbody[form-section] .field-errors:not(.visible-section) {
  border-bottom: 1px solid #E5E5E5; }

tbody[form-section] .field-errors td {
  font-family: "Nitti Grotesk";
  font-style: normal;
  font-weight: 600;
  font-size: 12px;
  padding-bottom: 20px;
  letter-spacing: 1px;
  color: #BF0E08;
  text-transform: capitalize; }

tbody[form-section] tr.collapsed-field [field-label] {
  padding-right: 10px; }

[form-field]:not(.hide-bottom-border) {
  border-bottom: 1px solid #E5E5E5; }

md-option[ng-value="term.policy_id"], md-option[ng-value="term.policy_id"][selected] {
  color: #000000;
  font-size: 20px;
  font-weight: 300;
  font-family: "Nitti Grotesk"; }

policy-header .container {
  background-color: #EBFFF6;
  padding: 25px 50px 0 !important;
  width: 100% !important;
  height: 100px;
  display: flex;
  justify-content: center;
  box-shadow: inset 0px 1px 0px #BFBFBF, inset 0px -1px 0px #BFBFBF; }
  policy-header .container .info {
    display: inline-block;
    font-family: "Nitti Grotesk";
    margin: 0 20px; }
    policy-header .container .info .label {
      color: #5C6F78;
      letter-spacing: 1px;
      padding: 0; }
    policy-header .container .info .value {
      color: #000000;
      font-size: 20px;
      font-weight: 300; }
      policy-header .container .info .value sup {
        vertical-align: top;
        font-size: 16px;
        line-height: 45px;
        letter-spacing: -10px; }
      policy-header .container .info .value sub {
        font-size: 16px;
        line-height: 16px; }
    policy-header .container .info.address .value {
      white-space: nowrap; }
    policy-header .container .info.premium .value {
      font-size: 48px;
      line-height: 40px; }
  policy-header .container .terms md-select {
    margin: 0; }
    policy-header .container .terms md-select md-select-value {
      border: none;
      width: 330px; }
      policy-header .container .terms md-select md-select-value span {
        color: #000000;
        font-size: 20px;
        font-weight: 300; }

policy-header .edit-message {
  text-align: center;
  color: #fff;
  background-color: #00AD64;
  font-family: "Mark OT";
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 18px;
  padding: 10px 0; }
  policy-header .edit-message.locked {
    background-color: #5C6F78; }

select-dropdown md-select .md-text {
  font-family: "Mark OT";
  font-style: normal;
  font-weight: normal;
  font-size: 20px;
  line-height: 50px;
  letter-spacing: -0.6px;
  color: #000000; }

transaction-breakdown table {
  width: 100%;
  table-layout: fixed; }
  transaction-breakdown table.simple-breakdown {
    margin-bottom: 50px; }
    transaction-breakdown table.simple-breakdown .field-value {
      width: initial;
      text-align: right;
      font-weight: 500; }
      transaction-breakdown table.simple-breakdown .field-value.new input {
        text-align: right; }
  transaction-breakdown table .loader {
    margin: 15px auto 0; }
  transaction-breakdown table .no-updates {
    padding-top: 30px; }
  transaction-breakdown table .section-column {
    border-bottom: 1px solid #000000;
    font-family: "Nitti Grotesk";
    font-style: normal;
    font-weight: bold;
    font-size: 15px;
    line-height: 22px;
    color: #5C6F78;
    width: 25%;
    line-height: 50px;
    padding-top: 0;
    padding-bottom: 30px; }
  transaction-breakdown table .field-value {
    border: none;
    outline: none;
    font-family: "Mark OT";
    font-style: normal;
    font-weight: normal;
    font-size: 20px;
    line-height: 50px;
    height: 50px;
    letter-spacing: -0.6px;
    color: #000000;
    width: 100%; }
    transaction-breakdown table .field-value.old {
      color: #5C6F78; }
  transaction-breakdown table .field-label, transaction-breakdown table .field-value {
    border-bottom: 1px solid #E5E5E5; }

.red-font {
  color: #BF0E08;
  font-weight: 500; }

.blue-font {
  color: #4779B2;
  font-weight: 500; }

.due-text {
  font-size: 10px;
  font-weight: 700;
  letter-spacing: normal; }

.license-error-card-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 230px;
  height: 312px;
  border: 1px solid #BFBFBF;
  border-radius: 5px;
  padding: 50px 32px 45px;
  text-align: center; }
  .license-error-card-container img {
    width: 164px;
    height: 47px; }
  .license-error-card-container .license-error-card-head {
    color: #247DFF;
    font-family: "Mark OT";
    font-size: 24px;
    line-height: 24px;
    padding: 27px 0 10px; }
  .license-error-card-container .license-error-card-body {
    font-family: "Nitti Grotesk";
    font-size: 15px;
    color: #5C6F78;
    font-weight: 300;
    line-height: 17px; }

.reward-card {
  background: #fff;
  box-shadow: 0px 5px 2px rgba(0, 0, 0, 0.04);
  border-radius: 8px;
  width: 320px;
  max-height: 100%;
  margin-top: 50px;
  text-align: center; }
  .reward-card .start-medal-icon {
    width: 150px; }
  .reward-card .head {
    font-weight: 700;
    font-size: 28px;
    line-height: 32px;
    color: #1F1F1F;
    padding: 10px 80px;
    margin: 0; }
  .reward-card .subHead {
    padding: 5px 50px 25px;
    margin: 0;
    text-align: left;
    font-size: 18px;
    line-height: 24px;
    letter-spacing: -0.2px;
    color: #7F7F7F; }
  .reward-card .divider {
    border-bottom: 1px solid #E5E5E5;
    width: 85%;
    margin: 0 auto; }
  .reward-card .calender-container {
    position: relative;
    padding-top: 10px; }
    .reward-card .calender-container .calender-date {
      position: fixed; }
    .reward-card .calender-container .two-digital {
      transform: translate(-38px, 25px); }
    .reward-card .calender-container .one-digital {
      transform: translate(-35px, 25px); }
  .reward-card .calender-font {
    font-weight: 700;
    font-size: 16px;
    line-height: 20px;
    padding-bottom: 10px; }
  .reward-card .red-text {
    color: #BF0E08; }
  .reward-card .green-text {
    color: #00AD64; }
  .reward-card .calender-hours {
    padding-top: 20px;
    padding-bottom: 20px; }

.earned-reward-card {
  background: #fff;
  border: 2px solid #02DE82;
  box-shadow: 0px 5px 2px rgba(0, 0, 0, 0.04);
  border-radius: 8px;
  width: 320px;
  max-height: 100%;
  margin-top: 50px;
  text-align: center; }
  .earned-reward-card .start-medal-icon {
    width: 150px; }
  .earned-reward-card .head {
    font-weight: 700;
    font-size: 28px;
    line-height: 32px;
    color: #1F1F1F;
    padding: 10px 80px;
    margin: 0; }
  .earned-reward-card .subHead {
    padding: 5px 20px 25px;
    margin: 0;
    text-align: left;
    font-size: 18px;
    line-height: 24px;
    letter-spacing: -0.2px;
    color: #7F7F7F; }
  .earned-reward-card .footer {
    background-color: #02DE82;
    width: 318px;
    height: 48px;
    margin-top: 24px;
    border-radius: 0 0 9px 9px;
    line-height: 48px;
    font-weight: 600;
    font-size: 16px;
    color: #fff;
    letter-spacing: 0.5px; }

.incentives-tab-container {
  background: #F6F6F6;
  box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.1);
  width: 400px;
  height: 100%;
  z-index: 2;
  top: 0;
  left: 0;
  position: fixed;
  font-family: "Nitti Grotesk";
  transition: 300ms ease-out all; }
  .incentives-tab-container .close-icon {
    position: absolute;
    right: 25px;
    top: 25px; }
    .incentives-tab-container .close-icon:focus {
      outline: none; }
  .incentives-tab-container .content-container {
    padding: 72px 40px;
    text-align: left; }
    .incentives-tab-container .content-container .tab-head {
      font-weight: 400;
      font-size: 48px;
      line-height: 48px;
      color: #1F1F1F;
      letter-spacing: -1.3px; }
    .incentives-tab-container .content-container .tab-subHead {
      font-size: 22px;
      line-height: 30px;
      letter-spacing: -0.2px;
      color: #7F7F7F; }
    .incentives-tab-container .content-container .tab-footer {
      padding-top: 40px; }
      .incentives-tab-container .content-container .tab-footer a {
        color: #404040;
        text-decoration: underline; }

.vertical-tab {
  width: 40px;
  height: 160px;
  background-color: #02DE82;
  border-radius: 0 5px 5px 0;
  z-index: 2;
  position: fixed;
  top: 15px;
  left: 400px; }
  .vertical-tab p {
    color: #fff;
    font-weight: 700;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: 0.2px;
    transform: rotate(270deg) translateX(-100px);
    white-space: nowrap;
    margin: 20px; }
  .vertical-tab:focus {
    outline: none; }

.incentives-tab-container.ng-animate {
  transition: 300ms ease-out all; }

.incentives-tab-container.ng-enter {
  transform: translateX(-400px); }

.incentives-tab-container.ng-enter.ng-enter-active {
  transform: translateX(0); }

.incentives-tab-container.ng-leave {
  transform: translateX(0); }

.incentives-tab-container.ng-leave.ng-leave-active {
  transform: translateX(-400px); }

.tab-leave {
  transform: translateX(-400px); }

.tab-enter {
  transform: translateX(0); }

.vertical-tab.ng-animate {
  transition: 300ms ease-out all; }

.vertical-tab.ng-enter {
  left: 0px; }

.vertical-tab.ng-enter.ng-enter-active {
  left: 400px; }

.vertical-tab.ng-leave {
  left: 400px; }

.vertical-tab.ng-leave.ng-leave-active {
  left: 0px; }

.vertical-tab-enter {
  left: 0px; }

.vertical-tab-leave {
  left: 400px; }

.no-results-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 80px; }
  .no-results-container .no-results-title {
    font-size: 36px;
    color: #87949A; }
  .no-results-container .no-results-message {
    font-size: 16px;
    color: #404040; }

side-nav-container {
  overflow-y: auto;
  overflow-x: hidden; }
  side-nav-container ul {
    background-color: #F8F8F8;
    list-style: none;
    padding-left: 0;
    margin: 0;
    min-height: 100%; }
    side-nav-container ul .side-nav-top {
      min-height: 80vh; }
    side-nav-container ul .side-nav-bottom {
      height: 52px;
      background-color: #19DD84;
      color: #fff;
      display: flex;
      justify-content: center;
      align-items: center;
      letter-spacing: 2px;
      font-weight: bold;
      text-transform: uppercase;
      line-height: 28px; }
      side-nav-container ul .side-nav-bottom .plus-icon {
        position: relative;
        width: 12px;
        height: 12px; }
        side-nav-container ul .side-nav-bottom .plus-icon:before, side-nav-container ul .side-nav-bottom .plus-icon:after {
          content: "";
          position: absolute;
          background-color: white;
          transition: transform 0.25s ease-out; }
        side-nav-container ul .side-nav-bottom .plus-icon:before {
          top: 0;
          left: 50%;
          width: 2px;
          height: 100%;
          margin-left: -1px; }
        side-nav-container ul .side-nav-bottom .plus-icon:after {
          top: 50%;
          left: 0;
          width: 100%;
          height: 2px;
          margin-top: -1px; }
      side-nav-container ul .side-nav-bottom p {
        padding: 10px 0 0 10px; }

side-nav-section li {
  line-height: 80px;
  font-family: "Mark OT";
  font-family: Mark OT;
  font-style: normal;
  font-weight: normal;
  font-size: 20px;
  letter-spacing: -0.6px;
  cursor: pointer; }
  side-nav-section li > p {
    color: #87949A;
    position: relative;
    padding-left: 50px;
    margin-bottom: 0; }
    side-nav-section li > p:hover {
      color: #5C6F78; }
    side-nav-section li > p.active, side-nav-section li > p.subsection-error {
      background-color: #fff;
      color: #5C6F78;
      font-weight: bold; }
      side-nav-section li > p.active + ul, side-nav-section li > p.subsection-error + ul {
        background-color: #fff;
        display: block; }
    side-nav-section li > p.active:after {
      content: '';
      position: absolute;
      left: 0;
      width: 8px;
      height: 100%;
      background-color: #19DD84; }
  side-nav-section li ul {
    display: none; }
    side-nav-section li ul > :last-child li {
      padding-bottom: 40px; }
  side-nav-section li i.ion-alert-circled {
    color: #BF0E08;
    position: absolute;
    left: 20px;
    font-size: 16px; }

side-nav-subsection li {
  cursor: pointer; }
  side-nav-subsection li > p {
    font-size: 14px;
    line-height: 40px; }
    side-nav-subsection li > p:hover {
      color: #5C6F78; }
  side-nav-subsection li.active p {
    color: #000000; }

.leaddetails-page nav-bar {
  position: fixed;
  top: 0;
  z-index: 100; }

nav-bar .nav-padding {
  width: 100%; }

nav-bar .navbar {
  padding-top: 25px;
  background-color: #fff;
  border: none;
  font-family: "Mark OT";
  margin: 0; }

nav-bar .navbar-fixed-top {
  z-index: 1; }

nav-bar .navbar-wrapper .navbar-header .navbar-brand {
  padding-top: 11px; }
  nav-bar .navbar-wrapper .navbar-header .navbar-brand .navbar-brand-logo {
    height: 35px; }

nav-bar .navbar-wrapper .navbar-header.partner-logo .navbar-brand {
  width: auto; }
  nav-bar .navbar-wrapper .navbar-header.partner-logo .navbar-brand img {
    display: inline-block; }

nav-bar .navbar-wrapper .navbar-header.partner-logo .navbar-separator {
  transform: translateY(-5px);
  margin: 0 5px; }

nav-bar .navbar-wrapper .navbar-header.partner-logo .navbar-partner-logo {
  max-width: 130px;
  max-height: 35px; }

nav-bar .navbar-wrapper .navbar-header.partner-logo.tollbrothers .navbar-partner-logo {
  transform: translateY(-5px); }

@media (min-width: 768px) {
  nav-bar .navbar-wrapper {
    display: flex;
    justify-content: center; } }

nav-bar .nav.portal-menu > li > a,
nav-bar .nav.portal-menu > li > span {
  padding: 15px;
  color: #87949A;
  font-size: 14px;
  font-weight: 400; }

nav-bar .nav.portal-menu > li > span {
  line-height: 20px;
  display: block;
  white-space: nowrap; }

nav-bar .nav.portal-menu .pending-policies-badge-container {
  position: relative;
  padding-top: 1px; }
  nav-bar .nav.portal-menu .pending-policies-badge-container > a {
    line-height: normal; }
  nav-bar .nav.portal-menu .pending-policies-badge-container .pending-policies-badge {
    background-color: #BF0E08;
    width: 25px;
    height: 15px;
    border-radius: 12px;
    position: absolute;
    top: 17px;
    left: 70px;
    text-align: center;
    color: #FFFFFF;
    font-size: 11px;
    margin-left: 3px; }

nav-bar .nav.portal-menu .help-feature-modal-backdrop {
  z-index: 0;
  opacity: 0.5;
  background-color: #000000; }

nav-bar .nav.portal-menu .help-feature-modal-wrapper {
  position: absolute;
  background-color: whitesmoke;
  box-shadow: 0 0 16px rgba(0, 0, 0, 0.2);
  border-radius: 8px;
  z-index: 2;
  margin-left: -360px; }
  nav-bar .nav.portal-menu .help-feature-modal-wrapper .help-feature-modal {
    padding: 24px 24px 0 24px;
    max-width: 340px;
    display: flex;
    flex-direction: column;
    align-items: flex-end; }
    nav-bar .nav.portal-menu .help-feature-modal-wrapper .help-feature-modal .modal-title {
      text-align: left;
      font-style: normal;
      font-weight: 600;
      font-size: 18px;
      line-height: 20px;
      letter-spacing: 0.3px;
      color: #1F1F21; }
    nav-bar .nav.portal-menu .help-feature-modal-wrapper .help-feature-modal md-dialog-actions {
      padding: 20px 0; }

nav-bar .navbar .badge-pending-policies {
  background-color: #c9302c;
  margin-top: -4px; }

nav-bar .navbar-nav.user-profile {
  display: flex; }

nav-bar .navbar-nav.user-profile > li > a {
  color: #87949A; }

nav-bar .navbar-nav.user-profile .icon-user-profile {
  height: 30px;
  margin-right: 5px; }

nav-bar .navbar-nav.user-profile .dropdown-toggle {
  padding-top: 10px; }

nav-bar .navbar-nav.user-profile .userName {
  width: 161px;
  display: inline-block;
  text-overflow: ellipsis;
  overflow: hidden;
  vertical-align: middle; }

nav-bar .navbar-nav .dropdown-menu .logout-button {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: 400;
  line-height: 1.42857143;
  color: #333;
  white-space: nowrap;
  background-color: transparent;
  font-size: inherit;
  min-height: initial;
  border-radius: 0;
  min-width: initial;
  letter-spacing: inherit;
  text-transform: initial;
  font-family: "Mark OT";
  font-size: 14px;
  width: 100%;
  text-align: left; }
  nav-bar .navbar-nav .dropdown-menu .logout-button:focus {
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px; }
  nav-bar .navbar-nav .dropdown-menu .logout-button:focus, nav-bar .navbar-nav .dropdown-menu .logout-button:hover {
    color: #262626;
    text-decoration: none;
    background-color: #f5f5f5; }

notifications {
  display: list-item;
  /* Notifications popup */ }
  notifications li.notifications.open > a,
  notifications li.notifications.open > a:focus,
  notifications li.notifications.open > a:active {
    background-color: transparent; }
  notifications li.notifications i {
    color: #fff;
    background: #e3e3e3;
    border-radius: 50px;
    font-size: 20px;
    padding: 7px; }
  notifications li.notifications .badge-counter {
    display: none;
    background: #fff;
    position: absolute;
    top: 8px;
    right: 12px;
    border: 1px solid #765bf4;
    border-radius: 10px;
    font-size: 11px;
    line-height: 11px;
    text-align: center;
    padding-top: 1px;
    width: 14px;
    height: 14px; }
  notifications li.notifications.unread i {
    background: #765bf4; }
  notifications li.notifications.unread .badge-counter {
    display: block; }
  notifications li.notifications .dropdown-menu {
    border: none;
    width: 451px;
    border-radius: 13px;
    background-color: #ffffff;
    box-shadow: 0 10px 14px 0 rgba(0, 0, 0, 0.2);
    right: auto;
    left: 50%;
    transform: translate(-50%, 0); }
    notifications li.notifications .dropdown-menu .header {
      cursor: default;
      font-family: "Mark OT", sans-serif;
      font-size: 24px;
      letter-spacing: -0.96px;
      line-height: 100px;
      text-align: left;
      padding-left: 34px; }
    notifications li.notifications .dropdown-menu .notification {
      border-top: 1px solid #f5f5f5;
      border-bottom: 1px solid #f5f5f5;
      margin-top: -1px; }
      notifications li.notifications .dropdown-menu .notification:hover {
        box-shadow: 2px 1px 4px 0 rgba(0, 0, 0, 0.1); }
      notifications li.notifications .dropdown-menu .notification .notification-body {
        border-left: 14px solid #ebebeb;
        padding: 15px;
        color: #929292;
        font-family: "Nitti Grotesk";
        font-size: 14px;
        white-space: normal; }
        notifications li.notifications .dropdown-menu .notification .notification-body .notification-container {
          max-height: 40px;
          overflow: hidden; }
      notifications li.notifications .dropdown-menu .notification.unread:hover {
        box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.25); }
      notifications li.notifications .dropdown-menu .notification.unread .notification-body {
        border-left-color: #765bf4; }
    notifications li.notifications .dropdown-menu .see-more a {
      color: #87949A;
      font-family: "Mark OT";
      font-size: 14px;
      font-weight: 500;
      line-height: 18px;
      margin-top: 5px; }
      notifications li.notifications .dropdown-menu .see-more a:hover {
        background: none; }
  notifications li.notifications .notifications.dropdown-menu {
    z-index: 1001; }
    notifications li.notifications .notifications.dropdown-menu .remind-me-later-container {
      position: absolute;
      line-height: 100px;
      right: 20px;
      color: #9B9B9B;
      font-size: 10px;
      letter-spacing: 0.07px;
      font-family: 'Mark OT', sans-serif;
      display: inline-block; }
      notifications li.notifications .notifications.dropdown-menu .remind-me-later-container i.fa-bell-o {
        color: #929292;
        background: transparent;
        vertical-align: middle; }
      notifications li.notifications .notifications.dropdown-menu .remind-me-later-container .remind-me-later-text {
        visibility: hidden; }
      notifications li.notifications .notifications.dropdown-menu .remind-me-later-container:hover {
        cursor: pointer; }
        notifications li.notifications .notifications.dropdown-menu .remind-me-later-container:hover .remind-me-later-text {
          visibility: visible; }
        notifications li.notifications .notifications.dropdown-menu .remind-me-later-container:hover i.fa-bell-o {
          color: #765BF4; }

.banner-container {
  width: 100%;
  height: 480px;
  background: #D8FAEC;
  position: fixed;
  top: 80px;
  z-index: 2; }
  .banner-container .banner-content {
    display: flex;
    height: 100%;
    justify-content: center; }
    .banner-container .banner-content .badge-image {
      width: 320px;
      align-self: start; }
    .banner-container .banner-content .close-icon {
      width: 25px;
      position: absolute;
      top: 27px;
      right: 27px; }
    .banner-container .banner-content .banner-text {
      padding-top: 80px; }
      .banner-container .banner-content .banner-text h1 {
        font-size: 60px;
        line-height: 60px;
        font-weight: 500;
        letter-spacing: -1.3px;
        max-width: 660px; }
      .banner-container .banner-content .banner-text p {
        color: #00AD64;
        font-size: 24px;
        line-height: 30px;
        letter-spacing: -0.3px;
        max-width: 490px;
        padding-top: 25px; }
      .banner-container .banner-content .banner-text a {
        padding-top: 16px; }

policy-information-section table {
  width: 100%; }

payment-information-section selection[name="method"] {
  margin-right: 50px; }

payment-information-section tr:not(:first-child) td:not(.section-title) {
  height: 100px; }

payment-information-section tr {
  border-bottom: 1px solid #E5E5E5; }

payment-information-section #card-number, payment-information-section #expiration-date, payment-information-section #cvc {
  width: 398px; }

payment-information-section .payment-actions td {
  text-align: right; }
  payment-information-section .payment-actions td button {
    margin-left: 20px; }

payment-information-section input:-webkit-autofill, payment-information-section input:-webkit-autofill:hover, payment-information-section input:-webkit-autofill:focus, payment-information-section input:-webkit-autofill:active {
  transition: background-color 5000s ease-in-out 0s; }

payment-information-section md-input-container .md-input {
  width: 400px; }

payment-information-section .error-message {
  color: #BF0E08;
  font-size: 12px; }

mortgage-information-section .add-lender-container {
  padding-top: 30px; }

mortgage-information-section .lender-name {
  border: none;
  outline: none;
  font-family: "Mark OT";
  font-style: normal;
  font-weight: normal;
  font-size: 20px;
  line-height: 50px;
  height: 50px;
  letter-spacing: -0.6px;
  color: #000000;
  width: 100%;
  width: initial; }

mortgage-information-section .lender-actions {
  white-space: nowrap; }

mortgage-information-section .mortgage-row {
  border-bottom: 1px solid #E5E5E5; }
  mortgage-information-section .mortgage-row > td {
    padding: 20px 0; }

mortgage-information-section .separator {
  font-family: "Nitti Grotesk";
  font-style: normal;
  font-weight: bold;
  font-size: 20px;
  color: #87949A; }

.smart-home-table {
  font-family: "Mark OT";
  margin-top: 20px; }
  .smart-home-table .title {
    border-bottom: 1px solid #000000;
    font-style: normal;
    font-weight: bold;
    font-size: 20px;
    line-height: 48px;
    color: #000000;
    padding-bottom: 30px; }
  .smart-home-table .true-value .input-container > div > input {
    color: white;
    background-color: #21CC7E;
    text-align: center;
    height: 32px;
    width: 32px;
    border-radius: 30px;
    font-size: 15px; }
  .smart-home-table .false-value .input-container > div > input {
    color: white;
    background-color: #BFBFBF;
    text-align: center;
    height: 32px;
    width: 32px;
    border-radius: 30px;
    font-size: 15px; }

.smart-home-kit {
  margin-top: 40px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 16px;
  border: 1px solid #E5E5E5;
  box-sizing: border-box;
  width: fit-content;
  font-family: "Mark OT"; }

billing-section > div > table {
  table-layout: fixed; }

.billing-table tbody > tr > td > .input-container > div > input {
  font-family: "Nitti Grotesk";
  line-height: 28px;
  letter-spacing: -0.5px; }

documents-section .document-row {
  border-bottom: 1px solid #E5E5E5; }
  documents-section .document-row td {
    padding: 30px 0;
    font-family: "Nitti Grotesk";
    font-size: 20px;
    line-height: 28px;
    letter-spacing: -0.5px;
    color: #000000; }
    documents-section .document-row td:first-child {
      width: 400px; }

documents-section .document-head {
  border-bottom: 1px solid #E5E5E5;
  height: 45px; }

optional-scheduled-property-section table {
  table-layout: fixed; }
  optional-scheduled-property-section table .section-subtitle {
    font-family: "Nitti Grotesk";
    font-size: 20px;
    line-height: 28px;
    color: #5C6F78;
    border-bottom: 1px solid #E5E5E5;
    height: 80px;
    letter-spacing: 2px; }
  optional-scheduled-property-section table .specialLimits {
    border-bottom: 1px solid #E5E5E5; }
    optional-scheduled-property-section table .specialLimits td input {
      font-family: "Mark OT";
      font-size: 20px;
      color: #000000;
      border-bottom: 1px solid #000000; }
    optional-scheduled-property-section table .specialLimits td input[disabled] {
      color: #000000;
      border-bottom: none;
      padding-top: 13px; }

start-endorsement-section .draft-actions button {
  margin: 30px 40px 80px 0; }

start-endorsement-section .modified-date {
  font-family: "Nitti Grotesk";
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: 1px;
  color: #000000;
  margin-top: 30px; }

start-endorsement-section table.endorsement-cta {
  margin-bottom: 30px; }
  start-endorsement-section table.endorsement-cta .tile-info {
    display: flex; }
  start-endorsement-section table.endorsement-cta .tile-container {
    display: inline-block;
    min-height: 120px;
    width: 250px;
    padding: 15px;
    margin: 50px 15px 50px 0;
    box-shadow: 0 0 0 1px #E5E5E5 inset;
    color: #000000; }
    start-endorsement-section table.endorsement-cta .tile-container .tile-title {
      font-family: "Mark OT";
      font-style: normal;
      font-weight: 500;
      font-size: 14px;
      line-height: 18px; }
    start-endorsement-section table.endorsement-cta .tile-container .tile-content {
      font-family: "Nitti Grotesk";
      font-style: normal;
      font-weight: 300;
      font-size: 20px;
      line-height: 28px; }

.page-container.policy-details {
  min-height: 100%;
  display: flex;
  flex-direction: column; }
  .page-container.policy-details .policy-container {
    display: flex;
    flex: 1 1 0;
    min-height: 0; }
    .page-container.policy-details .policy-container side-nav-container > ul {
      width: 280px;
      padding-top: 40px; }
  .page-container.policy-details .cta-container {
    box-shadow: inset 0px 1px 0px #BFBFBF;
    display: flex;
    height: 160px;
    justify-content: flex-end;
    padding-right: 15%;
    background-color: #fff; }
    .page-container.policy-details .cta-container hc-button {
      margin: 59px 20px; }
  .page-container.policy-details .policy-view {
    display: flex;
    padding: 40px 0 0 40px;
    width: calc(100% - 280px); }
    .page-container.policy-details .policy-view .policy-form {
      flex: 1;
      padding: 0 90px 0 50px;
      overflow-y: auto;
      padding-bottom: 40px; }
    .page-container.policy-details .policy-view cart {
      min-width: 280px; }
  .page-container.policy-details table {
    width: 100%; }
  .page-container.policy-details tr:not(:first-child) td.section-title {
    padding-top: 40px; }
  .page-container.policy-details tr td.section-title {
    border-bottom: 1px solid #000000;
    font-family: "Mark OT";
    font-style: normal;
    font-weight: bold;
    font-size: 20px;
    line-height: 48px;
    color: #000000;
    padding-bottom: 30px; }

.license-error-page-container {
  display: flex;
  flex-direction: column;
  align-items: center; }
  .license-error-page-container .error-message-container {
    background-color: #F8F8F8;
    text-align: center;
    color: #5C6F78;
    height: 300px;
    line-height: 300px;
    width: 100%; }
  .license-error-page-container .error-message-body {
    line-height: 1.5;
    display: inline-block;
    vertical-align: middle; }
  .license-error-page-container .error-message-title {
    margin: 0 auto;
    font-weight: bold;
    font-size: 36px;
    line-height: 44px;
    font-family: "Mark OT";
    max-width: 800px; }
  .license-error-page-container .error-message-contact-info {
    max-width: 500px;
    margin: 0 auto;
    padding-top: 25px;
    font-size: 24px;
    font-weight: 400;
    line-height: 32px;
    font-family: "Nitti Grotesk"; }
    .license-error-page-container .error-message-contact-info a {
      color: #247DFF; }
  .license-error-page-container .hippo-offer-head {
    font-family: "Mark OT";
    color: #5C6F78;
    font-size: 24px;
    padding: 65px 0 45px; }
  .license-error-page-container .hippo-offer-card-container {
    display: flex;
    min-width: 780px;
    justify-content: space-around; }

basic-modal {
  padding: 80px 100px;
  display: block; }
  basic-modal .modal-title {
    font-family: "Mark OT";
    font-style: normal;
    font-weight: normal;
    font-size: 36px;
    line-height: 55px;
    letter-spacing: -1px;
    color: #1F1F21;
    margin-bottom: 30px;
    text-align: center; }
  basic-modal form .form-row {
    display: flex;
    justify-content: space-between; }
    basic-modal form .form-row > md-input-container {
      flex: 1; }
  basic-modal .simple-text {
    font-family: "Nitti Grotesk";
    font-style: normal;
    font-weight: 300;
    font-size: 22px;
    line-height: 24px;
    color: #5C6F78; }
    basic-modal .simple-text.center {
      text-align: center; }
  basic-modal .divided-row {
    border-bottom: 1px solid #E5E5E5;
    padding-bottom: 15px; }
    basic-modal .divided-row label {
      color: #BFBFBF;
      font-size: 11px; }
    basic-modal .divided-row .sub-row {
      display: flex;
      justify-content: space-between;
      width: 100%;
      align-items: flex-end;
      height: 50px; }
    basic-modal .divided-row .sub-row-first {
      padding-right: 30px; }
  basic-modal .modal-tooltip {
    position: absolute;
    top: -21px;
    right: 120px; }
  basic-modal .close {
    position: absolute;
    right: 32px;
    top: 32px;
    width: 20px;
    height: 20px;
    opacity: 0.3; }
  basic-modal .close:before, basic-modal .close:after {
    position: absolute;
    left: 15px;
    content: ' ';
    height: 20px;
    width: 2px;
    background-color: #87949A; }
  basic-modal .close:before {
    transform: rotate(45deg); }
  basic-modal .close:after {
    transform: rotate(-45deg); }
  basic-modal .resend-customer-email-body {
    width: 90%;
    font-family: "Nitti Grotesk";
    font-weight: 300;
    font-size: 22px;
    line-height: 24px;
    margin: 0 auto;
    text-align: center;
    color: #5C6F78;
    padding: 5px 0px; }
  basic-modal .resend-customer-email-date {
    color: #19DD84;
    font-weight: bold; }
  basic-modal md-dialog-actions {
    display: flex;
    padding: 30px 5px;
    justify-content: space-between; }
    basic-modal md-dialog-actions hc-button {
      flex: 1; }
      basic-modal md-dialog-actions hc-button:first-child {
        margin-right: 30px; }
      basic-modal md-dialog-actions hc-button:last-child {
        margin-left: 30px; }
      basic-modal md-dialog-actions hc-button button {
        width: 100%; }

mortgage-modal md-dialog {
  max-width: 750px; }

mortgage-modal md-input-container {
  width: 100%; }

mortgage-modal md-select-value .md-text {
  text-transform: uppercase; }

mortgage-modal mh-state-dropdown md-select {
  transform: translateY(-2px);
  height: 32px; }

mortgage-modal .button-confirmation-container {
  text-align: center;
  min-height: 30px;
  position: relative;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  margin-bottom: 25px; }
  mortgage-modal .button-confirmation-container button {
    color: #fff;
    background-color: #19DD84;
    border-radius: 25px;
    border: none;
    text-transform: uppercase;
    letter-spacing: 2px;
    padding: 15px 50px;
    font-size: 12px;
    font-weight: 500;
    min-width: 200px;
    margin: 10px 30px; }
    mortgage-modal .button-confirmation-container button.alt {
      background-color: white;
      color: gray;
      box-shadow: inset 0 0 0 1px #9b9b9b; }
    mortgage-modal .button-confirmation-container button.lender-modal-btn {
      padding: 5px 50px; }

mortgage-modal .escrow-form {
  display: flex;
  flex-direction: column; }
  mortgage-modal .escrow-form label {
    font-size: 20px;
    font-weight: 400; }
  mortgage-modal .escrow-form .field {
    flex: 1; }
    mortgage-modal .escrow-form .field label {
      text-transform: uppercase; }
  mortgage-modal .escrow-form .name-number, mortgage-modal .escrow-form .loan-officer {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: space-between; }
  mortgage-modal .escrow-form .loan-officer .note {
    width: 100%; }
  mortgage-modal .escrow-form .location, mortgage-modal .escrow-form .streets {
    display: flex;
    flex-direction: column; }
    mortgage-modal .escrow-form .location .city, mortgage-modal .escrow-form .streets .city {
      flex: 1; }
    mortgage-modal .escrow-form .location .state-zip, mortgage-modal .escrow-form .streets .state-zip {
      flex: 1;
      display: flex;
      flex-direction: row; }
      mortgage-modal .escrow-form .location .state-zip .state, mortgage-modal .escrow-form .streets .state-zip .state {
        position: relative;
        flex: 2;
        text-transform: capitalize; }
        mortgage-modal .escrow-form .location .state-zip .state md-input-container.md-input-invalid + label, mortgage-modal .escrow-form .streets .state-zip .state md-input-container.md-input-invalid + label {
          color: #dd2c00; }
        mortgage-modal .escrow-form .location .state-zip .state label, mortgage-modal .escrow-form .streets .state-zip .state label {
          position: absolute;
          top: -10px;
          font-size: 15px;
          left: 0;
          color: #9E9E9E;
          transform: translateX(2px); }
          mortgage-modal .escrow-form .location .state-zip .state label:after, mortgage-modal .escrow-form .streets .state-zip .state label:after {
            content: ' *'; }
        mortgage-modal .escrow-form .location .state-zip .state md-select-value > span:first-child:after, mortgage-modal .escrow-form .streets .state-zip .state md-select-value > span:first-child:after {
          display: none; }
      mortgage-modal .escrow-form .location .state-zip .zip, mortgage-modal .escrow-form .streets .state-zip .zip {
        flex: 2; }
  @media screen and (min-width: 700px) {
    mortgage-modal .escrow-form .escrow-form, mortgage-modal .escrow-form .name-number, mortgage-modal .escrow-form .loan-officer, mortgage-modal .escrow-form .location, mortgage-modal .escrow-form .streets {
      flex-direction: row; } }

.incentives-modal-container {
  padding: 20px 50px;
  width: 530px;
  font-family: "Nitti Grotesk"; }
  .incentives-modal-container .head-container {
    display: flex;
    justify-content: space-between;
    align-items: center; }
    .incentives-modal-container .head-container .head {
      font-weight: 700;
      font-size: 24px;
      line-height: 28px;
      letter-spacing: -0.3px;
      color: #1F1F21; }
  .incentives-modal-container .body {
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.3px;
    color: #5C6F78; }
    .incentives-modal-container .body a {
      text-decoration: underline;
      color: #5C6F78; }
  .incentives-modal-container .action-container {
    display: flex;
    justify-content: space-between;
    padding: 15px 0; }
    .incentives-modal-container .action-container .reminder-container {
      display: flex; }
      .incentives-modal-container .action-container .reminder-container label {
        margin: 0px;
        font-size: 12px;
        font-weight: 400;
        line-height: 18px;
        letter-spacing: 0.3px;
        color: #5C6F78;
        padding-left: 5px;
        padding-top: 2px; }
  .incentives-modal-container .close-modal {
    position: absolute;
    top: 15px;
    right: 15px; }
  .incentives-modal-container .footer {
    color: #5C6F78;
    font-size: 10px;
    padding-top: 20px;
    letter-spacing: 0.4px; }

.help-feature-modal-backdrop {
  position: fixed;
  z-index: 0;
  opacity: 0.5;
  background-color: #000000; }

.announcement-modal-wrapper {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-box-shadow: 0px 8px 5px 0px rgba(56, 56, 56, 0.42);
  box-shadow: 0px 8px 5px 0px rgba(56, 56, 56, 0.42);
  border-radius: 10%;
  z-index: 2; }

.announcement-modal-container {
  width: 700px;
  border-radius: 10%;
  background-color: #fff; }
  .announcement-modal-container .announcement-modal-header-container {
    padding: 40px 10px;
    background-color: #EBFFF6;
    margin: auto;
    text-align: center;
    border-radius: 20px 20px 0 0; }
    .announcement-modal-container .announcement-modal-header-container .title {
      font-size: 32px;
      margin: 0; }
  .announcement-modal-container .announcement-body-container {
    padding: 32px;
    font-size: 24px;
    font-family: "Nitti Grotesk";
    color: #1F1F21;
    opacity: 1;
    background-color: #fff;
    border-radius: 0 0 20px 20px; }
    .announcement-modal-container .announcement-body-container a {
      color: #00AD64;
      text-decoration: underline; }
  .announcement-modal-container .action-section {
    display: flex;
    justify-content: space-between;
    background-color: #fff;
    border-radius: 0 0 20px 20px;
    padding: 10px 30px; }
    .announcement-modal-container .action-section md-checkbox .ng-empty .md-icon {
      background-color: #F8F8F8; }
    .announcement-modal-container .action-section md-checkbox.ng-not-empty .md-icon {
      background-color: #21CC7E; }

.help-feature-modal-backdrop {
  position: fixed;
  z-index: 0;
  opacity: 0.5;
  background-color: #000000; }

.singleton-modal-wrapper {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-box-shadow: 0px 8px 5px 0px rgba(56, 56, 56, 0.42);
  box-shadow: 0px 8px 5px 0px rgba(56, 56, 56, 0.42);
  border-radius: 10%;
  z-index: 2; }

@keyframes leave {
  0% {
    margin-left: 0%; }
  100% {
    margin-left: -100%; } }

.leave {
  animation-name: leave;
  animation-duration: 1s;
  animation-delay: 0s; }

@keyframes enterBackward {
  0% {
    margin-left: -100%; }
  100% {
    margin-left: 0%; } }

.enter-backward {
  animation-name: enterBackward;
  animation-duration: 1s;
  animation-delay: 0s; }

@keyframes enter {
  0% {
    margin-left: 100%; }
  100% {
    margin-left: 0%; } }

.enter {
  animation-name: enter;
  animation-duration: 1s;
  animation-delay: 0s; }

@keyframes leaveBackward {
  0% {
    margin-left: 0%; }
  100% {
    margin-left: 100%; } }

.leave-backward {
  animation-name: leaveBackward;
  animation-duration: 1s;
  animation-delay: 0s; }

.singleton-modal-container {
  width: 700px;
  border-radius: 10%;
  background-color: #fff; }
  .singleton-modal-container .singleton-img-container {
    position: relative;
    text-align: center;
    margin: auto; }
  .singleton-modal-container .singleton-img {
    border-radius: 20px 20px 0 0; }
  .singleton-modal-container .singleton-modal-header-container {
    padding: 10px 0 5px 40px;
    background-color: #F8F8F8;
    margin: auto;
    text-align: left;
    border-radius: 20px 20px 0 0; }
    .singleton-modal-container .singleton-modal-header-container .title {
      font-size: 28px;
      margin: 0; }
  .singleton-modal-container .singleton-body-container {
    padding: 40px 40px 0 40px;
    font-size: 16px;
    font-family: "Nitti Grotesk";
    color: #1F1F21;
    opacity: 1;
    background-color: #fff;
    border-radius: 0 0 20px 20px; }
    .singleton-modal-container .singleton-body-container a {
      color: #00AD64;
      text-decoration: underline; }
    .singleton-modal-container .singleton-body-container h4 {
      font-size: 20px;
      font-weight: bold; }
    .singleton-modal-container .singleton-body-container li {
      font-size: 18px; }
    .singleton-modal-container .singleton-body-container p {
      font-size: 18px; }
  .singleton-modal-container .singleton-action-section {
    display: flex;
    justify-content: flex-end;
    background-color: #fff;
    border-radius: 0 0 20px 20px;
    padding: 40px 40px 48px 0; }
  .singleton-modal-container .dots {
    justify-content: center;
    margin: auto;
    padding-top: 36px;
    text-align: center; }
  .singleton-modal-container .dot-gray {
    height: 10px;
    width: 10px;
    background-color: #bbb;
    border-radius: 50%;
    margin-right: 16px;
    display: inline-block;
    justify-content: center; }
  .singleton-modal-container .dot-green {
    height: 10px;
    width: 10px;
    background-color: #19DD84;
    border-radius: 50%;
    margin-right: 16px;
    display: inline-block;
    justify-content: center; }

/* ==========================================================================
   Custom fonts
   ========================================================================== */
@font-face {
  font-family: 'Mark OT';
  src: url("/fonts/MarkOT/MarkOT.woff") format("woff");
  font-weight: 400; }

@font-face {
  font-family: 'Mark OT';
  src: url("/fonts/MarkOT/MarkOT-Medium.woff") format("woff");
  font-weight: 500; }

@font-face {
  font-family: 'Mark OT';
  src: url("/fonts/MarkOT/MarkOT-Bold.woff") format("woff");
  font-weight: 700; }

@font-face {
  font-family: 'Nitti Grotesk';
  src: url("/fonts/NittiGrotesk/NittiGrotesk-Normal.woff") format("woff");
  font-weight: 400; }

@font-face {
  font-family: 'Nitti Grotesk';
  src: url("/fonts/NittiGrotesk/NittiGrotesk-Bold.woff") format("woff");
  font-weight: 700; }

@font-face {
  font-family: 'Nitti Grotesk';
  src: url("/fonts/NittiGrotesk/NittiGrotesk-Medium.woff") format("woff");
  font-weight: 600; }

@font-face {
  font-family: 'Nitti Grotesk';
  src: url("/fonts/NittiGrotesk/NittiGrotesk-Light.woff") format("woff");
  font-weight: 100; }

body, html {
  background-color: #fff;
  min-height: 100%;
  display: flex;
  flex-direction: column; }

input::-ms-clear {
  display: none; }

ui-view, [ui-view] {
  flex-grow: 1;
  display: flex;
  flex-direction: column; }

.hp-blue {
  color: #328DF9; }

.hp-green {
  color: #19DD84; }

.hp-purple {
  color: #765BF4; }

.hp-orange {
  color: #FC664D; }

md-backdrop.md-dialog-backdrop, .md-dialog-container {
  z-index: 9999; }

.tableWrapper {
  overflow: auto; }

button {
  outline: none;
  text-decoration: none;
  color: #fff;
  letter-spacing: 2px;
  background-color: #19DD84;
  text-transform: uppercase;
  border: none;
  border-radius: 25px;
  min-height: 38px;
  line-height: initial;
  padding: 10px 15px;
  min-width: 100px; }
  button.alt {
    background-color: white;
    color: gray;
    box-shadow: inset 0 0 0 1px #9b9b9b; }
  button.disabled {
    background-color: gray; }
  button.toast-close-button {
    padding: 0;
    min-width: initial;
    min-height: initial; }

.md-select-menu-container.md-active {
  z-index: 9999; }

md-select .md-select-value {
  padding-left: 0; }

md-select[disabled] .md-select-value {
  background-image: none; }
  md-select[disabled] .md-select-value .md-select-icon {
    display: none; }

/* Component - Spinner  */
.overlay-spinner {
  position: fixed;
  z-index: 99999;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  background: rgba(0, 0, 0, 0.3); }

.overlay-spinner .loader {
  border: 6px solid #f3f3f3;
  border-top: 6px solid #7c5bf4;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite; }

.overlay-spinner .loadingIcon {
  color: #fff;
  font-size: 35px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); }

@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg); } }

@keyframes spin {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }

/* End Component - Spinner */
.md-dialog-container {
  position: fixed;
  top: 0 !important; }
  .md-dialog-container md-dialog {
    margin-top: 100px;
    max-height: calc(95% - 100px); }