@import "../fonts/CenturyGothic/font-face.css";
@import "../fonts/FontAwesome/font-face.css";
@import "../fonts/GaramondRegular/font-face.css";
@import "../fonts/CenturySchoolbook/font-face.css";
@import "../fonts/Prata/font-face.css";
@import "../fonts/OpenSans/font-face.css";
/* Colors */
/* Typography */
/* Mixins */
/* Responsive Breakpoints */
/* Variables TO USE */
/* Variables used for EDGE CASES ONLY */
/* Common style rules shared accross the files */
.btn-text-default {
  font-family: "Open Sans Regular", sans-serif;
  font-weight: 700;
  letter-spacing: 1px;
  font-size: 1.6rem;
}
.btn-primary-hover {
  background-color: #EE1C25;
  border-color: #EE1C25;
}
.btn-second-hover {
  background-color: #008FD5;
  border-color: #008FD5;
}
@media (max-width: 1200px) {
  html.sidebar-active,
  body.sidebar-active {
    overflow: hidden;
  }
}
/* Admin Pages */
body#manage-page {
  background: #e6e7e8;
}
body#manage-page .header-container {
  background: #003858;
}
body#manage-page .body-container {
  min-height: calc(100vh - 15.5rem);
  padding: 1.5rem 0;
}
@media (max-width: 767px) {
  body#manage-page .body-container {
    padding: 0;
  }
}
body#manage-page .body-container > .container {
  background: #ffffff;
  display: flex;
  min-height: calc(100vh - 18.5rem);
  padding: 0 0 2.5rem;
}
@media (max-width: 767px) {
  body#manage-page .body-container > .container {
    display: block;
    min-height: calc(100vh - 15.5rem);
  }
}
@media (min-width: 1200px) {
  body#manage-page .body-container > .container {
    width: 80%;
  }
}
body#manage-page .body-container > .container > .inner-navbar {
  border-right: 0.1rem solid #bcbec0;
  min-height: 100%;
  padding: 0;
  position: relative;
  display: block;
}
@media (max-width: 767px) {
  body#manage-page .body-container > .container > .inner-navbar.manage-profile-nav {
    display: none;
  }
}
@media (max-width: 767px) {
  body#manage-page .body-container > .container > .inner-navbar {
    border: 0 none;
    width: 100%;
  }
}
body#manage-page .body-container > .container > .inner-navbar nav.navbar {
  background-color: transparent;
  min-height: 100%;
  padding: 0;
}
body#manage-page .body-container > .container > .inner-navbar nav.navbar.navbar-inverse {
  background-color: transparent;
}
body#manage-page .body-container > .container > .inner-navbar nav.navbar > .container {
  padding: 0;
  width: 100%;
}
body#manage-page .body-container > .container > .inner-navbar nav.navbar > .container .navbar-header {
  display: none;
}
@media (max-width: 767px) {
  body#manage-page .body-container > .container > .inner-navbar nav.navbar > .container .navbar-header {
    display: block;
  }
}
@media (max-width: 767px) {
  body#manage-page .body-container > .container > .inner-navbar nav.navbar > .container .navbar-header .navbar-toggle {
    background: #00aeef;
    border: 0 none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    display: block;
    margin: 0;
    text-align: center;
    width: 100%;
  }
}
@media (max-width: 767px) {
  body#manage-page .body-container > .container > .inner-navbar nav.navbar > .container .navbar-header .navbar-toggle .icon-bar {
    margin-left: auto;
    margin-right: auto;
  }
}
body#manage-page .body-container > .container > .inner-navbar nav.navbar > .container .navbar-collapse {
  float: none;
  width: 100%;
}
@media (max-width: 767px) {
  body#manage-page .body-container > .container > .inner-navbar nav.navbar > .container .navbar-collapse {
    background: #bcbec0;
    margin: 0;
  }
}
body#manage-page .body-container > .container > .inner-navbar nav.navbar > .container .navbar-collapse .user-details {
  padding: 1.5rem;
}
body#manage-page .body-container > .container > .inner-navbar nav.navbar > .container .navbar-collapse .user-details h3 {
  color: #00aeef;
  font-weight: bold;
}
@media (max-width: 1023px) {
  body#manage-page .body-container > .container > .inner-navbar nav.navbar > .container .navbar-collapse .user-details h3 {
    font-size: 1.8rem;
  }
}
@media (max-width: 767px) {
  body#manage-page .body-container > .container > .inner-navbar nav.navbar > .container .navbar-collapse .user-details h3.profile-header {
    width: 100%;
    text-align: center;
  }
}
body#manage-page .body-container > .container > .inner-navbar nav.navbar > .container .navbar-collapse ul.navbar-nav {
  display: block;
  float: none;
  width: 100%;
  text-align: left;
  margin: 0;
}
body#manage-page .body-container > .container > .inner-navbar nav.navbar > .container .navbar-collapse ul.navbar-nav li {
  border-bottom: 1px solid #e6e7e8;
  float: none;
  margin: 0;
  max-width: 100%;
  width: 100%;
}
body#manage-page .body-container > .container > .inner-navbar nav.navbar > .container .navbar-collapse ul.navbar-nav li > a {
  color: #003858;
  font-size: 2rem;
  padding-top: 16px;
  padding-bottom: 16px;
  padding-left: 25px;
  text-transform: none;
}
body#manage-page .body-container > .container > .inner-navbar nav.navbar > .container .navbar-collapse ul.navbar-nav li > a .unread-messages {
  color: #00aeef;
}
body#manage-page .body-container > .container > .inner-navbar nav.navbar > .container .navbar-collapse ul.navbar-nav li > a:hover,
body#manage-page .body-container > .container > .inner-navbar nav.navbar > .container .navbar-collapse ul.navbar-nav li > a:focus,
body#manage-page .body-container > .container > .inner-navbar nav.navbar > .container .navbar-collapse ul.navbar-nav li > a:active {
  background: #00aeef;
  color: white;
}
body#manage-page .body-container > .container > .inner-navbar nav.navbar > .container .navbar-collapse ul.navbar-nav li > a:hover .unread-messages,
body#manage-page .body-container > .container > .inner-navbar nav.navbar > .container .navbar-collapse ul.navbar-nav li > a:focus .unread-messages,
body#manage-page .body-container > .container > .inner-navbar nav.navbar > .container .navbar-collapse ul.navbar-nav li > a:active .unread-messages {
  color: white;
}
body#manage-page .body-container > .container > .inner-navbar nav.navbar > .container .navbar-collapse ul.navbar-nav li > a i {
  display: inline-block;
  font-size: 1.8rem;
  margin-right: 0.6rem;
  min-width: 2.4rem;
  text-align: center;
}
body#manage-page .body-container > .container > .inner-navbar nav.navbar > .container .navbar-collapse ul.navbar-nav li.active {
  background: #00aeef;
}
body#manage-page .body-container > .container > .inner-navbar nav.navbar > .container .navbar-collapse ul.navbar-nav li.active a {
  color: white;
}
body#manage-page .body-container > .container > .inner-navbar nav.navbar > .container .navbar-collapse ul.navbar-nav li.active a .unread-messages {
  color: white;
}
body#manage-page .body-container > .container > .inner-navbar nav.navbar > .container .navbar-collapse ul.second-level li.active {
  background: transparent;
}
body#manage-page .body-container > .container > .inner-navbar nav.navbar > .container .navbar-collapse ul.second-level li.active a {
  color: #003858;
  font-weight: bold;
}
body#manage-page .body-container > .container > .inner-navbar nav.navbar > .container .navbar-collapse ul.second-level li.active a:active,
body#manage-page .body-container > .container > .inner-navbar nav.navbar > .container .navbar-collapse ul.second-level li.active a:hover {
  color: white;
}
@media (min-width: 992px) and (max-width: 1199px) {
  body#manage-page .body-container > .container > .inner-navbar nav.navbar > .container .navbar-collapse {
    max-width: 100%;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  body#manage-page .body-container > .container > .inner-navbar nav.navbar > .container .navbar-collapse {
    max-width: 100%;
  }
}
@media (max-width: 767px) {
  body#manage-page .body-container > .container > .inner-navbar nav.navbar > .container .navbar-collapse {
    margin-top: 0;
    background: transparent;
  }
}
body#manage-page .body-container > .container > .inner-container {
  padding: 0;
}
@media (max-width: 767px) {
  body#manage-page .body-container > .container > .inner-container {
    width: 100%;
  }
}
body#manage-page .body-container > .container > .inner-container > .title {
  padding: 1.5rem;
}
body#manage-page .body-container > .container > .inner-container > .title h3 {
  color: #003858;
  margin: 0;
  text-transform: uppercase;
}
body#manage-page .body-container > .container > .inner-container form {
  padding: 1.5rem;
}
body#manage-page .body-container > .container > .inner-container form#user-profile-form,
body#manage-page .body-container > .container > .inner-container form#cmc-account-form {
  padding: 0 1.5rem;
}
body#manage-page .body-container > .container > .inner-container form#send-message-form,
body#manage-page .body-container > .container > .inner-container form#add-admin-form,
body#manage-page .body-container > .container > .inner-container form#update-admin-form {
  padding: 0;
}
body#manage-page .body-container > .container > .inner-container form .account-settings h3 {
  margin: 0 0 1.5rem;
}
body#manage-page .body-container > .container > .inner-container form .account-settings .password-requirements {
  padding-top: 1rem;
  color: #003858;
}
body#manage-page .body-container > .container > .inner-container form .account-settings .password-requirements ul {
  display: block;
  list-style-type: circle;
  list-style-position: inside;
  margin: 0;
  padding: 0;
}
@media (max-width: 1199px) {
  body#manage-page .body-container > .container > .inner-container form .account-settings .password-requirements {
    margin-bottom: 3rem;
  }
}
body#manage-page .body-container > .container > .inner-container form .account-settings .ns-header {
  margin-top: 3.5rem;
}
body#manage-page .body-container .update-admin form > div {
  clear: both;
  float: left;
  margin-top: 1rem;
  position: relative;
  width: 100%;
}
body#manage-page .body-container .update-admin form > div.form-group {
  margin-top: 0;
}
body#manage-page .body-container .update-admin form > div > h4 + ul {
  float: left;
  margin-top: 0;
  width: 100%;
}
body#manage-page .body-container .update-admin form > div > h4 + ul div > label.control-label {
  position: absolute;
  right: 7rem;
  top: -4.9rem;
  width: auto;
}
@media (min-width: 768px) and (max-width: 991px) {
  body#manage-page .body-container .update-admin form > div > h4 + ul div > label.control-label {
    right: 2.4rem;
  }
}
@media (max-width: 767px) {
  body#manage-page .body-container .update-admin form > div > h4 + ul div > label.control-label {
    right: 0;
  }
}
@media (max-width: 479px) {
  body#manage-page .body-container .update-admin form > div > h4 + ul div > label.control-label {
    position: static;
  }
}
@media (max-width: 991px) {
  body#manage-page .body-container .update-admin form > div > h4.form__section-heading {
    padding-right: 0;
  }
}
body#manage-page .body-container .update-admin form ul .custom-checkbox .master-label {
  min-width: 0;
}
body#manage-page .body-container .software-create,
body#manage-page .body-container .cmc-create {
  padding: 1.5rem;
}
body#manage-page .body-container .hoa-message-view .hoa-message-body {
  margin-top: 1.5rem;
}
body#manage-page .footer-container {
  padding: 1.6rem 0;
}
@media (min-width: 768px) {
  body#manage-page .footer-container {
    background: #003858;
    clear: both;
    position: relative;
    z-index: 99;
  }
}
@media (min-width: 1200px) {
  body#manage-page .footer-container > .container {
    width: 80%;
  }
}
body#manage-page .footer-container > .container p {
  color: #ffffff;
  font-size: 1.6rem;
  margin: 0;
  text-align: center;
}
@media (max-width: 479px) {
  body#manage-page .footer-container > .container p {
    font-size: 1.4rem;
  }
}
/* Grid Header */
.grid-header {
  display: table;
  padding: 1.5rem;
  table-layout: fixed;
  width: 100%;
}
.grid-header .grid-title {
  float: left;
  text-transform: uppercase;
  width: auto;
}
.grid-header .grid-title.calendar-title .btn {
  margin-left: 0.5rem;
}
.grid-header .grid-title.calendar-title .btn img {
  width: 1.6rem;
  margin-right: 0.8rem;
  position: relative;
  top: -0.2rem;
}
.grid-header .grid-title .btn {
  text-transform: none;
}
.grid-header .grid-title h3 {
  color: #003858;
  line-height: 3.7rem;
  margin: 0;
  font-weight: 500;
  font-size: 2.4rem;
}
.grid-header .grid-title h3 .group-count {
  color: #00aeef;
}
.grid-header .gridview-search {
  float: right;
  max-width: 50rem;
  width: 100%;
  padding-right: 1.6rem;
}
.grid-header .gridview-search .search-inner {
  align-content: center;
  align-items: center;
  display: flex;
  justify-content: flex-end;
}
.grid-header .gridview-search .search-inner > .search-select {
  align-content: center;
  align-items: center;
  display: flex;
  margin-right: 1.5rem;
  max-width: 20.5rem;
  width: 100%;
}
.grid-header .gridview-search .search-inner > .search-select > img {
  cursor: pointer;
  margin-right: 1rem;
  max-width: 2rem;
  min-width: 2rem;
  max-height: 2rem;
}
.grid-header .gridview-search .search-inner > .search-select select {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background-image: url(../images/common/select-arrow.svg);
  background-position: calc(100% - 1rem) 1.5rem;
  background-repeat: no-repeat;
  background-size: 1.5rem;
  padding-right: 3rem;
  min-width: 0;
}
.grid-header .gridview-search .search-inner > .search-input-wrapper {
  max-width: 30rem;
  position: relative;
  width: 100%;
  margin: 0;
}
.grid-header .gridview-search .search-inner > .search-input-wrapper > input {
  padding-right: 3.5rem;
}
.grid-header .gridview-search .search-inner > .search-input-wrapper > img {
  cursor: pointer;
  max-width: 2rem;
  position: absolute;
  right: 1.2rem;
  top: 1.1rem;
  -webkit-transition: color 0.4s linear;
  -moz-transition: color 0.4s linear;
  -ms-transition: color 0.4s linear;
  -o-transition: color 0.4s linear;
  transition: color 0.4s linear;
}
.grid-header .gridview-search .search-inner > .search-input-wrapper > img:hover {
  color: #00aeef;
}
@media (min-width: 768px) and (max-width: 991px) {
  .grid-header .gridview-search {
    max-width: 40rem;
  }
}
@media (max-width: 767px) {
  .grid-header .gridview-search {
    margin-top: 0.5rem;
    padding-left: 1rem;
    max-width: 100%;
  }
}
.grid-header .grid-button {
  float: right;
  width: auto;
  margin-bottom: 0.5rem;
}
.grid-header .grid-button .btn {
  margin-top: 0rem;
  margin-right: 0.4rem;
  min-height: 4.2rem;
}
@media (max-width: 767px) {
  .grid-header .grid-button .btn {
    min-height: 0;
  }
}
.grid-header .website-feature-type {
  float: left;
  bottom: -1.5rem;
  position: relative;
  padding-left: 2rem;
}
@media (max-width: 767px) {
  .grid-header .website-feature-type {
    padding-left: 1rem;
  }
}
.grid-header.with-feature-type .grid-title {
  float: none;
}
.grid-header .delete-rows-wrap {
  float: right;
  margin: 0.5rem 1rem 0;
}
.website-feature-type {
  margin-bottom: 1rem;
}
.website-feature-type .custom-checkbox {
  padding: 0.5rem 0 0;
}
.website-feature-type .custom-checkbox input[type="checkbox"]:checked + label:before {
  background: #00aeef;
}
.website-feature-type .custom-checkbox.disabled input[type="checkbox"]:checked + label:before {
  background: #bcbec0;
}
.website-feature-type .custom-checkbox .control-label {
  color: #003858;
  font-weight: 700;
  min-width: 7.5rem;
}
.website-feature-type .custom-checkbox .control-label.second-label {
  min-width: 4rem;
  margin-left: 0.7rem;
}
.website-feature-type .custom-checkbox .info {
  float: none;
}
.website-feature-type .custom-checkbox.disabled .second-label {
  color: #bcbec0;
}
.website-feature-type .checkbox--standard + label {
  font-size: 1.3rem;
}
.website-feature-type .checkbox--standard:checked + label {
  padding-left: 2rem;
}
.website-feature-type .checkbox--standard:checked + label:before {
  height: 1.3rem;
  width: 1.3rem;
  top: 0.3rem;
}
.website-feature-type .checkbox--standard:checked + label:after {
  height: 0.9rem;
  width: 0.9rem;
  top: 0.5rem;
}
.website-feature-type .checkbox--standard:not(:checked) + label {
  color: #bcbec0;
  padding-left: 2rem;
}
.website-feature-type .checkbox--standard:not(:checked) + label:before {
  height: 1.3rem;
  width: 1.3rem;
  top: 0.3rem;
}
.website-feature-type .checkbox--standard:not(:checked) + label:after {
  height: 0.9rem;
  width: 0.9rem;
  top: 0.5rem;
}
.website-feature-type .only-private-feature {
  font-size: 1.3rem;
  color: #6d6e71;
}
/* Grid View */
.grid-view {
  position: relative;
}
.grid-view .table {
  background: #ffffff;
  border: 0 none;
  color: #6D6E71;
  margin: 0 0 0.5rem;
  vertical-align: middle;
}
.grid-view .table thead {
  background: #6D6E71;
  border: 0 none;
  color: #ffffff;
  vertical-align: middle;
}
.grid-view .table thead tr {
  background: #6D6E71;
  border: 0 none;
  color: #ffffff;
  vertical-align: middle;
}
.grid-view .table thead tr th,
.grid-view .table thead tr td {
  background: #6D6E71;
  border: 0 none;
  color: #ffffff;
  font-size: 1.8rem;
  font-weight: 300;
  text-transform: uppercase;
  vertical-align: middle;
  white-space: nowrap;
}
@media (min-width: 768px) and (max-width: 1023px) {
  .grid-view .table thead tr th,
  .grid-view .table thead tr td {
    font-size: 1.6rem;
  }
}
@media (max-width: 767px) {
  .grid-view .table thead tr th,
  .grid-view .table thead tr td {
    font-size: 1.6rem;
  }
}
.grid-view .table thead tr.filters td {
  padding-top: 0;
}
.grid-view .table thead tr.filters input {
  border-width: 0.1rem;
  font-size: 1.5rem;
  height: auto;
  padding: 0.5rem 1rem;
}
.grid-view .table thead a {
  color: #ffffff;
  text-decoration: none;
}
.grid-view .table tbody {
  background: #ffffff;
  border: 0 none;
  vertical-align: middle;
}
.grid-view .table tbody tr {
  background: #ffffff;
  border: 0 none;
  vertical-align: middle;
}
.grid-view .table tbody tr.row-link {
  cursor: pointer;
}
.grid-view .table tbody tr:nth-child(2n+1) {
  background-color: #F1F2F2;
}
.grid-view .table tbody tr:nth-child(2n+1) td {
  background: transparent;
}
.grid-view .table tbody tr:last-child {
  border-bottom: 0.2rem solid #A7A9AC;
}
.grid-view .table tbody tr td {
  background: #ffffff;
  border: 0 none;
  vertical-align: middle;
}
.grid-view .table tbody tr td.truncate {
  max-width: 15rem !important;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.grid-view .table tbody tr td a:not(.btn) {
  color: #00aeef;
}
.grid-view .table tbody tr td span.disabled {
  cursor: not-allowed;
}
.grid-view .table tbody tr td.actions {
  padding-right: 2rem;
  text-align: right;
}
.grid-view .table tbody tr td.actions a + a {
  margin-left: 1rem;
}
.grid-view .table tbody tr td.actions a .glyphicon {
  font-size: 2rem;
  vertical-align: middle;
}
.grid-view .table tbody tr td a.edit-button {
  background: #f47b20;
  -webkit-border-radius: 0.4rem;
  -moz-border-radius: 0.4rem;
  border-radius: 0.4rem;
  color: #ffffff;
  display: inline-block;
  height: 2.2rem;
  margin-left: 1rem;
  padding: 0.5rem;
  position: relative;
  top: 0.5rem;
  width: 2.2rem;
}
.grid-view .table tbody tr td a.edit-button:hover {
  background: #003858;
}
.grid-view .table tbody tr td a.edit-button .glyphicon {
  margin: 0;
  top: -0.5rem;
}
.grid-view .table tbody tr td a[data-toggle="collapse"] {
  color: #003858;
}
.grid-view .table tbody tr td a[data-toggle="collapse"]:hover {
  color: #00aeef;
}
.grid-view .table.table-with-collapse.properties-table th:nth-child(2),
.grid-view .table.table-with-collapse.unapproved-sponsor-plans-table th:nth-child(2),
.grid-view .table.table-with-collapse.properties-table td:nth-child(2),
.grid-view .table.table-with-collapse.unapproved-sponsor-plans-table td:nth-child(2) {
  text-align: center;
  padding: 0.4rem;
}
.grid-view .table.table-with-collapse.properties-table th:nth-child(2) .caret,
.grid-view .table.table-with-collapse.unapproved-sponsor-plans-table th:nth-child(2) .caret,
.grid-view .table.table-with-collapse.properties-table td:nth-child(2) .caret,
.grid-view .table.table-with-collapse.unapproved-sponsor-plans-table td:nth-child(2) .caret {
  border-top: 0.6rem dashed;
  border-right: 0.6rem solid transparent;
  border-left: 0.6rem solid transparent;
}
.grid-view .table.table-with-collapse.properties-table td .buttons-list button,
.grid-view .table.table-with-collapse.unapproved-sponsor-plans-table td .buttons-list button {
  margin-bottom: 1rem;
}
.grid-view .table.table-with-collapse tr.with-checkbox-column th:first-child,
.grid-view .table.table-with-collapse tr.with-checkbox-column td:first-child {
  width: 3rem;
  text-align: center;
}
.grid-view .table.table-with-collapse tr th.caret-header,
.grid-view .table.table-with-collapse tr td.caret-header {
  width: 5rem;
  text-align: center;
  padding: 0.4rem;
}
.grid-view .table.table-with-collapse tr th.caret-header .caret,
.grid-view .table.table-with-collapse tr td.caret-header .caret {
  border-top: 0.6rem dashed;
  border-right: 0.6rem solid transparent;
  border-left: 0.6rem solid transparent;
}
.grid-view .table.table-with-collapse tr th.unregistered,
.grid-view .table.table-with-collapse tr td.unregistered {
  color: lightgray;
}
@media (max-width: 767px) {
  .grid-view .table.table-with-collapse thead tr:not(.with-order-column):not(.with-checkbox-column) th:nth-child(n + 3) {
    display: none;
  }
  .grid-view .table.table-with-collapse thead tr.with-order-column th:nth-child(n + 4),
  .grid-view .table.table-with-collapse thead tr.with-order-column th:nth-child(2) {
    display: none;
  }
  .grid-view .table.table-with-collapse thead tr.with-checkbox-column th:nth-child(n + 4),
  .grid-view .table.table-with-collapse thead tr.with-checkbox-column th:nth-child(1) {
    display: none;
  }
}
@media (max-width: 767px) {
  .grid-view .table.table-with-collapse tbody tr:not(.collapse) td:not(.keep):not(.with-checkbox-column) {
    display: none;
  }
  .grid-view .table.table-with-collapse tbody tr:not(.collapse) td:nth-child(2),
  .grid-view .table.table-with-collapse tbody tr:not(.collapse) td:nth-child(3) {
    text-decoration: underline;
  }
  .grid-view .table.table-with-collapse tbody tr:not(.collapse) td.with-checkbox-column th:nth-child(n + 4),
  .grid-view .table.table-with-collapse tbody tr:not(.collapse) td.with-checkbox-column th:nth-child(1) {
    display: none;
  }
}
.grid-view .table.table-with-collapse tbody tr[aria-expanded] {
  border-top: none;
}
.grid-view .table.table-with-collapse tbody tr[aria-expanded] td {
  padding: 2rem 2rem 2rem 1rem;
}
@media (max-width: 767px) {
  .grid-view .table.table-with-collapse tbody tr[aria-expanded] td.hide-on-mobile {
    display: none;
  }
}
.grid-view .table.table-with-collapse tbody tr[aria-expanded] td div.row {
  display: flex;
  margin: 0;
  justify-content: space-between;
}
.grid-view .table.table-with-collapse tbody tr[aria-expanded] td div.row:before,
.grid-view .table.table-with-collapse tbody tr[aria-expanded] td div.row:after {
  position: absolute;
}
.grid-view .table.table-with-collapse tbody tr[aria-expanded] td div.row > div:first-child {
  margin-bottom: 1rem;
}
@media (max-width: 767px) {
  .grid-view .table.table-with-collapse tbody tr[aria-expanded] td div.row {
    flex-direction: column;
  }
}
.grid-view .table.table-with-collapse tbody tr[aria-expanded] td div.row > div {
  display: flex;
}
@media (max-width: 767px) {
  .grid-view .table.table-with-collapse tbody tr[aria-expanded] td div.row > div {
    flex-wrap: wrap;
  }
}
.grid-view .table.table-with-collapse tbody tr[aria-expanded] td div.row > div .hoa-status .last-invite {
  margin-top: 1rem;
}
.grid-view .table.table-with-collapse tbody tr[aria-expanded] td div.row ul li {
  margin: 0;
  display: flex;
  min-width: 10rem;
}
.grid-view .table.table-with-collapse tbody tr[aria-expanded] td div.row ul li > div:nth-child(2) {
  margin-left: 1rem;
  flex-grow: 1;
}
.grid-view .table.table-with-collapse tbody tr[aria-expanded] td div.row ul li + li {
  margin-top: 1rem;
}
@media (max-width: 479px) {
  .grid-view .table.table-with-collapse tbody tr[aria-expanded] td div.row ul li {
    flex-direction: column;
  }
  .grid-view .table.table-with-collapse tbody tr[aria-expanded] td div.row ul li div:nth-child(2) {
    margin-left: 0;
  }
}
.grid-view .table.table-with-collapse tbody tr[aria-expanded] td ul {
  margin: 0;
}
.grid-view .table.table-with-collapse tbody tr[aria-expanded] td ul.properties-description div:first-of-type {
  min-width: 14rem;
}
.grid-view .table.table-with-collapse tbody tr[aria-expanded] td ul.documents-description div:first-of-type {
  min-width: 10rem;
}
.grid-view .table.table-with-collapse tbody tr[aria-expanded] td ul.people-description div:first-of-type {
  min-width: 14rem;
}
.grid-view .table.table-with-collapse tbody tr[aria-expanded] td ul.board-description div:first-of-type {
  min-width: 10rem;
}
.grid-view .table.table-with-collapse tbody tr[aria-expanded] td ul.listing-description div:first-of-type {
  min-width: 9rem;
}
.grid-view .table.table-with-collapse tbody tr[aria-expanded] td ul.sponsor-plans-description li > div:first-of-type {
  min-width: 12rem;
  max-width: 12rem;
  white-space: normal;
}
.grid-view .table.table-with-collapse tbody tr[aria-expanded] td ul.sponsor-plans-description .gridview-plan-name {
  display: flex;
}
.grid-view .table.table-with-collapse tbody tr[aria-expanded] td ul.sponsor-plans-description .gridview-plan-name .gridview-plan-prices {
  display: flex;
  flex-direction: column;
  margin-left: 0.5rem;
}
.grid-view .table.table-with-collapse tbody tr[aria-expanded] td ul.sponsor-plans-description .client-admin,
.grid-view .table.table-with-collapse tbody tr[aria-expanded] td ul.sponsor-plans-description .renewed-plan {
  margin-bottom: 0.5rem;
}
.grid-view .table.table-with-collapse tbody tr[aria-expanded] td ul li > div:first-of-type {
  font-weight: bold;
  white-space: nowrap;
  min-width: 8rem;
}
.grid-view .table.table-with-collapse tbody tr[aria-expanded] td ul li .message-body h1,
.grid-view .table.table-with-collapse tbody tr[aria-expanded] td ul li .message-body h2,
.grid-view .table.table-with-collapse tbody tr[aria-expanded] td ul li .message-body h3,
.grid-view .table.table-with-collapse tbody tr[aria-expanded] td ul li .message-body h4,
.grid-view .table.table-with-collapse tbody tr[aria-expanded] td ul li .message-body h5 {
  color: black;
}
.grid-view .table.table-with-collapse tbody tr[aria-expanded] td ul li .message-body blockquote {
  padding: 0.5rem;
  margin: 0 0 1rem;
  font-size: 1.6rem;
  border-left: 0.3rem solid #eeeeee;
}
.grid-view .table.table-with-collapse tbody tr[aria-expanded] td ul li .message-body blockquote div.reply-to-body-wrapper {
  padding-top: 2rem;
}
.grid-view .table.table-with-collapse tbody tr[aria-expanded] td ul li .message-body blockquote div.reply-to-body-wrapper div.reply-to-body {
  font-weight: normal;
  font-size: 1.6rem;
}
.grid-view .table.table-with-collapse tbody tr[aria-expanded] td ul li .message-body img {
  max-width: 100%;
  height: auto;
  display: block;
}
.grid-view .table.table-with-collapse tbody tr[aria-expanded] td ul li .message-body li {
  display: list-item;
}
.grid-view .table.table-with-collapse tbody tr[aria-expanded] td ul li .message-body ul {
  margin: 1rem 0;
}
.grid-view .table.table-with-collapse tbody tr[aria-expanded] td ul li .btn {
  margin-bottom: 0.5rem;
}
.grid-view .table.table-with-collapse tbody tr[aria-expanded] td ul li.actions-buttons {
  margin-top: 0.8rem;
}
.grid-view .table.table-with-collapse tbody tr:nth-child(2n+1) {
  background-color: #ffffff;
}
.grid-view .table.table-with-collapse tbody tr:nth-child(2n+1) td {
  background-color: #ffffff;
}
.grid-view .table.table-with-collapse tbody tr:nth-child(4n+1),
.grid-view .table.table-with-collapse tbody tr:nth-child(4n+2) {
  background-color: #F1F2F2;
}
.grid-view .table.table-with-collapse tbody tr:nth-child(4n+1) td,
.grid-view .table.table-with-collapse tbody tr:nth-child(4n+2) td {
  background: transparent;
}
.grid-view .table.table-with-collapse tbody tr:nth-child(4n+1) td.visibility-hidden,
.grid-view .table.table-with-collapse tbody tr:nth-child(4n+2) td.visibility-hidden {
  opacity: 0;
  pointer-events: none;
  visibility: visible;
  display: table-cell;
}
@media (max-width: 767px) {
  .grid-view .table.table-with-collapse tbody tr:nth-child(4n+1) td.visibility-hidden,
  .grid-view .table.table-with-collapse tbody tr:nth-child(4n+2) td.visibility-hidden {
    display: none;
  }
}
@media (max-width: 767px) {
  .grid-view .table.table-with-collapse tbody tr:nth-child(4n+1),
  .grid-view .table.table-with-collapse tbody tr:nth-child(4n+2) {
    background: #ffffff;
  }
}
.grid-view .table.table-with-collapse tbody tr form.temporary-form {
  margin-right: 5rem;
  width: auto;
}
.grid-view .table.table-with-collapse tbody tr form.temporary-form img {
  max-width: 12rem;
}
.grid-view .table.table-with-collapse tbody tr ul li.actions-buttons .btn {
  margin-bottom: 0.5rem;
}
.grid-view .table.table-with-collapse tbody tr ul.list-unstyled {
  padding-right: 1rem;
}
.grid-view .table.table-with-collapse tbody tr ul.list-unstyled li .unregistered {
  color: #bcbec0;
}
.grid-view .table.table-with-collapse tbody tr ul.list-unstyled li div:nth-child(2) {
  color: #6d6e71;
}
.grid-view .table.table-with-collapse tbody tr ul.buttons-list a,
.grid-view .table.table-with-collapse tbody tr ul.buttons-list button {
  white-space: nowrap;
}
@media (max-width: 767px) {
  .grid-view .table.table-with-collapse tbody tr ul.buttons-list {
    margin-top: 1rem !important;
  }
}
.grid-view .table.table-with-collapse tbody tr ul ul.website-list.two-columns {
  columns: 2;
}
.grid-view .table.table-with-collapse tbody a[data-toggle="collapse"] {
  display: block;
  padding: 0.4em 0.6em;
  outline: none;
  font-weight: bold;
  text-decoration: none;
}
.grid-view .table.table-with-collapse tbody a[data-toggle="collapse"]:hover {
  text-decoration: none;
}
.grid-view .table.table-with-collapse tbody a[data-toggle="collapse"] .dropdown-arrow {
  content: url(/images/common/arrow-blue.svg);
  width: 1.5rem;
  transform: rotate(-90deg);
}
.grid-view .table.table-with-collapse tbody a[data-toggle="collapse"][aria-expanded="true"] .dropdown-arrow {
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
}
.grid-view .table.sortable-table .sortable-row .sort-column-no {
  width: 5rem;
  cursor: move;
}
.grid-view .table.sortable-table .sortable-row .sort-column-no.visibility-hidden {
  opacity: 0;
  pointer-events: none;
  visibility: visible;
  display: table-cell;
}
@media (max-width: 767px) {
  .grid-view .table.sortable-table .sortable-row .sort-column-no.visibility-hidden {
    display: none;
  }
}
.grid-view .summary {
  float: right;
  font-size: 1.4rem;
  font-style: italic;
  padding: 1rem 1rem 0 0;
  text-align: right;
}
@media (max-width: 1023px) {
  .grid-view {
    overflow-x: auto;
    overflow-y: hidden;
  }
}
@media (max-width: 1023px) {
  body.modal-open .grid-view {
    overflow-x: hidden;
  }
}
/* HOA View */
.hoa-view .view-section-top {
  background: #ffffff;
  border-top: 0.3rem solid #bcbec0;
  margin: -1.5rem -1.5rem 1.5rem;
  padding: 1rem 1.5rem;
  width: calc(100% + 3rem);
}
.hoa-view .view-section-top > .row {
  display: flex;
  align-items: center;
}
@media (max-width: 1023px) {
  .hoa-view .view-section-top > .row {
    display: block;
  }
}
@media (max-width: 1023px) {
  .hoa-view .view-section-top > .row > div {
    text-align: center;
  }
}
@media (max-width: 1023px) {
  .hoa-view .view-section-top > .row > .action-buttons {
    margin-top: 1rem;
  }
}
.hoa-view .view-section-top h1 {
  color: #003858;
  font-size: 2.9rem;
  font-weight: 700;
  margin: 0;
  text-transform: uppercase;
}
.hoa-view .view-section-top div {
  font-size: 1.4rem;
}
.hoa-view .view-section-top .title a {
  padding-left: 1.5rem;
  position: relative;
  text-decoration: none;
}
.hoa-view .view-section-top .title a.edit-button {
  padding-left: 0.5rem;
  color: #00aeef;
  font-size: 2rem;
}
.hoa-view .view-section-top .title a:not(.edit-button):after {
  content: "\f105";
  font-family: 'FontAwesome';
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-size: 2rem;
  font-style: normal;
  font-weight: 900;
  font-variant: normal;
  line-height: 1;
  position: absolute;
  left: 0;
  text-rendering: auto;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  transform: translate(0, -50%);
}
.hoa-view .view-section-top .action-buttons a {
  font-size: 1.6rem;
  margin-top: 0;
  text-decoration: none;
}
@media (min-width: 1024px) and (max-width: 1199px) {
  .hoa-view .view-section-top .action-buttons a {
    font-size: 1.5rem;
  }
}
@media (max-width: 1023px) {
  .hoa-view .view-section-top .action-buttons a {
    margin-top: 0.5rem;
  }
}
.hoa-view .view-section-bottom .grid-view table {
  margin: 0;
}
@media (min-width: 768px) and (max-width: 1023px) {
  .hoa-view .view-section-bottom .grid-view table thead tr th,
  .hoa-view .view-section-bottom .grid-view table thead tr td {
    font-size: 1.6rem;
    text-transform: none;
  }
}
@media (max-width: 767px) {
  .hoa-view .view-section-bottom .grid-view table thead tr th,
  .hoa-view .view-section-bottom .grid-view table thead tr td {
    font-size: 1.6rem;
    text-transform: none;
  }
}
.hoa-view .view-section-bottom .table-title {
  background: #00aeef;
  color: #ffffff;
  font-size: 2.2rem;
  margin: 0;
  padding: 1.5rem;
  text-align: center;
  text-transform: uppercase;
}
.hoa-view .view-section-bottom .inner-content {
  background: #ffffff;
}
.hoa-view .view-section-bottom .inner-content.table-with-action-container .summary {
  bottom: 2.5rem;
}
.hoa-view .view-section-bottom .table-action-button {
  margin-top: -3rem;
}
@media (max-width: 1199px) {
  .hoa-view .view-section-bottom > .row > div:first-child .grid-view {
    margin-bottom: 4rem;
  }
}
.hoa-view .grid-view {
  margin-bottom: 3rem;
}
.hoa-view .grid-view .summary {
  bottom: 0.5rem;
  font-size: 1.4rem;
  font-style: italic;
  left: 1.5rem;
  position: absolute;
}
@media (max-width: 1199px) {
  .hoa-view .grid-view .summary {
    bottom: -2.5rem;
  }
}
/* DEMO PAGE */
body#website-page .body-container .content-wrapper {
  padding: 0;
}
body#website-page .body-container .section {
  padding: 8rem 0;
}
body#website-page .body-container .section.contact-section {
  background-color: #e6e7e8;
  padding: 3rem 0;
}
body#website-page .body-container .section.contact-section .contact-sample h1 {
  font-weight: normal;
  color: #1C75BC;
  text-transform: none;
}
body#website-page .body-container .section.contact-section .contact-sample h3 {
  color: #1C75BC;
}
@media (max-width: 767px) {
  body#website-page .body-container .section {
    padding: 5rem 0;
  }
}
body#website-page > .body-container .header-container > nav.navbar .container-fluid .navbar-collapse ul.navbar-nav {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
}
@media (max-width: 767px) {
  body#website-page > .body-container .header-container > nav.navbar .container-fluid .navbar-collapse ul.navbar-nav {
    flex-direction: column;
    align-items: start;
  }
}
body#website-page > .body-container .header-container > nav.navbar .container-fluid .navbar-collapse ul.navbar-nav > li {
  /* Hide the HOA's public URL on non-mobile layout  */
}
body#website-page > .body-container .header-container > nav.navbar .container-fluid .navbar-collapse ul.navbar-nav > li.registration-btn a {
  color: white;
  text-transform: none;
  padding: 0.8rem 1.5rem;
  position: relative;
  font-weight: normal;
  border-radius: 3px 3px 3px 3px;
}
body#website-page > .body-container .header-container > nav.navbar .container-fluid .navbar-collapse ul.navbar-nav > li.registration-btn a:hover {
  background-color: transparent;
  border-color: #1C75BC;
  color: #1C75BC;
}
body#website-page > .body-container .header-container > nav.navbar .container-fluid .navbar-collapse ul.navbar-nav > li.login-btn a {
  color: #1C75BC;
}
body#website-page > .body-container .header-container > nav.navbar .container-fluid .navbar-collapse ul.navbar-nav > li.login-btn a i {
  margin-right: 1rem;
  font-size: 1.6rem;
}
@media (max-width: 767px) {
  body#website-page > .body-container .header-container > nav.navbar .container-fluid .navbar-collapse ul.navbar-nav > li.login-btn a {
    color: white;
    font-weight: normal;
  }
}
body#website-page > .body-container .header-container > nav.navbar .container-fluid .navbar-collapse ul.navbar-nav > li.mobile-dropdown {
  display: none;
}
@media (min-width: 480px) {
  body#website-page > .body-container .header-container > nav.navbar .container-fluid .navbar-collapse ul.navbar-nav > li.mobile-dropdown:first-child {
    display: none;
  }
}
body#website-page > .body-container .header-container > nav.navbar .container-fluid .navbar-collapse ul.navbar-nav > li.with-mobile-menu.visitor {
  display: none;
}
@media (max-width: 767px) {
  body#website-page > .body-container .header-container > nav.navbar .container-fluid .navbar-collapse ul.navbar-nav > li.with-mobile-menu {
    display: none;
  }
  body#website-page > .body-container .header-container > nav.navbar .container-fluid .navbar-collapse ul.navbar-nav > li.mobile-dropdown {
    display: block;
  }
  body#website-page > .body-container .header-container > nav.navbar .container-fluid .navbar-collapse ul.navbar-nav > li.mobile-dropdown.open {
    border-bottom: none;
  }
  body#website-page > .body-container .header-container > nav.navbar .container-fluid .navbar-collapse ul.navbar-nav > li.mobile-dropdown img {
    display: none;
  }
  body#website-page > .body-container .header-container > nav.navbar .container-fluid .navbar-collapse ul.navbar-nav > li.mobile-dropdown ul.dropdown-menu li.with-children a {
    font-weight: bold;
  }
  body#website-page > .body-container .header-container > nav.navbar .container-fluid .navbar-collapse ul.navbar-nav > li.mobile-dropdown ul.dropdown-menu li.second-label {
    margin-left: 3rem;
  }
}
body#website-page > .body-container .header-container > nav.navbar .container-fluid .navbar-collapse ul.navbar-nav > li.dropdown {
  padding: 0;
  max-width: 30rem;
}
@media (max-width: 767px) {
  body#website-page > .body-container .header-container > nav.navbar .container-fluid .navbar-collapse ul.navbar-nav > li.dropdown,
  body#website-page > .body-container .header-container > nav.navbar .container-fluid .navbar-collapse ul.navbar-nav > li.dropdown.mobile-dropdown,
  body#website-page > .body-container .header-container > nav.navbar .container-fluid .navbar-collapse ul.navbar-nav > li.dropdown.menu-dropdown {
    max-width: 100%;
  }
}
body#website-page > .body-container .header-container > nav.navbar .container-fluid .navbar-collapse ul.navbar-nav > li.dropdown > a.dropdown-toggle {
  padding-right: 0;
  text-transform: none;
}
body#website-page > .body-container .header-container > nav.navbar .container-fluid .navbar-collapse ul.navbar-nav > li.dropdown > a.dropdown-toggle > span {
  display: inline-block;
  line-height: 3.6rem;
  vertical-align: middle;
  max-width: 20rem;
}
body#website-page > .body-container .header-container > nav.navbar .container-fluid .navbar-collapse ul.navbar-nav > li.dropdown > a.dropdown-toggle > i {
  background: #00aeef;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  font-size: 2rem;
  height: 3.6rem;
  margin-left: 1rem;
  overflow: hidden;
  padding: 0.8rem;
  text-align: center;
  -webkit-transition: background 0.2s linear;
  -moz-transition: background 0.2s linear;
  -ms-transition: background 0.2s linear;
  -o-transition: background 0.2s linear;
  transition: background 0.2s linear;
  vertical-align: middle;
  width: 3.6rem;
  color: white;
}
body#website-page > .body-container .header-container > nav.navbar .container-fluid .navbar-collapse ul.navbar-nav > li.dropdown > a.dropdown-toggle > img {
  width: 3.6rem;
  border-radius: 50%;
  margin-left: 1rem;
}
@media (max-width: 767px) {
  body#website-page > .body-container .header-container > nav.navbar .container-fluid .navbar-collapse ul.navbar-nav > li.dropdown > a.dropdown-toggle > img {
    display: none;
  }
}
body#website-page > .body-container .header-container > nav.navbar .container-fluid .navbar-collapse ul.navbar-nav > li.dropdown > a.dropdown-toggle > .caret {
  display: none;
}
@media (max-width: 767px) {
  body#website-page > .body-container .header-container > nav.navbar .container-fluid .navbar-collapse ul.navbar-nav > li.dropdown > a.dropdown-toggle > .caret {
    border-width: 0.7rem;
    display: inline-block;
    float: right;
    margin-top: 1.5rem;
    margin-right: 1.5rem;
  }
}
body#website-page > .body-container .header-container > nav.navbar .container-fluid .navbar-collapse ul.navbar-nav > li.dropdown > a.dropdown-toggle:after {
  display: none;
}
body#website-page > .body-container .header-container > nav.navbar .container-fluid .navbar-collapse ul.navbar-nav > li.visitor:hover a {
  color: #1C75BC;
}
body#website-page > .body-container .header-container > nav.navbar .container-fluid .navbar-collapse ul.navbar-nav > li.visitor:hover a:after {
  background: #1C75BC;
  bottom: 0px;
  content: "";
  display: block;
  height: 0.3rem;
  visibility: visible;
  opacity: 100;
}
body#website-page > .body-container .header-container > nav.navbar .container-fluid .navbar-collapse ul.navbar-nav > li > a {
  padding: 1rem 1.5rem;
}
@media (max-width: 767px) {
  body#website-page > .body-container .header-container > nav.navbar .container-fluid .navbar-collapse ul.navbar-nav > li > a:focus {
    background: none;
  }
}
@media (max-width: 767px) {
  body#website-page > .body-container .header-container > nav.navbar .container-fluid .navbar-collapse ul.navbar-nav > li > a {
    color: #ffffff;
    background: none;
  }
}
@media (max-width: 767px) {
  body#website-page > .body-container .header-container > nav.navbar .container-fluid .navbar-collapse ul.navbar-nav > li {
    width: calc(100% - 30px);
    max-width: 100%;
  }
}
body#website-page > .body-container .header-container > nav.navbar .container-fluid .navbar-header {
  width: fit-content;
}
@media (max-width: 479px) {
  body#website-page > .body-container .header-container > nav.navbar .container-fluid .navbar-header {
    margin: auto;
    /* MENU's button height (.navbar-toggle) without padding top and bottom. Otherwise it has 0 height */
    height: 2.17rem;
  }
}
body#website-page > .body-container .content-wrapper {
  display: flex;
  flex-direction: column;
  min-height: 65vh;
}
body#website-page > .body-container .content-wrapper button.btn {
  text-transform: none;
}
/* Homeowner */
.homeowner-with-sidebar {
  align-items: stretch;
  display: flex;
  flex-direction: row;
  flex-grow: 1;
}
.homeowner-with-sidebar .left-column {
  background-color: #F1F2F2;
  float: left;
  padding: 0;
  position: relative;
  width: 26rem;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  margin-right: 1px;
  display: block;
}
@media (max-width: 767px) {
  .homeowner-with-sidebar .left-column {
    display: none;
  }
}
.homeowner-with-sidebar .left-column .container--transparent-background {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  height: 100%;
}
.homeowner-with-sidebar .left-column .container--transparent-background ul.nav {
  margin: 0;
  background: white;
}
.homeowner-with-sidebar .left-column .group-actions-container {
  padding: 1rem;
}
.homeowner-with-sidebar .left-column .group-actions-container .search-container {
  margin-bottom: 1rem;
}
.homeowner-with-sidebar .left-column .group-actions-container .search-container .btn {
  float: left;
  line-height: 1.27;
  margin: 0 1rem 0 0;
}
.homeowner-with-sidebar .left-column .group-actions-container .search-container .btn + form {
  width: auto;
}
@media (max-width: 479px) {
  .homeowner-with-sidebar .left-column .group-actions-container .search-container .btn + form .form-control {
    max-width: 16.5rem;
  }
}
.homeowner-with-sidebar .left-column .group-actions-container .search-container form {
  position: relative;
}
.homeowner-with-sidebar .left-column .group-actions-container .search-container form .form-group {
  margin: 0;
}
.homeowner-with-sidebar .left-column .group-actions-container .search-container form label {
  display: none;
}
.homeowner-with-sidebar .left-column .group-actions-container .search-container form input {
  font-size: 1.6rem;
  height: auto;
  padding: 0.5rem 1rem 0.5rem 3.5rem;
}
.homeowner-with-sidebar .left-column .group-actions-container .search-container form button {
  background: none;
  border: 0 none;
  color: #ccc;
  padding: 0;
  position: absolute;
  top: 50%;
  left: 1rem;
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  transform: translate(0, -50%);
}
@media (max-width: 1023px) {
  .homeowner-with-sidebar .left-column .group-actions-container .search-container {
    margin-top: 0.5rem;
    position: static;
  }
}
.homeowner-with-sidebar .left-column .group-actions-container .action-links li {
  text-transform: uppercase;
}
.homeowner-with-sidebar .left-column .group-actions-container .action-links li + li {
  margin-top: 1rem;
}
@media (min-width: 768px) and (max-width: 1023px) {
  .homeowner-with-sidebar .left-column .group-actions-container .action-links {
    margin-top: 1.5rem;
  }
}
@media (max-width: 639px) {
  .homeowner-with-sidebar .left-column .group-actions-container .action-links {
    margin-top: 1.5rem;
  }
}
.homeowner-with-sidebar .left-column .homeowner-menu-buttons {
  display: flex;
  padding: 1rem;
  justify-content: space-evenly;
}
.homeowner-with-sidebar .left-column .homeowner-menu-buttons img.my-household,
.homeowner-with-sidebar .left-column .homeowner-menu-buttons img.my-social {
  width: 4.5rem;
}
.homeowner-with-sidebar .left-column .homeowner-menu-buttons img.my-community {
  width: 6rem;
}
@media (min-width: 768px) and (max-width: 1023px) {
  .homeowner-with-sidebar .left-column {
    width: 22rem;
  }
}
@media (max-width: 767px) {
  .homeowner-with-sidebar .left-column {
    width: 100%;
  }
  .homeowner-with-sidebar .left-column .homeowner-menu-buttons {
    background: white;
    justify-content: center;
  }
  .homeowner-with-sidebar .left-column .homeowner-menu-buttons a {
    padding: 2.5rem 1.5rem 0rem;
  }
}
.homeowner-with-sidebar .right-column {
  background: #ffffff;
  float: left;
  padding: 1.5rem 1.5rem 6rem;
  padding-top: 0px;
  position: relative;
  width: calc(100% - 25rem);
}
.homeowner-with-sidebar .right-column .dashboard-contact-info {
  display: none;
  background-color: #F1F2F2;
  margin: 1rem;
}
.homeowner-with-sidebar .right-column .dashboard-contact-info .person-box {
  padding: 0!important;
  margin: 0 1rem;
}
@media (max-width: 767px) {
  .homeowner-with-sidebar .right-column .dashboard-contact-info {
    display: block;
    width: 100%;
    margin: 1rem 0;
  }
}
.homeowner-with-sidebar .right-column .group-banner {
  padding: 2rem;
  display: flex;
  margin-top: 0;
  margin-right: -1.5rem;
  margin-left: -1.5rem;
}
.homeowner-with-sidebar .right-column .group-banner .group-photo {
  display: flex;
}
.homeowner-with-sidebar .right-column .group-banner .group-photo img {
  max-width: 10rem;
  margin-right: 2rem;
  border-radius: 50%;
  border: 2px solid white;
  align-self: center;
}
.homeowner-with-sidebar .right-column .group-banner .group-description .group-name {
  font-size: 3rem;
  color: #1C75BC;
}
.homeowner-with-sidebar .right-column.my-profile-parent {
  padding: 0;
}
.homeowner-with-sidebar .right-column .section-title {
  padding-top: 13px;
  padding-bottom: 2px;
}
.homeowner-with-sidebar .right-column .section-title .search-container {
  top: 9px;
}
.homeowner-with-sidebar .right-column .blue-background-title {
  margin-left: -1.5rem;
}
@media (max-width: 479px) {
  .homeowner-with-sidebar .right-column .blue-background-title {
    text-align: center;
  }
}
.homeowner-with-sidebar .right-column .blue-background-title h1.page-title {
  background: #003858;
  color: white;
  font-size: 2.5rem;
  margin-top: -0.1rem;
  padding: 2rem 1.5rem;
  text-transform: uppercase;
  margin-right: -2rem;
}
.homeowner-with-sidebar .right-column .blue-background-title h1.page-title .title-buttons {
  float: right;
  position: relative;
  top: -1.5rem;
}
@media (max-width: 479px) {
  .homeowner-with-sidebar .right-column .blue-background-title h1.page-title .title-buttons {
    top: 0;
    float: none;
  }
}
.homeowner-with-sidebar .right-column .homeowner-calendar {
  padding-top: 16px;
  padding-left: 0px;
}
.homeowner-with-sidebar .right-column .hoa-document-index .grid-view .table-with-collapse tr:not(.collapse) td:nth-child(2) {
  text-decoration: underline;
}
@media (min-width: 768px) and (max-width: 1023px) {
  .homeowner-with-sidebar .right-column {
    width: calc(100% - 22rem);
  }
}
@media (max-width: 767px) {
  .homeowner-with-sidebar .right-column {
    width: 100%;
  }
}
.homeowner-with-sidebar .right-column .grid-header {
  padding: 0.9rem 0rem;
}
.homeowner-with-sidebar .right-column .grid-header .gridview-search {
  padding-left: 0;
  padding-right: 0;
  margin-top: 0;
}
.homeowner-with-sidebar .right-column .grid-header .grid-title {
  margin-right: 1rem;
}
.homeowner-with-sidebar .right-column .grid-header .grid-button {
  margin-left: 1rem;
}
.homeowner-with-sidebar .right-column .grid-header .grid-button.with-dropdown {
  display: flex;
}
@media (max-width: 639px) {
  .homeowner-with-sidebar .right-column .grid-header {
    flex-direction: column;
  }
  .homeowner-with-sidebar .right-column .grid-header .grid-title {
    text-align: center;
  }
  .homeowner-with-sidebar .right-column .grid-header .form-group {
    margin: auto;
  }
  .homeowner-with-sidebar .right-column .grid-header .grid-button {
    margin-left: auto;
    margin-right: auto;
  }
}
@media (max-width: 767px) {
  .homeowner-with-sidebar {
    flex-direction: column;
  }
}
/* My Account --> My Profile */
.homeowner-profile .profile-summary-section {
  background: #003858;
}
@media (max-width: 479px) {
  .homeowner-profile .profile-summary-section {
    position: relative;
  }
}
.homeowner-profile .profile-summary-section .inner {
  display: flex;
  justify-content: space-between;
  padding: 1rem;
  position: relative;
}
.homeowner-profile .profile-summary-section .inner .name-and-photo {
  display: flex;
}
.homeowner-profile .profile-summary-section .inner .name-and-photo .photo {
  order: 1;
  text-align: center;
  position: relative;
  top: 0.5rem;
}
.homeowner-profile .profile-summary-section .inner .name-and-photo .photo form {
  width: auto;
}
.homeowner-profile .profile-summary-section .inner .name-and-photo .photo .fileuploader-container .fileuploader.fileuploader-theme-thumbnails .fileuploader-item-inner {
  border: 0.2rem solid white;
}
.homeowner-profile .profile-summary-section .inner .name-and-photo .photo .fileuploader-container .fileuploader .fileuploader-thumbnails-input-inner .user-placeholder {
  position: relative;
  top: 0.1rem;
}
@media (max-width: 479px) {
  .homeowner-profile .profile-summary-section .inner .name-and-photo .photo {
    top: 1rem;
    margin-left: -1.5rem;
  }
}
.homeowner-profile .profile-summary-section .inner .name-and-photo .name {
  align-self: center;
  margin-left: 3.5rem;
  order: 2;
  margin-top: -2rem;
}
.homeowner-profile .profile-summary-section .inner .name-and-photo .name h3 {
  color: #ffffff;
  margin: 0;
  text-transform: uppercase;
  margin-top: 2rem;
}
@media (min-width: 768px) and (max-width: 1023px) {
  .homeowner-profile .profile-summary-section .inner .name-and-photo .name h3 {
    font-size: 2.5rem;
  }
}
@media (min-width: 480px) and (max-width: 639px) {
  .homeowner-profile .profile-summary-section .inner .name-and-photo .name h3 {
    font-size: 2.5rem;
  }
}
@media (max-width: 479px) {
  .homeowner-profile .profile-summary-section .inner .name-and-photo .name h3 {
    font-size: 2.4rem;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .homeowner-profile .profile-summary-section .inner .name-and-photo .name {
    margin-left: 2.5rem;
  }
}
@media (min-width: 480px) and (max-width: 639px) {
  .homeowner-profile .profile-summary-section .inner .name-and-photo .name {
    margin-left: 2.5rem;
  }
}
@media (max-width: 479px) {
  .homeowner-profile .profile-summary-section .inner .name-and-photo .name {
    margin-left: 0rem;
    text-align: center;
    position: relative;
    top: 0.5rem;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .homeowner-profile .profile-summary-section .inner .name-and-photo {
    width: 100%;
  }
}
@media (min-width: 480px) and (max-width: 639px) {
  .homeowner-profile .profile-summary-section .inner .name-and-photo {
    width: 100%;
  }
}
@media (max-width: 479px) {
  .homeowner-profile .profile-summary-section .inner .name-and-photo {
    display: block;
  }
}
.homeowner-profile .profile-summary-section .inner .profile-button {
  display: flex;
  justify-content: center;
  flex-direction: column;
  padding-bottom: 0.5rem;
  margin-right: 3rem;
}
@media (min-width: 768px) and (max-width: 1023px) {
  .homeowner-profile .profile-summary-section .inner .profile-button {
    margin-right: 2rem;
  }
}
@media (max-width: 479px) {
  .homeowner-profile .profile-summary-section .inner .profile-button {
    margin-right: 0;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .homeowner-profile .profile-summary-section .inner {
    padding: 0.5rem;
  }
}
@media (min-width: 480px) and (max-width: 639px) {
  .homeowner-profile .profile-summary-section .inner {
    padding: 0.5rem;
  }
}
@media (max-width: 479px) {
  .homeowner-profile .profile-summary-section .inner {
    display: block;
    padding: 0;
  }
}
.homeowner-profile .profile-details-section {
  padding-top: 1.5rem;
  padding-left: 1.5rem;
}
@media (max-width: 479px) {
  .homeowner-profile .profile-details-section {
    padding-top: 3rem;
  }
}
.homeowner-profile .profile-details-section table tr td {
  padding: 1rem;
  vertical-align: top;
}
.homeowner-profile .profile-details-section table tr td ul {
  display: block;
}
.homeowner-profile .profile-details-section table tr td ul li + li {
  margin-top: 1rem;
}
.homeowner-profile .profile-details-section table tr td i {
  background: #00aeef;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  color: #ffffff;
  font-size: 1.2rem;
  margin-right: 0.5rem;
  padding: 0.5rem;
  text-align: center;
}
@media (max-width: 479px) {
  .homeowner-profile .profile-details-section table tr td {
    display: block;
    padding: 0;
    width: 100%;
  }
}
.homeowner-profile .profile-details-section table tr > td:first-child {
  color: #003858;
  padding-right: 2rem;
  text-transform: uppercase;
  font-size: 1.8rem;
}
@media (max-width: 479px) {
  .homeowner-profile .profile-details-section table tr > td:first-child {
    padding-right: 0;
  }
}
.homeowner-profile .profile-details-section table tr:last-child > td ul li a {
  text-decoration: underline;
}
@media (max-width: 479px) {
  .homeowner-profile .profile-details-section table tr + tr {
    display: block;
    margin-top: 1.5rem;
    width: 100%;
  }
}
/* My Account --> Members && Group View --> Members */
.members-container {
  padding: 1.5rem 0 0.5rem;
}
.members-container .member-box {
  background: #e6e7e8;
  display: flex;
  width: 100%;
}
.members-container .member-box:nth-child(even) {
  background: #D2D3D5;
}
@media (max-width: 479px) {
  .members-container .member-box:nth-child(even) {
    background: #e6e7e8;
  }
}
.members-container .member-box + .member-box {
  margin-top: 1rem;
}
@media (max-width: 479px) {
  .members-container .member-box + .member-box {
    margin-top: 2rem;
  }
}
.members-container .member-box .member-photo {
  max-width: 15rem;
}
@media (min-width: 768px) and (max-width: 1023px) {
  .members-container .member-box .member-photo {
    align-items: center;
    display: flex;
  }
}
@media (min-width: 480px) and (max-width: 639px) {
  .members-container .member-box .member-photo {
    align-items: center;
    display: flex;
  }
}
@media (max-width: 479px) {
  .members-container .member-box .member-photo {
    background: #ffffff;
  }
}
.members-container .member-box .member-description {
  padding: 1.5rem;
  width: 100%;
}
.members-container .member-box .member-description .member-name {
  color: #003858;
  font-size: 2rem;
  font-weight: bold;
  margin: 0;
}
.members-container .member-box .member-description .member-name a {
  text-decoration: none;
}
.members-container .member-box .member-description .member-name i {
  background: #003858;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  color: #ffffff;
  font-size: 1.2rem;
  font-style: normal;
  margin-right: 0.5rem;
  padding: 0.5rem;
  text-align: center;
  vertical-align: text-bottom;
}
@media (max-width: 479px) {
  .members-container .member-box .member-description .member-name {
    font-size: 1.8rem;
  }
}
.members-container .member-box .member-description .member-summary {
  display: flex;
  justify-content: space-between;
  padding-top: 1.5rem;
  width: 100%;
}
.members-container .member-box .member-description .member-summary .member-details {
  font-style: italic;
}
.members-container .member-box .member-description .member-summary .member-details ul li i {
  background: #003858;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  color: #ffffff;
  font-size: 1.2rem;
  font-style: normal;
  margin-right: 0.5rem;
  padding: 0.5rem;
  text-align: center;
}
.members-container .member-box .member-description .member-summary .member-details ul li a {
  color: #003858;
  text-decoration: none;
}
.members-container .member-box .member-description .member-summary .member-details ul li + li {
  margin-top: 1rem;
}
.members-container .member-box .member-description .member-summary .action-links a {
  display: block;
  text-decoration: underline;
}
.members-container .member-box .member-description .member-summary .action-links a + a {
  margin-top: 1rem;
}
@media (min-width: 768px) and (max-width: 1023px) {
  .members-container .member-box .member-description .member-summary .action-links {
    margin-top: 1.5rem;
  }
}
@media (max-width: 639px) {
  .members-container .member-box .member-description .member-summary .action-links {
    margin-top: 1.5rem;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .members-container .member-box .member-description .member-summary {
    display: block;
  }
}
@media (max-width: 639px) {
  .members-container .member-box .member-description .member-summary {
    display: block;
  }
}
@media (max-width: 479px) {
  .members-container .member-box {
    display: block;
  }
}
/* Member Modal Form */
form#add-member-form > .set-profile-container > .alert {
  opacity: 1;
  position: static;
  -webkit-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0);
}
form .website-features-form h3.section-title {
  color: #003858;
  font-size: 3rem;
  margin: 0;
  padding: 0;
}
form .website-features-form .custom-checkbox .master-label {
  min-width: 0;
  padding-right: 6rem;
  width: auto;
}
/* Admin Modal Form */
form.with-permissions .permissions-radio {
  display: block;
}
form.with-permissions .permissions-radio span {
  margin-left: 0.7rem;
}
form.with-permissions .permissions-radio span.extra-details {
  font-weight: normal;
  font-family: 'Open Sans Regular';
}
form.with-permissions .permissions-radio .description {
  font-weight: normal;
  margin-left: 0.7rem;
  font-family: 'Open Sans Regular';
  color: #6D6E71 !important;
}
form#add-member-form .website-features-form,
form#update-member-form .website-features-form {
  display: none;
}
form#add-member-form .form-group,
form#update-member-form .form-group {
  float: none;
}
form#add-member-form .public-feature-message,
form#update-member-form .public-feature-message {
  padding: 0;
  width: 100%;
  float: left;
  font-size: 1.4rem;
  color: red;
  display: none;
}
/* My Account --> Financials */
.financials-box {
  align-items: center;
  border: 0.1rem solid #bcbec0;
  clear: both;
  display: flex;
  float: left;
  margin-top: 1.5rem;
  padding: 1.5rem;
  width: auto;
}
.financials-box .current-balance {
  padding-right: 3rem;
  text-align: center;
}
.financials-box .current-balance h3 {
  color: #003858;
  font-weight: bold;
  margin: 0;
}
.financials-box .current-balance .amount {
  color: #36B449;
  font-size: 5rem;
  font-weight: bold;
}
@media (max-width: 479px) {
  .financials-box .current-balance .amount {
    font-size: 4rem;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .financials-box .current-balance {
    padding-right: 0;
    padding-bottom: 3rem;
  }
}
@media (max-width: 639px) {
  .financials-box .current-balance {
    padding-right: 0;
    padding-bottom: 3rem;
  }
}
.financials-box .next-payment {
  padding-left: 3rem;
  position: relative;
  text-align: center;
}
.financials-box .next-payment:before {
  background: #bcbec0;
  content: "";
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 0.1rem;
}
@media (min-width: 768px) and (max-width: 1023px) {
  .financials-box .next-payment:before {
    height: 0.1rem;
    top: -0.5rem;
    width: 100%;
  }
}
@media (max-width: 639px) {
  .financials-box .next-payment:before {
    height: 0.1rem;
    top: -0.5rem;
    width: 100%;
  }
}
.financials-box .next-payment h3 {
  color: #003858;
  font-weight: bold;
}
.financials-box .next-payment .date {
  color: #36B449;
  font-size: 4rem;
  font-weight: bold;
}
@media (max-width: 479px) {
  .financials-box .next-payment .date {
    font-size: 3rem;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .financials-box .next-payment {
    padding-left: 0;
    padding-top: 3rem;
  }
}
@media (max-width: 639px) {
  .financials-box .next-payment {
    padding-left: 0;
    padding-top: 3rem;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .financials-box {
    display: block;
  }
}
@media (max-width: 639px) {
  .financials-box {
    display: block;
    width: 100%;
  }
}
/* My Account --> Account Settings */
.modal-collapsible-section + .modal-collapsible-section {
  margin-top: 2rem;
}
.modal-collapsible-section .collapse p {
  color: #003858;
}
.modal-collapsible-section .collapse table tr td + td {
  padding-left: 2rem;
}
.modal-collapsible-section .collapse table tr td input[type="checkbox"] + label:before {
  border-color: #003858;
}
.modal-collapsible-section .collapse table tr td input[type="checkbox"]:checked + label:after {
  background: #003858;
}
.modal-collapsible-section #household-notifications-wrapper > *:last-child {
  padding-bottom: 2rem;
}
.modal-collapsible-section #for-sale-notifications-wrapper {
  padding: 1rem;
}
.modal-collapsible-section #for-sale-notifications-wrapper > .custom-checkbox {
  margin-left: -1rem;
  padding: 0.5rem 0 !important;
}
.modal-collapsible-section #for-sale-notifications-wrapper > .custom-checkbox label {
  text-align: left;
  font-weight: bold;
}
.modal-collapsible-section #for-sale-notifications-wrapper .custom-checkbox {
  padding: 0.5rem 1rem;
}
/* My Account --> Violations */
.alert-box {
  background: #EE1C25;
  color: #ffffff;
  font-size: 1.8rem;
  font-weight: bold;
  margin-bottom: 0.5rem;
  padding: 0.5rem 1rem;
}
.success-box {
  background: #36B449;
  color: #ffffff;
  font-size: 1.8rem;
  font-weight: bold;
  margin-bottom: 0.5rem;
  padding: 0.5rem 1rem;
}
.notices-container.unresolved {
  padding-top: 2rem;
}
.notices-container h4 {
  color: #003858;
  font-size: 1.8rem;
  font-weight: bold;
  margin: 0 0 1rem;
}
.notices-container .notice-box {
  align-items: center;
  background: #e6e7e8;
  display: flex;
  justify-content: space-between;
  margin-bottom: 0.5rem;
  padding: 1rem 1.5rem;
  width: 100%;
}
.notices-container .notice-box .notice-info .notice-title {
  color: #00aeef;
}
.notices-container .notice-box .notice-info .date {
  color: #003858;
  font-size: 1.4rem;
  font-style: italic;
}
.notices-container .notice-box .notice-info .date span {
  margin-left: 1.1rem;
  padding-left: 1rem;
  position: relative;
}
.notices-container .notice-box .notice-info .date span:before {
  background: #003858;
  content: "";
  height: 100%;
  left: -0.1rem;
  position: absolute;
  top: 0;
  width: 0.1rem;
}
.notices-container .notice-box .notice-info .date span.resolved {
  color: #36B449;
}
.notices-container .notice-box .notice-info .date span.disputed {
  color: #EE1C25;
}
.notices-container .notice-box .notice-action-buttons a {
  color: #00aeef;
  font-size: 1.6rem;
  text-decoration: none;
}
.notices-container .notice-box .notice-action-buttons a + a {
  margin-left: 3rem;
}
@media (max-width: 479px) {
  .notices-container .notice-box .notice-action-buttons a + a {
    margin-left: 1rem;
  }
}
.notices-container .notice-box .notice-action-buttons a i {
  font-size: 1.8rem;
}
.notices-container .notice-box .notice-action-buttons a.resolve {
  color: #36B449;
}
.notices-container .notice-box .notice-action-buttons a.dispute {
  color: #EE1C25;
}
@media (min-width: 768px) and (max-width: 1023px) {
  .notices-container .notice-box .notice-action-buttons {
    margin-top: 1.5rem;
  }
}
@media (max-width: 639px) {
  .notices-container .notice-box .notice-action-buttons {
    margin-top: 1.5rem;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .notices-container .notice-box {
    display: block;
  }
}
@media (max-width: 639px) {
  .notices-container .notice-box {
    display: block;
  }
}
.notices-container + .notices-container {
  border-top: 0.1rem solid #003858;
  margin-top: 3rem;
  padding-top: 3rem;
}
ul.pagination {
  font-size: 1.4rem;
  font-weight: bold;
  margin: 1rem 0.8rem 0;
}
ul.pagination li a {
  font-weight: bold;
  color: #1C75BC;
}
ul.pagination li.active a {
  background-color: #1C75BC;
  border-color: #1C75BC;
}
ul.pagination li i {
  display: inline-block;
  vertical-align: middle;
}
/* My Account --> Violations --> Resolve/Dispute Modals */
.modal-body .resolve-violation .violation-images {
  background-color: #bcbec0;
  margin: -1.5rem -1.5rem 0;
  padding: 4rem 1.5rem;
  text-align: center;
}
.modal-body .resolve-violation .violation-images i {
  color: #003858;
  font-size: 15rem;
}
.modal-body .resolve-violation .violation-images p {
  text-transform: uppercase;
}
.modal-body .resolve-violation .violation-images .violation-images-wrapper {
  display: inline-block;
  cursor: pointer;
}
.modal-body .resolve-violation button {
  display: block;
  margin: 0 auto;
}
.image-upload-section {
  padding: 1.5rem;
}
.violation-resolution-message form label {
  color: #00aeef;
  display: block;
  font-weight: bold;
  text-align: center;
}
/* My Community --> Documents */
.content-with-sidebar {
  clear: both;
  float: left;
  width: 100%;
}
.content-with-sidebar .content {
  float: left;
  width: calc(100% - 26.5rem);
}
@media (min-width: 1024px) and (max-width: 1199px) {
  .content-with-sidebar .content {
    width: calc(100% - 21.5rem);
  }
}
@media (max-width: 1023px) {
  .content-with-sidebar .content {
    width: 100%;
  }
}
.content-with-sidebar .sidebar {
  float: left;
  padding: 0 1.5rem 0 0;
  width: 26.5rem;
}
.content-with-sidebar .sidebar.right {
  float: right;
  padding: 0 0 0 1.5rem;
}
@media (max-width: 1023px) {
  .content-with-sidebar .sidebar.right {
    float: left;
    padding: 0;
  }
}
.content-with-sidebar .sidebar .widget + form {
  margin-top: 3rem;
}
.content-with-sidebar .sidebar .widget + .widget {
  margin-top: 3rem;
}
.content-with-sidebar .sidebar .widget h4 {
  color: #003858;
  font-size: 1.8rem;
  font-weight: bold;
  margin: 0;
  text-indent: 0.5rem;
  text-transform: uppercase;
}
.content-with-sidebar .sidebar .widget h4:after {
  background: #003858;
  content: "";
  display: block;
  height: 0.1rem;
  margin: 1rem 0;
  width: 100%;
}
.content-with-sidebar .sidebar .widget ul.nav {
  margin: 0;
}
.content-with-sidebar .sidebar .widget ul.nav li a {
  color: #00aeef;
  font-size: 1.4rem;
  padding: 0.5rem;
  text-transform: uppercase;
}
.content-with-sidebar .sidebar .widget ul.nav li a:hover,
.content-with-sidebar .sidebar .widget ul.nav li a:focus,
.content-with-sidebar .sidebar .widget ul.nav li a.active {
  background: #00aeef;
  color: #ffffff;
}
@media (min-width: 1024px) and (max-width: 1199px) {
  .content-with-sidebar .sidebar {
    width: 21.5rem;
  }
}
@media (max-width: 1023px) {
  .content-with-sidebar .sidebar {
    margin: 2rem 0;
    padding: 0;
    width: 100%;
  }
}
.documents-container .document-box {
  align-items: center;
  background: #e6e7e8;
  display: flex;
  justify-content: space-between;
  margin-bottom: 0.5rem;
  padding: 1rem 1.5rem;
  width: 100%;
}
.documents-container .document-box:nth-child(even) {
  background: #D2D3D5;
}
.documents-container .document-box .document-info .document-title {
  color: #00aeef;
  font-weight: bold;
}
.documents-container .document-box .document-info .date {
  color: #003858;
  font-size: 1.4rem;
  font-style: italic;
}
.documents-container .document-box .document-action-buttons a {
  color: #00aeef;
  font-size: 1.6rem;
  text-decoration: none;
}
.documents-container .document-box .document-action-buttons a + a {
  margin-left: 3rem;
}
@media (max-width: 479px) {
  .documents-container .document-box .document-action-buttons a + a {
    margin: 0.5rem 0 0;
  }
}
.documents-container .document-box .document-action-buttons a i {
  font-size: 1.8rem;
}
@media (max-width: 1199px) {
  .documents-container .document-box .document-action-buttons a i {
    font-size: 1.6rem;
  }
}
@media (max-width: 479px) {
  .documents-container .document-box .document-action-buttons a {
    display: block;
  }
}
@media (max-width: 1199px) {
  .documents-container .document-box .document-action-buttons a {
    font-size: 1.4rem;
  }
}
@media (max-width: 479px) {
  .documents-container .document-box .document-action-buttons {
    margin-top: 1.5rem;
  }
}
@media (max-width: 479px) {
  .documents-container .document-box {
    display: block;
  }
}
/* My Community --> FAQs */
.faqs-container .faq-box {
  background: #e6e7e8;
  margin-bottom: 0.5rem;
  width: 100%;
}
.faqs-container .faq-box:nth-child(even) {
  background: #D2D3D5;
}
.faqs-container .faq-box .faq-title {
  color: #1C75BC;
  cursor: pointer;
  font-weight: bold;
  padding: 1rem;
}
.faqs-container .faq-box .faq-title i {
  display: inline-block;
  font-size: 2rem;
  margin-right: 0.5rem;
  vertical-align: middle;
}
.faqs-container .faq-box .faq-title.collapsed i {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}
.faqs-container .faq-box .faq-content {
  background: #ffffff;
  font-size: 1.4rem;
  font-style: italic;
}
.faqs-container .faq-box .faq-content .inner-content {
  padding: 1rem;
}
.faqs-container .faq-box .faq-content .inner-content > *:first-child {
  margin-top: 0;
}
.faqs-container .faq-box .faq-content .inner-content > *:last-child {
  margin-bottom: 0;
}
/* My Community --> Directory */
.directory-container {
  margin-bottom: 1rem;
}
.directory-container .table-with-collapse tr.collapse {
  display: none;
}
@media (max-width: 767px) {
  .directory-container .table-with-collapse tr.collapse[aria-expanded="true"] {
    display: table-row;
  }
}
.directory-container .table-with-collapse tr th:first-child,
.directory-container .table-with-collapse tr td:first-child:not(.no-records) {
  display: none;
}
@media (max-width: 767px) {
  .directory-container .table-with-collapse tr th:first-child,
  .directory-container .table-with-collapse tr td:first-child:not(.no-records) {
    display: table-cell;
  }
}
ul.letter-menu {
  align-items: center;
  display: flex;
  justify-content: space-around;
  margin: 2rem 0;
  padding: 0 1rem;
  width: 100%;
}
ul.letter-menu li {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
ul.letter-menu li a {
  color: #1C75BC;
  display: block;
  padding: 0 1rem;
  text-decoration: none;
  cursor: pointer;
}
ul.letter-menu li a:hover,
ul.letter-menu li a:focus,
ul.letter-menu li a.active {
  background: #1C75BC;
  color: #fff;
}
@media (min-width: 1024px) and (max-width: 1199px) {
  ul.letter-menu li a {
    padding: 0 0.5rem;
  }
}
@media (max-width: 1023px) {
  ul.letter-menu li a {
    padding: 0.3rem 1rem;
  }
}
ul.letter-menu li.active > a {
  background: #00aeef;
  color: #fff;
}
@media (max-width: 1023px) {
  ul.letter-menu li {
    display: inline-block;
    margin: 0.3rem 0;
  }
}
@media (max-width: 1023px) {
  ul.letter-menu {
    display: block;
    text-align: center;
  }
}
/* My Social --> Create Group */
.group-form .image-upload-section label {
  color: #00aeef;
}
.group-form .image-upload-section label span {
  font-weight: normal;
}
.group-form .image-upload-section label i {
  color: #00aeef;
}
/* My Social --> My Groups */
.groups-wrapper {
  padding-left: 2rem;
}
.groups-wrapper h3 {
  margin: 1rem;
  color: #6D6E71;
  font-family: 'Open Sans Bold';
}
.groups-wrapper .group-back-button {
  position: absolute;
  top: 3.5rem;
  left: 1.8rem;
}
.groups-wrapper .groups-container {
  margin-top: 3rem;
  display: flex;
  flex-wrap: wrap;
}
@media (max-width: 767px) {
  .groups-wrapper .groups-container {
    justify-content: center;
  }
}
.groups-wrapper .groups-container .empty {
  padding: 0 1rem;
}
.groups-wrapper .groups-container > div {
  margin-bottom: 2rem;
}
.groups-wrapper .groups-container > div .group-box {
  width: 30rem;
  border: 1px solid #A7A9AC;
  padding: 2rem;
  display: flex;
  flex-direction: column;
  height: 100%;
  margin-right: 2rem;
}
.groups-wrapper .groups-container > div .group-box .group-photo {
  text-align: center;
}
.groups-wrapper .groups-container > div .group-box .group-photo img {
  width: 10rem;
  border-radius: 50%;
  height: 10rem;
}
.groups-wrapper .groups-container > div .group-box .group-description {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}
.groups-wrapper .groups-container > div .group-box .group-description .group-name {
  text-align: center;
  font-family: 'Open Sans Bold';
  font-size: 2rem;
  padding: 0.5rem;
  color: #231F20;
  margin-bottom: 1rem;
}
.groups-wrapper .groups-container > div .group-box .group-description .group-name .last-updated {
  font-size: 1.3rem;
}
.groups-wrapper .groups-container > div .group-box .group-description .group-summary {
  flex-grow: 1;
}
.groups-wrapper .groups-container > div .group-box .group-description .group-summary .group-details {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.groups-wrapper .groups-container > div .group-box .group-description .group-summary .group-details .group-details-with-label {
  margin-top: auto;
}
.groups-wrapper .groups-container > div .group-box .group-description .group-summary .group-details .group-detail-item {
  display: flex;
  margin-bottom: 1rem;
}
.groups-wrapper .groups-container > div .group-box .group-description .group-summary .group-details .group-detail-item .group-detail-title {
  font-family: 'Open Sans Bold';
  margin-right: 1rem;
  color: #231F20;
  width: 10rem;
}
.groups-wrapper .groups-container > div .group-box .group-description .group-buttons {
  text-align: center;
}
.content-with-sidebar .groups-container .group-box .group-description .group-summary {
  display: block;
}
.content-with-sidebar .groups-container .group-box .group-description .group-summary .action-links {
  display: none;
}
/* My Social --> Groups --> Group Home */
.group-home .new-group-post #new_post {
  -webkit-border-radius: 0.5rem;
  -moz-border-radius: 0.5rem;
  border-radius: 0.5rem;
  -webkit-box-shadow: 0.1rem 0 1rem #bcbec0;
  -moz-box-shadow: 0.1rem 0 1rem #bcbec0;
  box-shadow: 0.1rem 0 1rem #bcbec0;
  margin-top: 1rem;
  padding: 0;
  width: 100%;
}
.group-home .new-group-post #new_post #post_footer {
  border-top: 0.1rem solid #bcbec0;
  line-height: 3rem;
  padding: 0 2%;
}
.group-home .new-group-post #new_post #post_footer .navbar-nav {
  margin: 1.5rem 0;
  padding: 0;
}
.group-home .new-group-post #new_post #post_footer .navbar-nav li {
  display: inline-block;
}
.group-home .new-group-post #new_post #post_footer .navbar-nav li a {
  padding: 1rem 0;
  text-decoration: none;
}
.group-home .new-group-post #new_post #post_footer .navbar-nav li:first-child a {
  padding: 0 1rem 0 0;
}
.group-home .new-group-post #new_post #post_footer .navbar-nav li:nth-child(2) a {
  padding: 0 1rem;
}
.group-home .new-group-post #new_post #post_footer .navbar-nav li:last-child a {
  padding: 0 0 0 1rem;
}
.group-home .new-group-post #new_post #post_footer div {
  padding: 0;
  text-align: right;
}
.group-home .new-group-post #new_post #post_content {
  margin: 0 2%;
  padding: 0;
  width: 95.75%;
}
.group-home .new-group-post #new_post #post_content img {
  border: 0.1rem solid #bcbec0;
  margin: 1.25rem 0;
  padding: 0;
}
.group-home .new-group-post #new_post #post_content .textarea_wrap {
  cursor: text;
  height: 12rem;
}
.group-home .new-group-post #new_post #post_content .textarea_wrap textarea {
  border: 0;
  margin: 0 0 0.5rem 0;
  outline: 0;
  padding: 2.5rem 0 0 1.25rem;
  resize: none;
}
.group-home .new-group-post + .section-title {
  padding-top: 3rem;
}
.group-home .group-posts .post-box {
  border: 0.1rem solid #bcbec0;
  padding: 1.5rem;
  position: relative;
}
.group-home .group-posts .post-box .post-action-menu {
  position: absolute;
  right: 1%;
  top: 3%;
  z-index: 1;
}
.group-home .group-posts .post-box .big-post {
  color: #003858;
}
.group-home .group-posts .post-box .big-post .user-details .post-owner {
  font-weight: bold;
  margin-bottom: 0.2rem;
  color: #00aeef;
}
.group-home .group-posts .post-box .big-post .user-details .post-date {
  font-style: italic;
  font-size: 1.5rem;
}
.group-home .group-posts .post-box .big-post .user-details .user-photo {
  padding: 0;
  text-align: center;
}
.group-home .group-posts .post-box .big-post .user-details .user-photo img {
  height: 4rem;
}
.group-home .group-posts .post-box .big-post .post-body {
  padding: 1rem;
}
.group-home .group-posts .post-box .big-post .post-body .post-images {
  padding-top: 1rem;
}
.group-home .group-posts .post-box .big-post .post-body .post-images .post-image {
  padding: 0 0.5rem;
}
.group-home .group-posts .post-box .big-post .post-body .post-images .post-image .image-wrapper {
  min-height: 20rem;
  max-height: 50vh;
  height: 30vh;
}
.group-home .group-posts .post-box .big-post .post-actions {
  border-top: 0.1rem solid #bcbec0;
  border-bottom: 0.1rem solid #bcbec0;
  margin-bottom: 1rem;
  padding: 0.5rem;
}
.group-home .group-posts .post-box .big-post .post-actions ul {
  float: none;
  list-style: none;
  text-align: center;
}
.group-home .group-posts .post-box .big-post .post-actions ul li {
  float: none;
  display: inline-block;
  color: #00aeef;
}
.group-home .group-posts .post-box .big-post .post-actions ul li + li {
  padding-left: 1rem;
}
.group-home .group-posts .post-box .big-post .post-actions ul li i {
  color: #00aeef;
}
.group-home .group-posts .post-box .big-post .post-actions ul li a {
  padding: 0;
  text-decoration: none;
}
.group-home .group-posts .post-box .big-post .reply-form .profile-picture-container {
  align-items: center;
  display: flex;
  height: 4.2rem;
  padding-right: 0.5rem;
  width: 6rem;
}
.group-home .group-posts .post-box .big-post .reply-form .form-group {
  margin-bottom: 0;
}
.group-home .group-posts .post-box .big-post .reply-form .reply-submit button {
  margin: 0;
}
.group-home .group-posts .post-box + .post-box {
  margin-top: 1rem;
}
.group-home .group-posts .post-box .reply-form {
  display: flex;
  justify-content: space-between;
}
.group-home .group-posts .post-box .reply-form .form-group {
  margin-bottom: 0;
}
.group-home .group-posts .post-box .reply-form .reply-input-container {
  width: 100%;
}
.group-home .group-posts .post-box .reply-form .reply-submit {
  padding-left: 0.5rem;
}
.group-home .group-posts .post-box .reply-form .reply-submit button {
  height: 4.2rem;
  margin: 0;
}
.group-home .group-posts .post-replies .post-reply {
  display: flex;
  justify-content: flex-start;
  padding-top: 0.7rem;
  position: relative;
}
.group-home .group-posts .post-replies .post-reply .post-action-menu {
  display: none;
  height: 100%;
  position: sticky;
  z-index: 1;
}
.group-home .group-posts .post-replies .post-reply .post-action-menu.open {
  display: block;
}
.group-home .group-posts .post-replies .post-reply .post-action-menu.open .dropdown-menu {
  top: 2rem;
}
@media (min-width: 1024px) and (max-width: 1199px) {
  .group-home .group-posts .post-replies .post-reply .post-action-menu {
    display: block;
  }
}
.group-home .group-posts .post-replies .post-reply .user-photo {
  padding: 0;
  text-align: center;
}
.group-home .group-posts .post-replies .post-reply .user-photo img {
  height: 4.6rem;
}
.group-home .group-posts .post-replies .post-reply .reply-body {
  padding: 0 0.4rem;
}
.group-home .group-posts .post-replies .post-reply .reply-body .reply-owner {
  color: #00aeef;
  font-weight: bold;
}
.group-home .group-posts .post-replies .post-reply .reply-body .reply-text-container {
  background-color: #bcbec0;
  color: #003858;
  padding: 0.5rem;
  margin: 0;
}
.group-home .group-posts .post-replies .post-reply .reply-actions ul {
  color: #00aeef;
  font-size: 1.5rem;
  list-style-type: none;
}
.group-home .group-posts .post-replies .post-reply .reply-actions ul li a {
  padding: 0;
}
.group-home .group-posts .post-replies .post-reply .reply-actions ul li + li:before {
  background: #00aeef;
  content: "";
  display: inline-block;
  height: 1.3rem;
  left: 0.1rem;
  margin: 0 1rem;
  position: relative;
  top: -0.1rem;
  vertical-align: middle;
  width: 0.1rem;
}
.group-home .group-posts .post-replies .post-reply.second-level {
  padding-left: 8rem;
}
.group-home .group-posts .post-replies .post-reply.second-level .row {
  margin: 0 -1.5rem 0 0;
}
.group-home .group-posts .post-replies .post-reply:hover .dropdown {
  display: block;
}
.group-home .group-posts .post-replies.second-level {
  display: none;
}
.group-home .group-posts .post-replies.second-level .profile-picture-container {
  align-items: center;
  display: flex;
}
.group-home .group-posts .post-replies.second-level .profile-picture-container img {
  max-height: 2.5rem;
}
/* My Social --> Groups --> Group Photos */
.group-photos-page .group-photo {
  padding: 1rem;
}
.group-photos-page .group-photo .image-wrapper {
  height: 30vh;
  max-height: 50vh;
  min-height: 20rem;
}
/* My Social --> For Sale */
#sales-item-listview .sales-container {
  display: flex;
  flex-wrap: wrap;
  padding: 0.5rem 0;
  width: 100%;
}
@media (max-width: 639px) {
  #sales-item-listview .sales-container {
    justify-content: center;
  }
}
#sales-item-listview .sales-container > div {
  margin: 0 1.5rem 1.5rem 0;
  width: 30rem;
  border: 1px solid #A7A9AC;
}
#sales-item-listview .sales-container > div.empty {
  border: none;
}
#sales-item-listview .sales-container > div .image-container {
  height: 20rem;
  overflow: hidden;
  position: relative;
  width: 100%;
}
#sales-item-listview .sales-container > div .image-container .image {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  display: block;
  height: 100%;
  -webkit-transition: transform 0.4s linear;
  -moz-transition: transform 0.4s linear;
  -ms-transition: transform 0.4s linear;
  -o-transition: transform 0.4s linear;
  transition: transform 0.4s linear;
  width: 100%;
}
#sales-item-listview .sales-container > div .image-container .image.default-image {
  background-origin: content-box;
  background-size: contain;
  padding: 1.5rem;
}
#sales-item-listview .sales-container > div:hover .image-container .image {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
}
#sales-item-listview .sales-container > div .description {
  border-top: 1px solid #A7A9AC;
  height: calc(100% - 20rem);
  padding: 1.5rem;
  text-align: center;
}
#sales-item-listview .sales-container > div .description .title {
  color: #231F20;
  font-family: 'Open Sans Bold';
}
#sales-item-listview .sales-container > div .description .details {
  color: #6D6E71;
  font-size: 1.3rem;
  padding: 1rem 0 0.5rem;
}
#sales-item-listview .sales-container > div .description .price {
  font-size: 1.8rem;
  color: #1C75BC;
  font-weight: bold;
  margin-top: 1rem;
}
#sales-item-listview .sales-container > div .description .btn {
  margin-bottom: 1rem;
}
@media (max-width: 639px) {
  #sales-item-listview .pagination-wrapper {
    text-align: center;
  }
}
#sales-item-listview .pagination-wrapper .pagination {
  margin: 0;
}
/* My Social --> For Sale --> Listing view */
.social-for-sale-listing .listing-details {
  padding: 0 1.5rem;
}
.social-for-sale-listing .listing-details label {
  color: #231F20;
  margin-top: 1rem;
  font-weight: normal;
  font-family: 'Open Sans SemiBold';
}
.social-for-sale-listing .listing-details hr {
  height: 0.2rem;
  margin: 1rem 0;
  background-color: #A7A9AC;
}
.social-for-sale-listing .listing-details .price {
  color: #1C75BC;
  font-size: 2.4rem;
  font-family: 'Open Sans SemiBold';
}
.social-for-sale-listing .listing-details .title {
  color: #231F20;
  font-size: 2.8rem;
  font-family: 'Open Sans SemiBold';
  margin-bottom: 0.5rem;
}
.social-for-sale-listing .contact-details i {
  color: #1C75BC;
  margin: 0 1rem 1rem 0;
}
.social-for-sale-listing .contact-details a {
  color: #6D6E71;
}
.social-for-sale-listing .report-button {
  margin-top: 2rem;
}
.social-for-sale-listing .report-button img {
  width: 2.4rem;
  position: relative;
  top: -0.3rem;
  margin-right: 0.7rem;
  left: -0.5rem;
}
/* My Social --> For Sale --> Listing Images */
.image-upload-section .fileuploader {
  padding: 0 1.5rem;
}
.image-upload-section .fileuploader.fileuploader-theme-thumbnails .fileuploader-items-list {
  display: flex;
  flex-wrap: wrap;
}
@media (max-width: 479px) {
  .image-upload-section .fileuploader.fileuploader-theme-thumbnails .fileuploader-items-list {
    justify-content: center;
  }
}
.image-upload-section .fileuploader.fileuploader-theme-thumbnails .fileuploader-items-list .fileuploader-item,
.image-upload-section .fileuploader.fileuploader-theme-thumbnails .fileuploader-items-list .fileuploader-thumbnails-input {
  margin: 0 1.5rem 1.5rem 0px;
  width: calc(25% - 1.6rem);
  min-width: 18.1rem;
  height: 12rem;
}
.image-upload-section .fileuploader.fileuploader-theme-thumbnails .fileuploader-items-list .fileuploader-thumbnails-input .fileuploader-thumbnails-input-inner {
  border: 0.1rem solid #bcbec0;
  border-radius: 0;
  background: transparent;
}
.image-upload-section .fileuploader.fileuploader-theme-thumbnails .fileuploader-items-list .fileuploader-thumbnails-input .fileuploader-thumbnails-input-inner:active {
  background: transparent;
}
.image-upload-section .fileuploader.fileuploader-theme-thumbnails .fileuploader-items-list .fileuploader-item .fileuploader-item-inner {
  border: 0.1rem solid #bcbec0;
  border-radius: 0;
  overflow: visible;
}
.image-upload-section .fileuploader.fileuploader-theme-thumbnails .fileuploader-items-list .fileuploader-item .fileuploader-item-inner:active {
  background: transparent;
}
.image-upload-section .fileuploader.fileuploader-theme-thumbnails .fileuploader-items-list .fileuploader-item .fileuploader-item-inner .type-holder,
.image-upload-section .fileuploader.fileuploader-theme-thumbnails .fileuploader-items-list .fileuploader-item .fileuploader-item-inner .content-holder,
.image-upload-section .fileuploader.fileuploader-theme-thumbnails .fileuploader-items-list .fileuploader-item .fileuploader-item-inner .fileuploader-action-download {
  display: none;
}
.image-upload-section .fileuploader.fileuploader-theme-thumbnails .fileuploader-items-list .fileuploader-item .fileuploader-item-inner .actions-holder {
  position: absolute;
  top: -1rem;
  right: -1rem;
}
.image-upload-section .fileuploader.fileuploader-theme-thumbnails .fileuploader-items-list .fileuploader-item .fileuploader-item-inner .actions-holder .fileuploader-action-remove {
  width: 1.8rem;
  height: 1.8rem;
}
.image-upload-section .fileuploader.fileuploader-theme-thumbnails .fileuploader-items-list .fileuploader-item .fileuploader-item-inner .actions-holder .fileuploader-action-remove i {
  background-color: #1C75BC;
  box-shadow: none;
  line-height: 1.8rem;
  font-size: 1.2rem;
}
.image-upload-section .listing-images-container {
  margin-top: 1rem;
  padding: 1rem;
  position: relative;
}
.image-upload-section .listing-images-container .image-container {
  display: table;
  padding: 0.5rem;
  vertical-align: middle;
}
.image-upload-section .listing-images-container .image-container .image {
  background: #ffffff;
  border: 0.1rem solid #bcbec0;
  -webkit-border-radius: 1%;
  -moz-border-radius: 1%;
  border-radius: 1%;
  display: table-cell;
  height: 15rem;
  margin: 0.5rem;
  padding: 0.5rem;
  text-align: center;
  vertical-align: middle;
  width: 100%;
}
.image-upload-section .listing-images-container .image-container .image.default-image {
  background: #E8F4DE;
  border: 0.1rem solid #b6cca2;
}
.image-upload-section .listing-images-container .image-container .image img {
  box-sizing: border-box;
  display: block;
  margin: auto;
  max-width: 100%;
  max-height: 100%;
}
.image-upload-section .js-delete-button {
  background: #EE1C25;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  color: #ffffff;
  font-size: 1.5rem;
  font-style: normal;
  line-height: 1;
  margin-right: 0.5rem;
  padding: 0.3rem;
  position: absolute;
  right: -0.5rem;
  text-align: center;
  top: 0;
  vertical-align: text-bottom;
}
.image-upload-section #done {
  display: block;
  margin-left: auto;
  margin-right: 0;
}
/* My Social --> For Sale --> My listings */
.listings-container {
  padding: 1.5rem 0 0.5rem;
}
.listings-container .listing-box {
  background: #e6e7e8;
  display: flex;
  width: 100%;
}
.listings-container .listing-box:nth-child(even) {
  background: #D2D3D5;
}
@media (max-width: 479px) {
  .listings-container .listing-box:nth-child(even) {
    background: #e6e7e8;
  }
}
.listings-container .listing-box + .listing-box {
  margin-top: 1rem;
}
@media (max-width: 479px) {
  .listings-container .listing-box + .listing-box {
    margin-top: 2rem;
  }
}
.listings-container .listing-box:hover .listing-photo .image {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
}
.listings-container .listing-box .listing-photo {
  background: #003858;
  height: 20rem;
  overflow: hidden;
  position: relative;
  width: 25%;
}
.listings-container .listing-box .listing-photo .image {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  display: block;
  height: 100%;
  -webkit-transition: transform 0.4s linear;
  -moz-transition: transform 0.4s linear;
  -ms-transition: transform 0.4s linear;
  -o-transition: transform 0.4s linear;
  transition: transform 0.4s linear;
  width: 100%;
}
@media (min-width: 768px) and (max-width: 1023px) {
  .listings-container .listing-box .listing-photo {
    align-items: center;
    display: flex;
  }
}
@media (min-width: 480px) and (max-width: 639px) {
  .listings-container .listing-box .listing-photo {
    align-items: center;
    display: flex;
  }
}
@media (max-width: 479px) {
  .listings-container .listing-box .listing-photo {
    background: #ffffff;
  }
}
.listings-container .listing-box .listing-description {
  padding: 1.5rem;
  width: 100%;
}
.listings-container .listing-box .listing-description .listing-title {
  color: #003858;
  font-size: 2rem;
  font-weight: bold;
  margin: 0;
}
.listings-container .listing-box .listing-description .listing-title a {
  text-decoration: none;
}
.listings-container .listing-box .listing-description .listing-title i {
  background: #003858;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  color: #ffffff;
  font-size: 1.2rem;
  font-style: normal;
  margin-right: 0.5rem;
  padding: 0.5rem;
  text-align: center;
  vertical-align: text-bottom;
}
@media (max-width: 479px) {
  .listings-container .listing-box .listing-description .listing-title {
    font-size: 1.8rem;
  }
}
.listings-container .listing-box .listing-description .listing-summary {
  display: flex;
  justify-content: space-between;
  padding-top: 1.5rem;
  width: 100%;
}
.listings-container .listing-box .listing-description .listing-summary .listing-details {
  font-style: italic;
}
.listings-container .listing-box .listing-description .listing-summary .listing-details ul li i {
  background: #003858;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  color: #ffffff;
  font-size: 1.2rem;
  font-style: normal;
  margin-right: 0.5rem;
  padding: 0.5rem;
  text-align: center;
}
.listings-container .listing-box .listing-description .listing-summary .listing-details ul li a {
  color: #003858;
  text-decoration: none;
}
.listings-container .listing-box .listing-description .listing-summary .listing-details ul li + li {
  margin-top: 1rem;
}
.listings-container .listing-box .listing-description .listing-summary .action-links a {
  display: block;
  text-decoration: underline;
}
.listings-container .listing-box .listing-description .listing-summary .action-links a + a {
  margin-top: 1rem;
}
@media (min-width: 768px) and (max-width: 1023px) {
  .listings-container .listing-box .listing-description .listing-summary .action-links {
    margin-top: 1.5rem;
  }
}
@media (max-width: 639px) {
  .listings-container .listing-box .listing-description .listing-summary .action-links {
    margin-top: 1.5rem;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .listings-container .listing-box .listing-description .listing-summary {
    display: block;
  }
}
@media (max-width: 639px) {
  .listings-container .listing-box .listing-description .listing-summary {
    display: block;
  }
}
@media (max-width: 479px) {
  .listings-container .listing-box {
    display: block;
  }
}
/* My Community --> News */
ul.recent-posts {
  display: block;
  list-style-type: none;
  margin: 0;
  padding: 0;
  width: 100%;
}
ul.recent-posts li {
  display: block;
}
ul.recent-posts li + li {
  margin-top: 2rem;
}
ul.recent-posts li a {
  color: #00aeef;
  text-decoration: none;
}
ul.recent-posts li a:hover,
ul.recent-posts li a:focus {
  color: #003858;
}
ul.recent-posts li .publish-date {
  color: #003858;
  font-size: 1.4rem;
  font-style: italic;
}
select.filter-select {
  -webkit-appearance: none;
  -moz-appearance: none;
  background-color: #ffffff;
  background-image: linear-gradient(45deg, transparent 50%, #bcbec0 50%), linear-gradient(135deg, #bcbec0 50%, transparent 50%), linear-gradient(to right, #bcbec0, #bcbec0);
  background-position: calc(100% - 2rem) 1em, calc(100% - 1.5rem) 1em, calc(100% - 2.3em) 0.65em;
  background-size: 0.5rem 0.5rem, 0.5rem 0.5rem, 0.1rem 1.15em;
  background-repeat: no-repeat;
  border: 0.2rem solid #bcbec0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  color: #6d6e71;
  display: block;
  font-size: 1.6rem;
  height: 4.2rem;
  outline: 0;
  padding: 0.6rem 1.2rem;
  -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  -moz-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  -ms-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  width: 100%;
}
select.filter-select option:first-of-type {
  color: rgba(109, 110, 113, 0.25);
}
select.filter-select:focus {
  border-color: #00aeef;
  -webkit-box-shadow: inset 0 0.1rem 0.1rem rgba(109, 110, 113, 0.075), 0 0 0.8rem rgba(0, 174, 239, 0.6);
  -moz-box-shadow: inset 0 0.1rem 0.1rem rgba(109, 110, 113, 0.075), 0 0 0.8rem rgba(0, 174, 239, 0.6);
  box-shadow: inset 0 0.1rem 0.1rem rgba(109, 110, 113, 0.075), 0 0 0.8rem rgba(0, 174, 239, 0.6);
}
/* My Social --> Forum */
.forum-container {
  padding: 1.5rem 0 0.5rem;
}
.forum-container .forum-post-item {
  background: #e6e7e8;
  padding: 1.5rem;
  width: 100%;
}
.forum-container .forum-post-item:nth-child(even) {
  background: #D2D3D5;
}
@media (max-width: 479px) {
  .forum-container .forum-post-item:nth-child(even) {
    background: #e6e7e8;
  }
}
.forum-container .forum-post-item + .forum-post-item {
  margin-top: 1rem;
}
@media (max-width: 479px) {
  .forum-container .forum-post-item + .forum-post-item {
    margin-top: 2rem;
  }
}
.forum-container .forum-post-item .title {
  color: #00aeef;
  font-weight: bold;
  margin: 0;
}
.forum-container .forum-post-item .title .pull-right + .pull-right {
  padding: 0 0.2rem;
}
.forum-container .forum-post-item .title a {
  text-decoration: none;
}
.forum-container .forum-post-item .details {
  color: #003858;
  font-size: 1.3rem;
  padding-top: 0.5rem;
}
.forum-container .forum-post-item .details span {
  display: inline-block;
  vertical-align: middle;
}
.forum-container .forum-post-item .details span + span:before {
  background: #003858;
  content: "";
  display: inline-block;
  height: 1.3rem;
  left: -0.1rem;
  margin: 0 1rem;
  position: relative;
  top: -0.1rem;
  vertical-align: middle;
  width: 0.1rem;
}
.forum-container .forum-post-item .details span.owner {
  font-weight: bold;
  text-transform: uppercase;
}
/* My Social --> Forum Thread */
.forum-thread-title {
  color: #003858;
  font-weight: bold;
  margin: 3rem 0 0;
}
.forum-thread-title .pull-right + .pull-right {
  padding: 0 0.8rem;
}
.forum-thread-title .follow-thread {
  font-size: 1.4rem;
  line-height: 3.6rem;
}
.forum-thread-title .follow-thread a {
  text-decoration: underline;
}
.social-forum-thread h3 {
  font-weight: bold;
  color: #003858;
  font-size: 2rem;
}
.social-forum-thread .follow-thread {
  color: #1C75BC;
  cursor: pointer;
  margin-left: 2rem;
  font-size: 1.6rem;
  float: right;
  margin-right: 1rem;
  font-weight: normal;
}
.social-forum-thread .forum-thread-messages .replies-wrapper {
  margin-left: 8rem;
}
@media (max-width: 479px) {
  .social-forum-thread .forum-thread-messages .replies-wrapper {
    margin-left: 0;
  }
}
.social-forum-thread .forum-thread-messages .message-box {
  align-items: center;
  border: 0.1rem solid #F1F2F2;
  display: flex;
  padding-bottom: 2rem;
  border-top: 0;
  padding: 2rem;
}
.social-forum-thread .forum-thread-messages .message-box.main-box {
  border-top: 0.1rem solid #F1F2F2;
  background-color: #F1F2F2;
}
.social-forum-thread .forum-thread-messages .message-box .user-photo {
  align-self: flex-start;
}
.social-forum-thread .forum-thread-messages .message-box .user-photo img {
  max-width: 4rem;
  border-radius: 50%;
}
.social-forum-thread .forum-thread-messages .message-box .message-details {
  padding-left: 2rem;
  width: 100%;
}
.social-forum-thread .forum-thread-messages .message-box .message-details .title {
  display: flex;
  color: #1C75BC;
  margin-bottom: 1rem;
}
.social-forum-thread .forum-thread-messages .message-box .message-details .title .title-details {
  flex-grow: 1;
}
.social-forum-thread .forum-thread-messages .message-box .message-details .title .title-details .owner {
  font-size: 2rem;
  font-weight: bold;
}
.social-forum-thread .forum-thread-messages .message-box .message-details .title .title-buttons {
  white-space: nowrap;
}
.social-forum-thread .forum-thread-messages .message-box .message-details .title .title-buttons .report-button {
  margin-right: 1.5rem;
  font-size: 2.5rem;
}
.social-forum-thread .forum-thread-messages .message-box .message-details .title .title-buttons a {
  color: #1C75BC;
}
.social-forum-thread .forum-thread-messages .message-box .message-details .replies-number {
  margin-top: 1rem;
  color: #1C75BC;
}
.social-forum-thread .forum-thread-messages .message-box .message-details .replies-number img {
  width: 2rem;
}
.social-forum-thread .forum-thread-messages .message-box .message-details .text > *:last-child {
  margin-bottom: 0;
}
.social-forum-thread .forum-thread-messages .message-box .message-details .text .forum-thread-view-post .view-text a {
  color: #6d6e71;
}
.social-forum-thread .forum-thread-messages .message-box .message-details .text .forum-thread-view-post .view-text a:hover,
.social-forum-thread .forum-thread-messages .message-box .message-details .text .forum-thread-view-post .view-text a:focus {
  text-decoration: none;
}
.social-forum-thread .forum-thread-messages .message-box .message-details .text .forum-thread-view-post .view-text .edited-time {
  font-size: 1.4rem;
}
.social-forum-thread .forum-thread-messages .message-box .message-details textarea {
  width: 100%;
  padding: 0.5rem;
}
.forum-report-post .checkbox-list {
  margin-top: 1rem;
  margin-left: 3rem;
}
.forum-report-post .checkbox-list label {
  font-weight: normal;
  padding-left: 0;
}
.forum-report-post .other-field {
  margin-left: 5rem;
  max-width: 40rem;
  position: relative;
  top: -1rem;
  display: none;
}
.forum-thread-input .follow-thread-container {
  display: block;
  padding: 1rem 0 0;
}
.forum-thread-input textarea {
  width: 100%;
  margin-top: 2rem;
  padding: 1rem;
  border: 0.1rem solid #e6e7e8;
}
/* Homeowner Bar */
.homeowner-info-bar {
  background: #003858;
  float: left;
  width: 100%;
}
.homeowner-info-bar .title {
  float: left;
  max-width: 50%;
  padding: 1rem 1.5rem;
  width: auto;
}
.homeowner-info-bar .title h1 {
  color: #ffffff;
  font-size: 2.8rem;
  font-weight: bold;
  margin: 0;
  text-transform: uppercase;
}
@media (max-width: 767px) {
  .homeowner-info-bar .title h1 {
    font-size: 2.2rem;
  }
}
.homeowner-info-bar .title #homeOwnerSectionsSelect .btn {
  background: transparent;
  border: 0 none;
  color: #ffffff;
  font-size: 2.8rem;
  font-weight: bold;
  margin: 0;
  padding: 0;
  text-transform: uppercase;
}
.homeowner-info-bar .title #homeOwnerSectionsSelect .btn .caret {
  border-width: 0.8rem;
  margin-top: -0.3rem;
  margin-left: 1rem;
}
.homeowner-info-bar .title #homeOwnerSectionsSelect ul.dropdown-menu {
  background-color: #003858;
  border: 0 none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  font-size: 1.6rem;
  margin: 1.1rem 0 0;
  padding: 0;
  width: 100%;
}
.homeowner-info-bar .title #homeOwnerSectionsSelect ul.dropdown-menu li a {
  color: #ffffff;
  padding: 0.5rem 1.5rem;
}
.homeowner-info-bar .title #homeOwnerSectionsSelect ul.dropdown-menu li a:hover,
.homeowner-info-bar .title #homeOwnerSectionsSelect ul.dropdown-menu li a:focus {
  background-color: #ffffff;
  color: #003858;
}
@media (max-width: 767px) {
  .homeowner-info-bar .title #homeOwnerSectionsSelect ul.dropdown-menu {
    left: -1.5rem;
    text-align: center;
    width: calc(100% + 3rem);
  }
}
@media (max-width: 767px) {
  .homeowner-info-bar .title {
    max-width: 100%;
    padding-bottom: 0.5rem;
    text-align: center;
    width: 100%;
  }
}
.homeowner-info-bar .buttons {
  float: right;
  max-width: 50%;
  padding: 1.5rem;
  width: auto;
}
.homeowner-info-bar .buttons ul {
  display: block;
  list-style-type: none;
  margin: 0;
  padding: 0;
  width: auto;
}
.homeowner-info-bar .buttons ul li {
  color: #ffffff;
  display: inline-block;
  font-size: 2rem;
  width: auto;
}
.homeowner-info-bar .buttons ul li + li {
  margin-left: 1.5rem;
}
.homeowner-info-bar .buttons ul li i {
  font-size: 2.8rem;
}
@media (max-width: 767px) {
  .homeowner-info-bar .buttons ul li i {
    font-size: 2.2rem;
  }
}
.homeowner-info-bar .buttons ul li a {
  color: #ffffff;
  cursor: pointer;
  text-decoration: none;
}
.homeowner-info-bar .buttons ul li a sup {
  top: -1.5rem;
  font-weight: bold;
  margin-left: 3px;
}
@media (max-width: 767px) {
  .homeowner-info-bar .buttons ul li {
    font-size: 1.8rem;
  }
}
@media (max-width: 767px) {
  .homeowner-info-bar .buttons {
    float: left;
    max-width: 100%;
    padding-top: 1rem;
    text-align: center;
    width: 100%;
  }
}
.logo-update-wrapper .navbar__ws-logo {
  display: inline-block;
  justify-content: left;
}
.navbar__ws-logo {
  text-align: center;
  display: flex;
  align-items: center;
}
.navbar__ws-logo img {
  display: initial;
  width: 6rem;
}
.navbar__ws-logo .navbar__ws-name {
  color: white;
  font-size: 2.4rem;
  margin-left: 2rem;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-family: Century Gothic;
}
@media (max-width: 479px) {
  .navbar__ws-logo {
    display: none;
  }
}
.navbar__ws-logo:hover,
.navbar__ws-logo:focus {
  text-decoration: none;
}
.banner-update .form__content-header-wrapper .form__content-heading {
  font-size: 2.2rem;
}
.banner-update .navbar__ws-banner {
  display: inline-block;
}
.banner-update .navbar__ws-banner img {
  max-height: 60vh;
}
.banner-update .image-loader {
  top: 1rem;
}
.navbar__ws-banner,
.navbar__ws-logo {
  position: relative;
  width: fit-content;
}
.navbar__ws-banner .delete-photo,
.navbar__ws-logo .delete-photo {
  position: absolute;
  top: -0.4rem;
  right: -1.5rem;
  color: #00aeef;
  font-size: 1.4rem;
}
.logo-update-wrapper .form__content-header-wrapper .form__content-heading {
  font-size: 2.2rem;
}
/* Content */
.body-container {
  clear: both;
  float: left;
  width: 100%;
}
.body-container .admin-right-column {
  background: #ffffff;
  -webkit-box-shadow: 0 -0.5rem 0.5rem 0.5rem rgba(109, 110, 113, 0.15);
  -moz-box-shadow: 0 -0.5rem 0.5rem 0.5rem rgba(109, 110, 113, 0.15);
  box-shadow: 0 -0.5rem 0.5rem 0.5rem rgba(109, 110, 113, 0.15);
  float: right;
  padding: 0;
  position: relative;
  -webkit-transition: right 0.4s linear, width 0.4s linear;
  -moz-transition: right 0.4s linear, width 0.4s linear;
  -ms-transition: right 0.4s linear, width 0.4s linear;
  -o-transition: right 0.4s linear, width 0.4s linear;
  transition: right 0.4s linear, width 0.4s linear;
  width: calc(100% - 1.8rem);
  z-index: 995;
  right: 0;
}
@media (max-width: 767px) {
  .body-container .admin-right-column {
    width: 100%;
  }
}
.body-container .admin-right-column nav.navbar .container .navbar-collapse ul.navbar-nav > li > a,
.body-container .admin-right-column nav.navbar .container-fluid .navbar-collapse ul.navbar-nav > li > a {
  color: #003858;
}
@media (max-width: 767px) {
  .body-container .admin-right-column nav.navbar .container .navbar-collapse ul.navbar-nav > li > a:focus,
  .body-container .admin-right-column nav.navbar .container-fluid .navbar-collapse ul.navbar-nav > li > a:focus {
    background: #f47b20;
  }
}
@media (max-width: 767px) {
  .body-container .admin-right-column nav.navbar .container .navbar-collapse ul.navbar-nav > li > a,
  .body-container .admin-right-column nav.navbar .container-fluid .navbar-collapse ul.navbar-nav > li > a {
    color: #ffffff;
  }
}
.body-container .admin-right-column nav.navbar .container .navbar-collapse ul.navbar-nav > li.registration-btn > a,
.body-container .admin-right-column nav.navbar .container-fluid .navbar-collapse ul.navbar-nav > li.registration-btn > a,
.body-container .admin-right-column nav.navbar .container .navbar-collapse ul.navbar-nav > li.registration-btn form button,
.body-container .admin-right-column nav.navbar .container-fluid .navbar-collapse ul.navbar-nav > li.registration-btn form button {
  border: 0 none;
}
.body-container .admin-right-column nav.navbar .container .navbar-collapse ul.navbar-nav > li.registration-btn:hover > a,
.body-container .admin-right-column nav.navbar .container-fluid .navbar-collapse ul.navbar-nav > li.registration-btn:hover > a,
.body-container .admin-right-column nav.navbar .container .navbar-collapse ul.navbar-nav > li.registration-btn.active > a,
.body-container .admin-right-column nav.navbar .container-fluid .navbar-collapse ul.navbar-nav > li.registration-btn.active > a,
.body-container .admin-right-column nav.navbar .container .navbar-collapse ul.navbar-nav > li.registration-btn:hover form button,
.body-container .admin-right-column nav.navbar .container-fluid .navbar-collapse ul.navbar-nav > li.registration-btn:hover form button,
.body-container .admin-right-column nav.navbar .container .navbar-collapse ul.navbar-nav > li.registration-btn.active form button,
.body-container .admin-right-column nav.navbar .container-fluid .navbar-collapse ul.navbar-nav > li.registration-btn.active form button {
  background: #f47b20;
  color: #ffffff !important;
}
.body-container .admin-right-column nav.navbar .container .navbar-collapse ul.navbar-nav > li.registration-btn.active:hover > a,
.body-container .admin-right-column nav.navbar .container-fluid .navbar-collapse ul.navbar-nav > li.registration-btn.active:hover > a {
  background: #003858;
  color: #ffffff !important;
}
@media (max-width: 767px) {
  .body-container .admin-right-column nav.navbar .container .navbar-collapse ul.navbar-nav > li.registration-btn.active:hover > a,
  .body-container .admin-right-column nav.navbar .container-fluid .navbar-collapse ul.navbar-nav > li.registration-btn.active:hover > a {
    background: #f47b20;
  }
}
.body-container .admin-right-column nav.navbar .container .navbar-collapse ul.navbar-nav > li.registration-btn.active:hover form button,
.body-container .admin-right-column nav.navbar .container-fluid .navbar-collapse ul.navbar-nav > li.registration-btn.active:hover form button {
  background: #f47b20;
  color: #ffffff !important;
}
.body-container .admin-right-column .dedicated-content-wrapper .container {
  max-width: 100%;
}
.body-container .admin-right-column.without-header {
  background: #e6e7e8;
}
.body-container .admin-right-column.without-header .dedicated-content-wrapper {
  background: #ffffff;
  display: flex;
  float: none;
  margin: 0rem;
  max-width: 100%;
  min-height: calc(100vh - 6.1rem);
  padding: 0;
  -webkit-transition: margin 0.4s linear, max-width 0.4s linear, min-height 0.4s linear;
  -moz-transition: margin 0.4s linear, max-width 0.4s linear, min-height 0.4s linear;
  -ms-transition: margin 0.4s linear, max-width 0.4s linear, min-height 0.4s linear;
  -o-transition: margin 0.4s linear, max-width 0.4s linear, min-height 0.4s linear;
  transition: margin 0.4s linear, max-width 0.4s linear, min-height 0.4s linear;
  width: 100%;
}
.body-container .admin-right-column.without-header .dedicated-content-wrapper > div {
  padding: 2rem;
  width: 100%;
}
.body-container .admin-right-column.without-header .dedicated-content-wrapper > div .grid-header {
  padding: 0;
}
.body-container .admin-right-column.without-header .dedicated-content-wrapper > div .grid-header .grid-title {
  background: #003858;
  padding: 1.5rem 2rem;
}
.body-container .admin-right-column.without-header .dedicated-content-wrapper > div .grid-header .grid-title h3 {
  color: #ffffff;
  font-size: 2.5rem;
}
@media (max-width: 767px) {
  .body-container .admin-right-column.without-header .dedicated-content-wrapper > div .grid-header .grid-title h3 {
    padding-left: 2.5rem;
  }
}
.body-container .admin-right-column.without-header .dedicated-content-wrapper > div .grid-header .grid-title .title-buttons {
  right: 2rem;
  position: absolute;
  top: 0.5rem;
}
.body-container .admin-right-column.without-header .dedicated-content-wrapper > div .grid-header .grid-title .title-buttons .btn {
  text-transform: none;
}
.body-container .admin-right-column.without-header .dedicated-content-wrapper > div .grid-header .grid-title .title-buttons .btn[disabled] {
  pointer-events: none;
}
@media (max-width: 767px) {
  .body-container .admin-right-column.without-header .dedicated-content-wrapper > div .grid-header .grid-title .title-buttons {
    position: relative;
    right: auto;
    text-align: right;
  }
}
.body-container .admin-right-column.without-header .dedicated-content-wrapper > div .grid-header .grid-button {
  margin-right: 2rem;
  margin-top: 2.5rem;
}
.body-container .admin-right-column.without-header .dedicated-content-wrapper > div .grid-header .gridview-search {
  margin-top: 2.6rem;
}
.body-container .admin-right-column.without-header .dedicated-content-wrapper > div h1.page-title,
.body-container .admin-right-column.without-header .dedicated-content-wrapper > div h3.page-title {
  background: #003858;
  color: #ffffff;
  font-size: 2.5rem;
  margin: -2rem -2rem 2rem;
  padding: 2rem;
  text-transform: uppercase;
}
@media (max-width: 767px) {
  .body-container .admin-right-column.without-header .dedicated-content-wrapper > div h1.page-title,
  .body-container .admin-right-column.without-header .dedicated-content-wrapper > div h3.page-title {
    padding-left: 4rem;
  }
}
.body-container .admin-right-column.without-header .dedicated-content-wrapper > div h1.page-title .title-buttons,
.body-container .admin-right-column.without-header .dedicated-content-wrapper > div h3.page-title .title-buttons {
  float: right;
  position: relative;
  top: -1.5rem;
}
@media (max-width: 479px) {
  .body-container .admin-right-column.without-header .dedicated-content-wrapper > div h1.page-title .title-buttons,
  .body-container .admin-right-column.without-header .dedicated-content-wrapper > div h3.page-title .title-buttons {
    top: 0;
    float: none;
  }
}
.body-container .admin-right-column.without-header .dedicated-content-wrapper > div h1.page-title .title-buttons button,
.body-container .admin-right-column.without-header .dedicated-content-wrapper > div h3.page-title .title-buttons button {
  margin: 0;
}
.body-container .admin-right-column.without-header .dedicated-content-wrapper > div h1.page-title .title-buttons .btn,
.body-container .admin-right-column.without-header .dedicated-content-wrapper > div h3.page-title .title-buttons .btn {
  text-transform: none;
}
.body-container .admin-right-column.without-header .dedicated-content-wrapper > div h1.page-title .title-buttons .btn[disabled],
.body-container .admin-right-column.without-header .dedicated-content-wrapper > div h3.page-title .title-buttons .btn[disabled] {
  pointer-events: none;
}
.body-container .admin-right-column.without-header .dedicated-content-wrapper > div h3.page-title {
  background-color: #00aeef;
  padding: 8px;
}
.body-container .admin-right-column.without-header .dedicated-content-wrapper > div .contact-section-header .page-title {
  margin: 0 0 1.5rem;
}
.body-container .admin-right-column.without-header .dedicated-content-wrapper > div.directory-wrapper,
.body-container .admin-right-column.without-header .dedicated-content-wrapper > div.no-padding {
  padding: 0;
}
.body-container .admin-right-column.without-header .dedicated-content-wrapper > div .grid-view {
  margin-top: 1rem;
  padding: 0 2rem;
}
@media (max-width: 767px) {
  .body-container .admin-right-column.without-header .dedicated-content-wrapper > div .grid-view {
    padding: 0 1rem;
  }
}
.body-container.sidebar-opened .header-container {
  padding-left: 0;
}
.body-container.sidebar-opened #sidebar-open {
  display: none;
}
.body-container.sidebar-opened .hp-admin-left-column {
  z-index: 99;
}
.body-container.sidebar-opened .admin-right-column {
  width: calc(100% - 30rem);
}
.body-container.sidebar-opened .admin-right-column .content-wrapper {
  padding: 2rem;
}
.body-container.sidebar-opened .admin-right-column.without-header .dedicated-content-wrapper {
  margin: 0rem;
  max-width: 100%;
  min-height: calc(100vh - 6.1rem);
  padding: 0;
}
@media (max-width: 1200px) {
  .body-container.sidebar-opened .admin-right-column {
    -webkit-transition: width 0.4s linear, right 0.4s linear;
    -moz-transition: width 0.4s linear, right 0.4s linear;
    -ms-transition: width 0.4s linear, right 0.4s linear;
    -o-transition: width 0.4s linear, right 0.4s linear;
    transition: width 0.4s linear, right 0.4s linear;
    right: -30rem;
    width: 100%;
  }
}
@media (max-width: 479px) {
  .body-container.sidebar-opened .admin-right-column {
    -webkit-transition: width 0.4s linear, right 0.4s linear;
    -moz-transition: width 0.4s linear, right 0.4s linear;
    -ms-transition: width 0.4s linear, right 0.4s linear;
    -o-transition: width 0.4s linear, right 0.4s linear;
    transition: width 0.4s linear, right 0.4s linear;
    right: -25rem;
    width: 100%;
  }
}
.body-container.sidebar-closed {
  background: #e6e7e8;
}
.body-container.sidebar-closed .hp-admin-left-column {
  display: none;
}
.body-container .content-wrapper {
  clear: both;
  float: left;
  min-height: calc(100vh - 16.1rem);
  padding: 1.5rem;
  width: 100%;
}
.body-container .content-wrapper .light-container {
  padding: 2rem;
}
.body-container .footer-container {
  background: #1C75BC;
  clear: both;
  float: left;
  padding: 0 0 2rem;
  width: 100%;
}
.body-container .footer-container .footer {
  padding-top: 1rem;
}
.body-container .footer-container .footer p {
  color: #ffffff;
  font-size: 1.6rem;
  margin: 0;
  text-align: center;
}
.body-container .footer-container .footer p span {
  display: inline-block;
  position: relative;
  top: 0.2rem;
  vertical-align: bottom;
}
.body-container .footer-container .footer p img {
  display: inline-block;
  height: 3rem;
  vertical-align: text-bottom;
}
@media (max-width: 479px) {
  .body-container .footer-container .footer p {
    font-size: 1.4rem;
  }
}
.body-container .community-manager-container {
  margin: 0;
}
.body-container .community-manager-container .community-manager-name {
  font-family: "Open Sans", Sans-serif;
  font-size: 24px;
  font-weight: normal;
  color: #1C75BC;
}
.body-container .community-manager-container .community-manager-title {
  font-family: "Open Sans", Sans-serif;
  font-size: 16px;
  font-weight: bold;
}
.body-container .community-manager-container .community-manager-company {
  font-family: "Open Sans", Sans-serif;
  font-size: 16px;
}
.body-container .community-manager-container .person-photo {
  height: inherit!important;
}
.body-container .community-manager-container .description {
  flex-grow: 1;
}
.body-container .community-manager-container .description h3 {
  color: #3a3a3a;
}
.body-container .community-manager-container .description .community-manager-description {
  margin: 0 0 2.5rem;
}
.body-container .community-manager-container .description .community-manager-description p {
  text-align: justify;
}
.body-container .community-manager-container .logo {
  display: flex;
  align-items: flex-start;
  margin-left: 4rem;
  min-width: 15rem;
}
.body-container .community-manager-container .logo .cmc-logo {
  max-width: 100%;
  max-height: 20rem;
}
@media (max-width: 767px) {
  .body-container .community-manager-container .logo {
    margin-left: 0;
    margin-top: 2rem;
  }
}
body.sidebar-active .body-container.sidebar-opened {
  background: #e6e7e8;
}
@media (max-width: 479px) {
  .sidebar-hidden nav.navbar .container-fluid .navbar-header .navbar-toggle {
    border-left: 0 none;
    width: 100%;
  }
}
.sidebar-hidden .body-container .header-container {
  padding-left: 0;
  -webkit-transition: none;
  -moz-transition: none;
  -ms-transition: none;
  -o-transition: none;
  transition: none;
}
/* Sidebar Left */
.hp-admin-left-column {
  height: 100vh;
  left: 0;
  overflow-y: auto;
  padding: 0;
  position: fixed;
  top: 0;
  width: 30rem;
  z-index: -1;
  background: white;
}
.hp-admin-left-column .project-title {
  background: #ffffff;
  margin-bottom: 1.5rem;
  padding: 1.5rem;
}
.hp-admin-left-column .project-title span a,
.hp-admin-left-column .project-title h4 a {
  color: inherit;
}
.hp-admin-left-column .project-title span a:hover,
.hp-admin-left-column .project-title h4 a:hover,
.hp-admin-left-column .project-title span a:active,
.hp-admin-left-column .project-title h4 a:active,
.hp-admin-left-column .project-title span a:focus,
.hp-admin-left-column .project-title h4 a:focus {
  text-decoration: none;
}
.hp-admin-left-column .project-title span {
  color: #003858;
  display: block;
  font-size: 1.3rem;
  font-weight: 600;
}
.hp-admin-left-column .project-title h4 {
  color: #003858;
  font-weight: 700;
  margin: 0;
  text-transform: uppercase;
}
.hp-admin-left-column .project-title small {
  color: #6d6e71;
  display: block;
  font-size: 1.5rem;
  line-height: 1;
  margin-top: 0.5rem;
}
.hp-admin-left-column .project-title small a {
  text-decoration: underline;
}
.hp-admin-left-column .project-theme {
  background: #ffffff;
  margin-bottom: 1.5rem;
  padding: 1.5rem;
}
.hp-admin-left-column .project-theme span {
  color: #003858;
  display: block;
  font-size: 1.3rem;
}
.hp-admin-left-column .project-theme h4 {
  color: #003858;
  font-weight: 700;
  margin: 0;
}
@media (max-width: 1200px) {
  .hp-admin-left-column {
    height: 100vh;
    position: fixed;
    overflow-x: hidden;
    overflow-y: auto;
  }
}
@media (max-width: 479px) {
  .hp-admin-left-column {
    width: 25rem;
  }
}
#sidebar-close {
  background: #ffffff;
  border: 0.1rem solid #bcbec0;
  border-radius: 50%;
  color: #00aeef;
  cursor: pointer;
  height: 2.5rem;
  left: 0.6rem;
  line-height: 2.3rem;
  padding: 0;
  position: fixed;
  text-align: center;
  top: 9rem;
  width: 2.5rem;
  z-index: 999;
  font-size: 1.5rem;
  -webkit-transition: background-color 0.4s linear, border-color 0.4s linear, border-radius 0.4s linear, color 0.4s linear, left 0.4s linear;
  -moz-transition: background-color 0.4s linear, border-color 0.4s linear, border-radius 0.4s linear, color 0.4s linear, left 0.4s linear;
  -ms-transition: background-color 0.4s linear, border-color 0.4s linear, border-radius 0.4s linear, color 0.4s linear, left 0.4s linear;
  -o-transition: background-color 0.4s linear, border-color 0.4s linear, border-radius 0.4s linear, color 0.4s linear, left 0.4s linear;
  transition: background-color 0.4s linear, border-color 0.4s linear, border-radius 0.4s linear, color 0.4s linear, left 0.4s linear;
}
@media (max-width: 767px) {
  #sidebar-close {
    top: 2.2rem;
    left: 1rem;
    background: transparent;
    color: white;
    border: none;
    font-size: 2.2rem;
    position: absolute;
  }
}
#sidebar-close:hover {
  background-color: #f47b20;
  border-color: #f47b20;
  color: #ffffff;
}
@media (max-width: 767px) {
  #sidebar-close:hover {
    background-color: transparent;
    border-color: transparent;
  }
}
.body-container.sidebar-opened #sidebar-close {
  left: 28.8rem;
}
@media (max-width: 767px) {
  .body-container.sidebar-opened #sidebar-close {
    left: 31rem;
  }
}
@media (max-width: 479px) {
  .body-container.sidebar-opened #sidebar-close {
    left: 25.8rem;
  }
}
@media (max-width: 767px) {
  .body-container.home-container .navbar {
    background-color: #1C75BC;
  }
  .body-container.home-container .navbar__ws-logo img {
    filter: brightness(10);
  }
}
@media (max-width: 767px) {
  .body-container.home-container #sidebar-close {
    color: #1C75BC;
    top: 1.2rem;
  }
}
.body-container.home-container .navbar__ws-logo .navbar__ws-name {
  color: #1C75BC;
}
@media (max-width: 767px) {
  .body-container.home-container .navbar__ws-logo .navbar__ws-name {
    color: #ffffff;
  }
}
@media (max-width: 479px) {
  #sidebar-open {
    border-right: 0.1rem solid #ffffff;
    width: 50%;
  }
}
.hp-admin-left-column:hover + #sidebar-close,
.hp-admin-left-column:hover + #sidebar-open {
  opacity: 1;
  visibility: visible;
}
/* Sidebar Left - Buttons */
.sidebar-buttons {
  padding-left: 4rem;
  text-align: right;
  min-height: 5.2rem;
}
.sidebar-buttons .btn {
  font-weight: 400;
  margin: 0;
  min-height: 5rem;
  padding: 1.1rem 1.5rem;
  text-transform: uppercase;
}
.sidebar-menu-back {
  background: #00aeef;
  color: #ffffff;
  font-size: 2.4rem;
  height: 5.2rem;
  left: 0;
  line-height: 1;
  padding: 1.2rem;
  position: absolute;
  text-align: center;
  text-decoration: none;
  top: 0;
  width: 5rem;
  z-index: 999999;
}
.sidebar-menu-back:hover,
.sidebar-menu-back:focus {
  background-color: #f47b20;
  color: #ffffff;
}
/* Banner */
.website-banner {
  align-items: center;
  background-image: url(/images/hoa-website/banner.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
  display: flex;
  position: relative;
  width: 100%;
}
.website-banner .banner-container {
  max-width: 834px;
  min-height: 70vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin: 0 auto;
  z-index: 9;
  text-align: center;
  color: #ffffff;
}
.website-banner .banner-container h2 {
  color: #ffffff;
  font-family: "Prata", Sans-serif;
  font-size: 35px;
  font-weight: normal;
  line-height: 1.5em;
}
.website-banner .banner-container .description {
  font-family: "Arial", Sans-serif;
  font-size: 18px;
  font-weight: normal;
  line-height: 1.5em;
  margin-left: 1.5rem;
  margin-right: 1.5rem;
}
.website-banner .banner-container .btn {
  text-transform: uppercase;
  margin-top: 3rem;
  font-family: "Open Sans", sans-serif;
  padding: 10px 40px 10px 40px;
}
.website-banner .website-title {
  color: white;
  padding-left: 2rem;
  position: relative;
  margin-bottom: 0px;
}
@media (max-width: 479px) {
  .website-banner .website-title {
    width: 100%;
    text-align: center;
    padding-left: 0;
  }
}
.website-banner:before {
  background: rgba(0, 56, 88, 0.75);
  content: "";
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.website-banner.group-banner {
  align-items: flex-end;
}
.website-banner.group-banner .group-details {
  display: flex;
  justify-content: space-between;
  width: 100%;
  padding: 0 3rem 1.5rem;
  align-items: flex-end;
  z-index: 1;
}
.website-banner.group-banner .group-details .group-name {
  color: #ffffff;
  margin: 0;
}
.website-banner.group-banner .group-details .joined-button {
  background-color: #00aeef;
  border-width: 0;
  -webkit-border-radius: 5%;
  -moz-border-radius: 5%;
  border-radius: 5%;
  color: #ffffff;
  font-weight: bold;
  padding: 1rem;
  text-decoration: none;
}
.website-banner.group-banner .group-details .joined-button:hover,
.website-banner.group-banner .group-details .joined-button:focus,
.website-banner.group-banner .group-details .joined-button:visited {
  text-decoration: none;
}
@media (max-width: 767px) {
  .website-banner {
    background-position: 50% 0;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .website-banner {
    height: 75vw;
  }
}
@media (max-width: 479px) {
  .website-banner {
    height: auto;
  }
}
@media (max-width: 479px) {
  .website-banner {
    background-position: 50% 0;
  }
}
.website-banner.small {
  background-position: 50% 25%;
  height: 12.5rem;
  margin-bottom: 1px;
}
@media (max-width: 767px) {
  .website-banner.small {
    background-position: 50% 0;
    height: 12.5rem;
  }
}
.website-banner .container .row h1 {
  color: #ffffff;
  margin: 0;
  position: relative;
  z-index: 99;
}
/* Blog Articles */
.blog-listing .blog-post {
  float: left;
  padding: 0 1.5rem;
  position: relative;
}
.blog-listing .blog-post:nth-child(2n):before {
  background: #e6e7e8;
  content: "";
  height: 120%;
  left: -0.1rem;
  position: absolute;
  top: -10%;
  width: 0.2rem;
}
@media (max-width: 1023px) {
  .blog-listing .blog-post:nth-child(2n):before {
    height: 1%;
    width: 100%;
    left: 0;
  }
}
.blog-listing .blog-post .post-header {
  background: #e6e7e8;
  padding: 1rem;
}
.blog-listing .blog-post .post-header h3 {
  font-size: 2.2rem;
  margin: 0;
}
.blog-listing .blog-post .post-header .date {
  font-size: 1.4rem;
  font-style: italic;
  margin: 1rem 0 0;
}
@media (max-width: 1023px) {
  .blog-listing .blog-post .post-header .date {
    margin-top: 0.5rem;
  }
}
.blog-listing .blog-post .post-body {
  padding-top: 1.5rem;
}
.blog-listing .blog-post .post-body .featured-image img {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  border: 0.2rem solid #003858;
  display: table;
  float: left;
  height: 12rem;
  margin: 0 1rem 0 0;
  max-width: 12rem;
  table-layout: fixed;
  width: 100%;
}
@media (max-width: 479px) {
  .blog-listing .blog-post .post-body .featured-image img {
    float: none;
    height: 50vw;
    margin: 0 0 1rem;
    max-width: 100%;
  }
}
.blog-listing .blog-post .post-body p {
  font-size: 1.5rem;
}
.blog-listing .blog-post a.more-link {
  font-size: 1.4rem;
  text-decoration: none;
}
@media (max-width: 1023px) {
  .blog-listing .blog-post {
    width: 100%;
  }
}
@media (max-width: 1023px) {
  .blog-listing .blog-post + .blog-post {
    margin-top: 3rem;
  }
}
.content-with-sidebar .blog-listing .blog-post:not(:first-child) {
  margin-top: 6rem;
}
.content-with-sidebar .blog-listing .blog-post:not(:first-child):before {
  background: #bcbec0;
  content: "";
  display: block;
  height: 0.1rem;
  left: 0;
  position: absolute;
  top: -3rem;
  width: 100%;
}
@media (max-width: 767px) {
  .content-with-sidebar .blog-listing .blog-post:not(:first-child):before {
    display: none;
  }
}
.content-with-sidebar .blog-listing .blog-post {
  padding: 0;
  width: 100%;
}
.content-with-sidebar .blog-listing .blog-post .read-more {
  bottom: 0;
  position: absolute;
  right: 0;
}
.article-single {
  padding-bottom: 1.5rem;
}
.article-single .date {
  bottom: 0;
  line-height: 3.7rem;
  position: absolute;
  right: 1rem;
}
.article-single .date i {
  top: 0.2rem;
}
.article-single .featured-image img {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  border: 0.2rem solid #003858;
  display: table;
  float: left;
  margin: 0 1rem 0 0;
  max-height: 24rem;
  max-width: 24rem;
  table-layout: fixed;
  width: 100%;
}
@media (max-width: 479px) {
  .article-single .featured-image img {
    float: none;
    margin: 0 0 1rem;
    max-width: 100%;
  }
}
.article-single:after {
  clear: both;
  content: "";
  display: table;
}
/* Action Box */
.action-box img {
  margin-top: 3rem;
  margin-bottom: 2.8rem;
  max-height: 8rem;
  width: auto;
}
.action-box h3 {
  margin: 2rem 0 2rem;
}
@media (max-width: 767px) {
  .action-box h3 {
    font-size: 2.4rem;
    margin: 1.5rem 0 0.5rem;
  }
}
@media (max-width: 767px) {
  .action-box {
    margin-bottom: 3rem;
  }
}
.action-box .btn {
  text-transform: uppercase;
}
@media (max-width: 767px) {
  .row > div:last-child .action-box {
    margin-bottom: 0;
  }
}
.hoaWebsite__paragraph,
.hoaWebsite__paragraph--about {
  font-size: 2.4rem;
  margin: 0;
  color: #6d6e71;
}
.hoaWebsite__paragraph.hoaWebsite__paragraph--action-box,
.hoaWebsite__paragraph--about.hoaWebsite__paragraph--action-box {
  /*font-size: 2.1rem;*/
}
@media (max-width: 767px) {
  .hoaWebsite__paragraph--about {
    font-size: 1.8rem;
  }
}
/* Person Box */
.person-box {
  background: white;
  margin: 3rem 0 0;
  padding: 3rem 1.5rem;
}
.person-box .container {
  display: flex;
  max-width: 100%;
}
.person-box .container .image .person-photo {
  margin: 0 auto;
  width: 12rem;
  margin-right: 4rem;
}
.person-box .container .image .person-photo img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
}
@media (max-width: 767px) {
  .person-box .container .image .person-photo {
    width: 10rem;
    margin-right: 0;
  }
}
@media (max-width: 767px) {
  .person-box .container .image {
    margin-bottom: 1.5rem;
  }
}
.person-box .container .description h3 {
  font-size: 2.8rem;
}
@media (max-width: 479px) {
  .person-box .container .description h3 {
    font-size: 2.4rem;
  }
}
.person-box .container .description p {
  color: #6d6e71;
}
.person-box .container .description .btn {
  margin: 0;
}
@media (max-width: 767px) {
  .person-box .container .description {
    text-align: center;
  }
}
@media (max-width: 767px) {
  .person-box .container {
    flex-direction: column;
    align-items: center;
  }
  .person-box .container .btn {
    white-space: normal;
  }
}
@media (max-width: 1200px) {
  .person-box .container {
    padding: 1.5rem;
  }
}
/* Other */
.container-white-background {
  background: #ffffff;
}
.container-transparent-background {
  background: transparent;
}
h3.section-title {
  color: #003858;
  font-size: 3.5rem;
  margin: 0;
}
h3.section-title.with-border {
  clear: both;
  padding-top: 0.5rem;
}
h3.section-title.with-border:after {
  background: #003858;
  content: "";
  display: block;
  height: 0.1rem;
  margin: 0.8rem 0;
  width: 100%;
}
@media (max-width: 767px) {
  h3.section-title {
    font-size: 2.4rem;
  }
}
@media (max-width: 479px) {
  h3.section-title {
    font-size: 2rem;
  }
}
div.section-title {
  clear: both;
  display: block;
  position: relative;
  margin-bottom: 1rem;
}
@media (max-width: 767px) {
  div.section-title {
    text-align: center;
  }
}
div.section-title h4 {
  color: #1C75BC;
  font-family: 'Open Sans Bold';
  display: inline-block;
  margin: 0;
  vertical-align: middle;
  width: auto;
  line-height: 3.7rem;
  font-weight: 500;
  font-size: 2.4rem;
  border-bottom: 2px solid #1C75BC;
  width: 100%;
}
div.section-title h5 {
  color: #003858;
  display: inline-block;
  font-size: 2rem;
  font-weight: bold;
  margin: 0;
  vertical-align: middle;
  width: auto;
}
div.section-title.with-search .search-container {
  position: absolute;
  right: 0;
  top: 0;
  width: auto;
}
div.section-title.with-search .search-container .refresh-button {
  cursor: pointer;
  margin-right: 1rem;
  max-width: 2rem;
  position: absolute;
  left: 0;
  top: 1rem;
  z-index: 99;
}
div.section-title.with-search .search-container .btn {
  float: left;
  line-height: 1.27;
  margin: 0 1rem 0 0;
}
div.section-title.with-search .search-container .btn + form {
  width: auto;
}
@media (max-width: 479px) {
  div.section-title.with-search .search-container .btn + form .form-control {
    max-width: 16.5rem;
  }
}
div.section-title.with-search .search-container form {
  position: relative;
  padding-left: 3rem;
}
div.section-title.with-search .search-container form .form-group {
  margin: 0;
}
div.section-title.with-search .search-container form label {
  display: none;
}
div.section-title.with-search .search-container form input {
  font-size: 1.6rem;
  padding: 0.5rem 3.5rem 0.5rem 1rem;
}
div.section-title.with-search .search-container form button {
  background: url(/images/common/magnifier.svg);
  border: 0 none;
  color: #ccc;
  padding: 0;
  position: absolute;
  top: 50%;
  right: 1.2rem;
  transform: translate(0, -50%);
  width: 2rem;
  height: 2rem;
}
@media (max-width: 767px) {
  div.section-title.with-search .search-container {
    top: 0;
    position: relative;
    max-width: 30rem;
    margin: auto;
  }
}
div.section-title.with-search:after {
  margin-top: 1.5rem;
}
div.section-title.with-action-buttons h4 {
  line-height: 3.7rem;
}
div.section-title.with-action-buttons .action-buttons {
  position: absolute;
  right: 0;
  top: 0;
  width: auto;
}
div.section-title.with-action-buttons .action-buttons .btn {
  float: left;
  line-height: 1.27;
  margin: 0 1rem 0 0;
}
div.section-title.with-action-buttons:after {
  margin-top: 0.5rem;
}
.boxed-title {
  background: #00aeef;
  color: #ffffff;
  font-size: 2rem;
  font-weight: bold;
  margin: 0 0 1rem;
  padding: 0.5rem 1rem;
  text-align: center;
  text-transform: uppercase;
}
.useful-link-wrapper {
  display: flex;
  flex-wrap: wrap;
}
.useful-link-wrapper > div {
  flex: 1 0 30%;
  margin: 1rem;
  max-width: 30%;
  width: 100%;
}
@media (max-width: 479px) {
  .useful-link-wrapper > div {
    flex: 1 0 100%;
    max-width: 100%;
  }
}
.useful-link-wrapper .category-title {
  font-weight: 700;
  color: #003858;
  text-transform: uppercase;
  font-size: 1.8rem;
}
.useful-link-wrapper .useful-links {
  font-size: 1.4rem;
  width: 100%;
}
.useful-link-wrapper .useful-links .useful-link-container a {
  text-decoration: underline;
  text-transform: uppercase;
}
@media (max-width: 479px) {
  .useful-link-wrapper .useful-links .useful-link-container {
    display: block;
  }
}
@media (max-width: 479px) {
  .useful-link-wrapper .useful-links {
    display: block;
  }
}
hr.section-separator {
  background: #bcbec0;
  border: 0 none;
  display: block;
  height: 0.3rem;
  margin: 5rem auto;
  width: 50%;
}
@media (max-width: 767px) {
  hr.section-separator {
    margin: 3rem auto;
  }
}
/* "Other" option in forms */
#create-category-container {
  float: left;
  width: 100%;
}
/* Website (Admin View) > News */
.hoa-news-preview .text {
  display: inline-block;
  vertical-align: middle;
}
.hoa-news-preview .showModalButton {
  margin-top: 0;
  margin-left: 1.5rem;
}
/* Website (Admin View) > News Create/Update */
.hoa-news-create-update .fileuploader-container-single {
  background: none;
  margin: 0 -1.5rem;
  text-align: left;
}
.hoa-news-create-update .fileuploader-container-single .fileuploader {
  margin-top: -1.6rem;
  padding-left: 0;
}
.hoa-news-create-update .fileuploader-container-single .fileuploader .fileuploader-thumbnails-input-inner {
  background: #e6ebf4 !important;
  border: 0.2rem dashed #92a7bf !important;
}
/* Website (Admin View) > Community Manager */
.hoa-community-manager-config .custom-checkbox input[type="checkbox"] + label {
  font-size: 1.6rem;
  font-weight: bold;
  margin-bottom: 1rem;
}
.hoa-community-manager-config .preview-container {
  padding-top: 1rem;
}
/* Image wrapper */
.image-wrapper {
  background: #003858;
  overflow: hidden;
  position: relative;
  width: 100%;
}
.image-wrapper .image {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  display: block;
  height: 100%;
  -webkit-transition: transform 0.4s linear;
  -moz-transition: transform 0.4s linear;
  -ms-transition: transform 0.4s linear;
  -o-transition: transform 0.4s linear;
  transition: transform 0.4s linear;
  width: 100%;
}
.image-wrapper:not(.not-scale):hover .image {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
}
/* File Uploader Multiple Items */
.fileuploader {
  background: none!important;
}
.fileuploader.fileuploader-theme-thumbnails .fileuploader-thumbnails-input {
  display: inline-block;
  margin: 1.6rem 0 0 1.6rem;
  padding: 10% 0 00;
  position: relative;
  vertical-align: top;
  width: calc(12.5% - 1.6rem);
}
@media (max-width: 1023px) {
  .fileuploader.fileuploader-theme-thumbnails .fileuploader-thumbnails-input {
    padding-top: 20%;
    width: calc(25% - 1.6rem);
  }
}
@media (max-width: 479px) {
  .fileuploader.fileuploader-theme-thumbnails .fileuploader-thumbnails-input {
    padding-top: 40%;
    width: calc(50% - 1.6rem);
  }
}
.fileuploader.fileuploader-theme-thumbnails .fileuploader-items-list .fileuploader-item {
  display: inline-block;
  margin: 1.6rem 0 0 1.6rem;
  padding: 10% 0 0;
  position: relative;
  vertical-align: top;
  width: calc(12.5% - 1.6rem);
}
@media (max-width: 1023px) {
  .fileuploader.fileuploader-theme-thumbnails .fileuploader-items-list .fileuploader-item {
    padding-top: 20%;
    width: calc(25% - 1.6rem);
  }
}
@media (max-width: 479px) {
  .fileuploader.fileuploader-theme-thumbnails .fileuploader-items-list .fileuploader-item {
    padding-top: 40%;
    width: calc(50% - 1.6rem);
  }
}
.fileuploader.fileuploader-theme-thumbnails .fileuploader-items-list .fileuploader-item-image {
  text-align: center;
}
.fileuploader.fileuploader-theme-thumbnails .fileuploader-thumbnails-input-inner {
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  background: #e6ebf4;
  -webkit-border-radius: 0.6rem;
  -moz-border-radius: 0.6rem;
  border-radius: 0.6rem;
  border: 0.2rem dashed #92a7bf;
  color: #90a0bc;
  cursor: pointer;
  font-size: 3rem;
  height: 100%;
  left: 0;
  opacity: 0.5;
  position: absolute;
  text-align: center;
  top: 0;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  user-select: none;
  width: 100%;
}
.fileuploader.fileuploader-theme-thumbnails .fileuploader-thumbnails-input-inner:hover {
  opacity: 1;
}
.fileuploader.fileuploader-theme-thumbnails .fileuploader-thumbnails-input-inner:active {
  background: #e6e7e8;
}
.fileuploader.fileuploader-theme-thumbnails .fileuploader-thumbnails-input-inner i {
  font-style: normal;
  left: 50%;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.fileuploader.fileuploader-theme-thumbnails .fileuploader-item-inner {
  -webkit-border-radius: 0.6rem;
  -moz-border-radius: 0.6rem;
  border-radius: 0.6rem;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.fileuploader.fileuploader-theme-thumbnails .fileuploader-item-inner .thumbnail-holder {
  height: 100%;
  width: 100%;
}
.fileuploader.fileuploader-theme-thumbnails .fileuploader-dragging .fileuploader-thumbnails-input-inner {
  background: #e6e7e8;
}
.fileuploader.fileuploader-theme-thumbnails .fileuploader-items .fileuploader-item {
  border-bottom: 0;
}
.fileuploader.fileuploader-theme-thumbnails .fileuploader-items .fileuploader-item:last-child {
  margin-bottom: 0;
}
.fileuploader.fileuploader-theme-thumbnails .fileuploader-items .fileuploader-item .fileuploader-item-icon i {
  display: none;
}
.fileuploader.fileuploader-theme-thumbnails .fileuploader-items .fileuploader-item .fileuploader-action-popup {
  -webkit-border-radius: 0.6rem;
  -moz-border-radius: 0.6rem;
  border-radius: 0.6rem;
  z-index: 1;
}
.fileuploader.fileuploader-theme-thumbnails .fileuploader-items .fileuploader-item .fileuploader-action {
  color: #ffffff;
  text-shadow: 0.1rem 0.1rem 0.3rem rgba(109, 110, 113, 0.3);
}
.fileuploader.fileuploader-theme-thumbnails .fileuploader-items .fileuploader-item .fileuploader-action.fileuploader-action-remove i {
  background: #f47b20;
}
.fileuploader.fileuploader-theme-thumbnails .fileuploader-items .fileuploader-item .fileuploader-action + .fileuploader-action {
  margin-left: 0.8rem;
}
.fileuploader.fileuploader-theme-thumbnails .fileuploader-items .fileuploader-item-inner {
  background: rgba(109, 110, 113, 0.02);
  overflow: hidden;
  z-index: 1;
}
.fileuploader.fileuploader-theme-thumbnails .fileuploader-items .fileuploader-item.upload-failed .fileuploader-item-inner {
  background: #db6868;
}
.fileuploader.fileuploader-theme-thumbnails .fileuploader-items .fileuploader-item.sorting {
  margin: 0;
  padding-top: 0;
}
.fileuploader.fileuploader-theme-thumbnails .fileuploader-item .type-holder {
  background: rgba(109, 110, 113, 0.4);
  -webkit-border-radius: 0.4rem;
  -moz-border-radius: 0.4rem;
  border-radius: 0.4rem;
  color: #ffffff;
  font-size: 1.2rem;
  left: 0.6rem;
  padding: 0.4rem 0.6rem;
  position: absolute;
  text-transform: uppercase;
  top: 0.6rem;
  z-index: 2;
}
.fileuploader.fileuploader-theme-thumbnails .fileuploader-item .actions-holder {
  height: 2rem;
  position: absolute;
  right: 0.6rem;
  top: 0.6rem;
  z-index: 2;
}
.fileuploader.fileuploader-theme-thumbnails .fileuploader-item .content-holder {
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(109, 110, 113, 0.65) 100%);
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(109, 110, 113, 0.65) 100%);
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(109, 110, 113, 0.65) 100%);
  bottom: 0;
  left: 0;
  padding: 0.6rem;
  position: absolute;
  text-shadow: 0.1rem 0.1rem 0.3rem rgba(109, 110, 113, 0.3);
  width: 100%;
  z-index: 2;
}
.fileuploader.fileuploader-theme-thumbnails .fileuploader-item .content-holder h5 {
  color: #ffffff;
  display: block;
  font-size: 1.4rem;
  font-weight: normal;
  margin: 0;
  overflow: hidden;
  padding: 0;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.fileuploader.fileuploader-theme-thumbnails .fileuploader-item .content-holder span {
  color: rgba(255, 255, 255, 0.8);
  display: block;
  font-size: 1.1rem;
}
.fileuploader.fileuploader-theme-thumbnails .fileuploader-item .progress-holder {
  background: #ffffff;
  display: none;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1;
}
.fileuploader.fileuploader-theme-thumbnails .fileuploader-item .progress-holder .fileuploader-progressbar {
  background: #dde4f6;
  height: 0.6rem;
  margin: 0 auto;
  position: relative;
  top: 50%;
  width: 80%;
}
.fileuploader.fileuploader-theme-thumbnails .fileuploader-sorter-placeholder {
  background: #f0f3f9;
  -webkit-border-radius: 0.6rem;
  -moz-border-radius: 0.6rem;
  border-radius: 0.6rem;
}
.fileuploader-popup .fileuploader-popup-preview .fileuploader-popup-content .fileuploader-popup-header .fileuploader-popup-meta li h5 {
  color: #ffffff;
}
.fileuploader-popup .fileuploader-popup-preview .fileuploader-popup-content .fileuploader-popup-header .fileuploader-popup-buttons li .fileuploader-popup-button {
  background: #6d6e71;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  color: #ffffff;
  padding-top: 7px !important;
  padding-bottom: 7px !important;
  text-transform: uppercase;
  font-weight: normal;
}
.fileuploader-popup .fileuploader-popup-preview .fileuploader-popup-content .fileuploader-popup-header .fileuploader-popup-buttons li .fileuploader-popup-button.button-success {
  background: #f47b20;
}
.fileuploader-popup .fileuploader-popup-preview .fileuploader-popup-content .fileuploader-popup-footer .fileuploader-popup-tools {
  display: none;
}
.default-fileuploader {
  margin-top: 10px;
}
.default-fileuploader .fileuploader {
  padding: 0px;
}
.default-fileuploader .fileuploader .fileuploader-item {
  display: none;
}
.default-fileuploader .fileuploader .fileuploader-input {
  display: inline-flex;
}
.default-fileuploader .fileuploader .fileuploader-input .fileuploader-input-caption {
  border-radius: 0px;
  color: #003858;
  font-size: 1.6rem;
  padding: 1rem 0;
  flex: none;
  border: none;
}
.default-fileuploader .fileuploader .fileuploader-input .fileuploader-input-button {
  color: #00aeef;
  font-size: 1.6rem;
  font-weight: normal;
  padding: 1rem 0;
  background: none;
  box-shadow: none;
}
.default-fileuploader .fileuploader .fileuploader-input .fileuploader-input-button:hover {
  text-decoration: underline;
  transform: none;
}
.default-fileuploader .field-cmc-logo .fileuploader {
  margin: 0;
}
/* FileUploader single item */
.fileuploader-container-single {
  background: #d2d3d5;
  margin: -1.5rem -1.5rem 1.5rem;
  padding: 0.1rem 1.5rem;
  position: relative;
  text-align: center;
}
.fileuploader-container-single .fileuploader {
  color: #00aeef;
  padding-top: 0;
  margin-top: 0;
}
.fileuploader-container-single .fileuploader.fileuploader-theme-thumbnails .fileuploader-items .fileuploader-items-list .fileuploader-thumbnails-input {
  padding-top: 0 !important;
  width: calc(25% - 1.6rem) !important;
}
.fileuploader-container-single .fileuploader.fileuploader-theme-thumbnails .fileuploader-items .fileuploader-items-list .fileuploader-thumbnails-input .fileuploader-thumbnails-input-inner {
  background: none;
  color: #00aeef;
  position: relative;
}
.fileuploader-container-single .fileuploader.fileuploader-theme-thumbnails .fileuploader-items .fileuploader-items-list .fileuploader-thumbnails-input .fileuploader-thumbnails-input-inner:active {
  background: none;
}
.fileuploader-container-single .fileuploader.fileuploader-theme-thumbnails .fileuploader-items .fileuploader-items-list .fileuploader-thumbnails-input .fileuploader-thumbnails-input-inner i {
  font-style: normal;
  left: 0;
  position: relative;
  -webkit-transform: unset;
  -moz-transform: unset;
  -ms-transform: unset;
  -o-transform: unset;
  transform: unset;
}
.fileuploader-container-single .fileuploader.fileuploader-theme-thumbnails .fileuploader-items .fileuploader-items-list .fileuploader-thumbnails-input .fileuploader-thumbnails-input-inner i:active {
  background: transparent;
}
.fileuploader-container-single .fileuploader i {
  cursor: pointer;
  display: block;
  font-size: 15rem;
}
.fileuploader-container-single .fileuploader span {
  cursor: pointer;
  display: block;
  font-size: 1.3rem;
}
.fileuploader-container-single .fileuploader input {
  cursor: pointer;
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
/* Admin - Websites Page */
.hoa-index .grid-view .table.table-with-collapse tbody tr .btn.hoa-status {
  margin-right: 1rem;
}
.hoa-index .grid-view .table.table-with-collapse tbody tr[aria-expanded] td .trial-left {
  color: #f47b20;
  font-size: 1.4rem;
  font-style: italic;
}
.hoa-index .grid-view .table.table-with-collapse tbody tr[aria-expanded] td ul {
  margin: 0;
}
.hoa-index .grid-view .table.table-with-collapse tbody tr[aria-expanded] td ul li + li {
  margin-top: 1rem;
}
.hoa-index .grid-view .table.table-with-collapse tbody tr[aria-expanded] td ul li > div:first-of-type {
  font-weight: bold;
  min-width: 10.5rem;
}
.hoa-index .grid-view .table.table-with-collapse tbody tr[aria-expanded] td ul li .gridview-plan-wrapper {
  font-weight: normal;
}
@media (max-width: 639px) {
  .hoa-index .grid-view .table.table-with-collapse tbody tr[aria-expanded] td ul li .gridview-plan-wrapper {
    flex-direction: column;
  }
}
.hoa-index .grid-view .table.table-with-collapse tbody tr[aria-expanded] td ul li .gridview-plan-wrapper .gridview-plan-info {
  margin-right: 6rem;
}
.hoa-index .grid-view .table.table-with-collapse tbody tr[aria-expanded] td ul li .gridview-plan-wrapper .gridview-plan-info .gridview-plan-name {
  font-weight: normal;
  margin-bottom: 0.5rem;
}
.hoa-index .grid-view .table.table-with-collapse tbody tr[aria-expanded] td ul li .gridview-plan-wrapper .gridview-plan-info .gridview-plan-name.expired {
  font-weight: bold;
  color: #bcbec0;
}
.hoa-index .grid-view .table.table-with-collapse tbody tr[aria-expanded] td ul li .gridview-plan-wrapper .gridview-plan-info .gridview-plan-end {
  margin-left: 0;
  margin-bottom: 0.5rem;
}
.hoa-index .grid-view .table.table-with-collapse tbody tr[aria-expanded] td ul li .gridview-plan-wrapper .gridview-plan-buttons {
  display: flex;
  flex-direction: column;
}
@media (max-width: 639px) {
  .hoa-index .grid-view .table.table-with-collapse tbody tr[aria-expanded] td ul li .gridview-plan-wrapper .gridview-plan-buttons {
    margin: 0;
  }
  .hoa-index .grid-view .table.table-with-collapse tbody tr[aria-expanded] td ul li .gridview-plan-wrapper .gridview-plan-buttons a {
    margin: 0.5rem 0 0;
  }
}
.hoa-index .grid-view .table.table-with-collapse tbody tr[aria-expanded] td ul li .gridview-plan-wrapper .gridview-plan-buttons a {
  margin: 0 0 0.5rem;
  min-height: auto;
}
.hoa-index .grid-view .table.table-with-collapse tbody tr[aria-expanded] td ul li .hoa-status .btn-tertiary {
  margin-left: 1rem;
}
.hoa-index .grid-view .table.table-with-collapse tbody tr[aria-expanded] td ul.hoa-buttons-list > li {
  white-space: nowrap;
  position: relative;
  top: -4.5rem;
  text-align: right;
}
@media (max-width: 767px) {
  .hoa-index .grid-view .table.table-with-collapse tbody tr[aria-expanded] td ul.hoa-buttons-list > li {
    top: 1rem;
  }
}
.user-fileuploader-wrapper {
  align-content: center;
  align-items: center;
  background: transparent;
  display: flex;
  justify-content: flex-start;
  margin-bottom: 1rem;
}
.user-fileuploader-wrapper .fileuploader-container {
  margin: 0;
  padding: 0;
}
.user-fileuploader-wrapper .fileuploader-container:hover .fileuploader-actions {
  display: block;
}
.user-fileuploader-wrapper .fileuploader-container .fileuploader {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  color: #ffffff;
  margin: 0;
  padding: 0px 0px 0px 15px;
}
.user-fileuploader-wrapper .fileuploader-container .fileuploader.fileuploader-theme-thumbnails .fileuploader-item-inner {
  border-radius: 50%;
  border: 2px solid white;
}
.user-fileuploader-wrapper .fileuploader-container .fileuploader.fileuploader-theme-thumbnails .fileuploader-thumbnails-input-inner span {
  display: none;
}
.user-fileuploader-wrapper .fileuploader-container .fileuploader.fileuploader-theme-thumbnails .fileuploader-items .fileuploader-items-list .fileuploader-item {
  height: 12rem;
  margin: 0;
  padding: 0 !important;
  width: 12rem;
}
.user-fileuploader-wrapper .fileuploader-container .fileuploader .fileuploader-items ul.fileuploader-items-list {
  margin: 0;
}
.user-fileuploader-wrapper .fileuploader-container .fileuploader .fileuploader-items ul.fileuploader-items-list li.fileuploader-thumbnails-input {
  margin: 0;
  width: 100% !important;
}
.user-fileuploader-wrapper .fileuploader-container .fileuploader .fileuploader-items ul.fileuploader-items-list li.fileuploader-thumbnails-input .fileuploader-thumbnails-input-inner {
  color: #00aeef;
  opacity: 1;
}
@media (max-width: 1023px) {
  .user-fileuploader-wrapper .fileuploader-container .fileuploader .fileuploader-items ul.fileuploader-items-list li.fileuploader-thumbnails-input .fileuploader-thumbnails-input-inner i {
    font-size: 10rem;
  }
}
.user-fileuploader-wrapper .fileuploader-container-single {
  background: none;
  margin: 0 -1.5rem;
  text-align: left;
}
.user-fileuploader-wrapper .fileuploader-container-single .type-holder,
.user-fileuploader-wrapper .fileuploader-container-single .actions-holder,
.user-fileuploader-wrapper .fileuploader-container-single .content-holder {
  display: none;
}
.user-fileuploader-wrapper .fileuploader-container-single .fileuploader-thumbnails-input-inner {
  border: 0.2rem solid white;
  border-radius: 50%;
  width: 12rem;
}
.user-fileuploader-wrapper .fileuploader-container-single .fileuploader-actions {
  position: absolute;
  z-index: 999;
  background-color: rgba(0, 0, 0, 0.4);
  padding: 1rem;
  width: 11.6rem;
  height: 5.8rem;
  border-bottom-left-radius: 6rem;
  border-bottom-right-radius: 6rem;
  border-top: 0;
  font-size: 1.2rem;
  font-weight: bold;
  bottom: 0.2rem;
  left: 1.7rem;
  cursor: pointer;
  text-align: center;
  display: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.user-fileuploader-wrapper .fileuploader-container-single .fileuploader-actions a {
  color: white;
  display: block;
  position: relative;
  top: -0.7rem;
}
.user-fileuploader-wrapper .fileuploader-container-single .fileuploader-actions a .js-upload {
  top: 0.6rem;
  position: relative;
}
.user-fileuploader-wrapper .fileuploader-container-single .fileuploader-actions .glyphicon-camera {
  display: block;
  color: white;
  top: -0.7rem;
}
.user-fileuploader-wrapper .fileuploader-container-single .fileuploader-actions:hover {
  background-color: rgba(0, 0, 0, 0.6);
}
.user-fileuploader-wrapper.contact-fileuploader-wrapper {
  margin: -1.5rem -1.5rem 0.5rem -1.6rem;
  padding: 0 1.5rem;
}
.user-fileuploader-wrapper.contact-fileuploader-wrapper .fileuploader-container .fileuploader-actions {
  bottom: 1rem;
  left: 1.5rem;
}
.user-details .profile-fileuploader-wrapper {
  position: relative;
  justify-content: center;
}
.user-details .profile-fileuploader-wrapper .fileuploader-container-single .fileuploader-actions {
  bottom: 0.2rem;
  left: 1.7rem;
  width: 11.6rem;
  height: 5.8rem;
  border-bottom-left-radius: 5.8rem;
  border-bottom-right-radius: 5.8rem;
}
.homeowner-profile-fileuploader .fileuploader-container > .form-group .fileuploader.fileuploader-theme-thumbnails .fileuploader-item-inner {
  border-radius: 0%;
}
.homeowner-profile-fileuploader .fileuploader-container > .form-group .fileuploader.fileuploader-theme-thumbnails .fileuploader-item-inner .fileuploader-item-image {
  border-radius: 0%;
}
.homeowner-profile-fileuploader .fileuploader-container > .form-group .fileuploader.fileuploader-theme-thumbnails .fileuploader-item-inner .fileuploader-item-image .fileuploader-action-popup {
  border-radius: 0%;
}
.error-message {
  display: none;
  color: #EE1C25;
}
.hoa-index .edit-button .glyphicon {
  font-size: 1.2rem;
  margin-left: 1rem;
}
.household-index .edit-button {
  font-size: 1.2rem;
  margin-left: 1rem;
}
.hoa-person-index .edit-button {
  font-size: 1.2rem;
  margin-left: 1rem;
}
.hint-block {
  color: #999;
  display: block;
  margin-top: 0.5rem;
}
.error-summary {
  background: #fdf7f7;
  border-left: 0.3rem solid #eed3d7;
  color: #EE1C25;
  margin: 0 0 1.5rem;
  padding: 1rem 2rem;
}
.disabled {
  color: #bcbec0;
}
.hidden {
  display: none;
}
.create-hoa-page .hoa-page-form .form-group.field-hoapage-hoa_page_active .custom-checkbox label {
  min-width: 0;
  padding-right: 6rem;
}
.create-hoa-page .hoa-page-form .form-group.sortable-container > ul {
  display: block;
  list-style-type: none;
  margin: 0 0 1.5rem;
  padding: 0;
  width: 100%;
}
.create-hoa-page .hoa-page-form .form-group.sortable-container > ul > li {
  background: #ffffff;
  display: block;
}
.create-hoa-page .hoa-page-form .form-group.sortable-container > ul > li + li {
  margin-top: 1.5rem;
}
.create-hoa-page .hoa-page-form .form-group.sortable-container > ul > li.ui-sortable-placeholder {
  background: #bcbec0;
  height: 5rem;
}
.create-hoa-page .hoa-page-form .form-group.sortable-container > ul > li > .element-edit .title {
  background: #e6e7e8;
}
.create-hoa-page .hoa-page-form .form-group.sortable-container > ul > li > .element-edit .title h4 {
  color: #6d6e71;
  margin: 0;
  padding: 1rem;
  text-transform: capitalize;
}
.create-hoa-page .hoa-page-form .form-group.sortable-container > ul > li > .element-edit .title h4 > i.handle {
  background: #6d6e71;
  color: #ffffff;
  cursor: move;
  margin: -1.2rem 0.5rem -1rem -1rem;
  min-height: 4.4rem;
  padding: 1rem;
  -webkit-transition: 0.4s linear;
  -moz-transition: 0.4s linear;
  -ms-transition: 0.4s linear;
  -o-transition: 0.4s linear;
  transition: 0.4s linear;
}
.create-hoa-page .hoa-page-form .form-group.sortable-container > ul > li > .element-edit .title h4 > i.handle:before {
  vertical-align: text-bottom;
}
.create-hoa-page .hoa-page-form .form-group.sortable-container > ul > li > .element-edit .title h4 > i.handle:hover {
  opacity: 0.7;
}
.create-hoa-page .hoa-page-form .form-group.sortable-container > ul > li > .element-edit .title h4 > span.pull-right i {
  color: #ffffff;
  cursor: pointer;
  margin: -1.2rem -1rem -1rem 1rem;
  min-height: 4.4rem;
  padding: 1rem;
  -webkit-transition: 0.4s linear;
  -moz-transition: 0.4s linear;
  -ms-transition: 0.4s linear;
  -o-transition: 0.4s linear;
  transition: 0.4s linear;
}
.create-hoa-page .hoa-page-form .form-group.sortable-container > ul > li > .element-edit .title h4 > span.pull-right i.js-remove-element {
  background: #EE1C25;
}
.create-hoa-page .hoa-page-form .form-group.sortable-container > ul > li > .element-edit .title h4 > span.pull-right i.js-view-element {
  background: #003858;
}
.create-hoa-page .hoa-page-form .form-group.sortable-container > ul > li > .element-edit .title h4 > span.pull-right i.js-cancel-edit-element {
  background: #f47b20;
}
.create-hoa-page .hoa-page-form .form-group.sortable-container > ul > li > .element-edit .title h4 > span.pull-right i:before {
  vertical-align: text-bottom;
}
.create-hoa-page .hoa-page-form .form-group.sortable-container > ul > li > .element-edit .title h4 > span.pull-right i:hover {
  opacity: 0.7;
}
.create-hoa-page .hoa-page-form .form-group.sortable-container > ul > li > .element-edit .content {
  border-top: 0.1rem solid #c5c5c5;
}
.create-hoa-page .hoa-page-form .form-group.sortable-container > ul > li > .element-edit .content .tox-tinymce {
  border: 0 none;
}
.create-hoa-page .hoa-page-form .form-group.sortable-container > ul > li > .element-edit .content .map {
  align-content: center;
  align-items: center;
  display: flex;
  justify-content: flex-start;
  margin: 0;
  padding: 1rem;
  width: 100%;
}
.create-hoa-page .hoa-page-form .form-group.sortable-container > ul > li > .element-edit .content .map label {
  margin: 0 1.5rem 0 0;
}
.hoa-page-edit .hoa-page-form .form-group.field-hoapage-hoa_page_active .custom-checkbox label {
  min-width: 0;
  padding-right: 6rem;
}
.hoa-page-form .form-group.elements {
  border-top: 0.2rem solid #e6e7e8;
  margin-top: 1rem;
  padding-top: 3rem;
}
.hoa-page-form .form-group.elements ul.elements-buttons {
  align-content: center;
  align-items: center;
  display: flex;
  justify-content: flex-start;
  list-style-type: none;
  margin: 0 -0.5rem;
  padding: 0;
  width: 100%;
}
.hoa-page-form .form-group.elements ul.elements-buttons li.element-btn {
  margin: 0 0.5rem 0.5rem;
}
.hoa-page-form .form-group.elements ul.elements-buttons li.element-btn .element {
  background: #ffffff;
  border: 0.2rem solid #00aeef;
  color: #00aeef;
  cursor: pointer;
  padding: 0.5rem 1rem;
  -webkit-transition: 0.4s linear;
  -moz-transition: 0.4s linear;
  -ms-transition: 0.4s linear;
  -o-transition: 0.4s linear;
  transition: 0.4s linear;
}
.hoa-page-form .form-group.elements ul.elements-buttons li.element-btn .element:hover {
  background: #00aeef;
  border-color: #00aeef;
  color: #ffffff;
}
.hoa-page-form .form-group.elements ul.elements-buttons li.element-btn .element span {
  text-transform: capitalize;
}
.hoa-page-form .form-group.elements ul.elements-buttons li.element-btn.disabled .element {
  background: #bcbec0;
  border-color: #bcbec0;
  color: #6d6e71;
  cursor: not-allowed;
}
.hoa-page-form .form-group.elements ul.elements-buttons li.element-btn.disabled .element:hover {
  background: #bcbec0;
  border-color: #bcbec0;
  color: #6d6e71;
}
.hoa-calendar .fc-toolbar h2 {
  width: auto;
  display: inline;
}
.calendar-alert {
  position: fixed;
  left: 50%;
  bottom: 0px;
  width: 20rem;
  background: #202124;
  min-height: 40px;
  color: #e8eaed;
  box-sizing: border-box;
  border-radius: 4px;
  z-index: 99;
  min-width: 100px;
  padding: 10px;
  display: none;
}
.calendar-alert .calendar-alert-close {
  margin-top: 3px;
  cursor: pointer;
}
/* SysAdmin Navbar Mega Menu */
.mega-menu .container .navbar-collapse {
  width: 100% !important;
}
.mega-menu .container .navbar-collapse ul.navbar-nav {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  width: 100%;
}
.mega-menu .container .navbar-collapse ul.navbar-nav > li > a {
  white-space: nowrap;
}
@media (max-width: 767px) {
  .mega-menu .container .navbar-collapse ul.navbar-nav > li#more {
    display: none;
  }
}
.mega-menu.one-line .container .navbar-collapse {
  max-height: 5.6rem;
  overflow: hidden !important;
  padding-left: 1.6rem;
}
.household-form .import-household {
  text-align: center;
  font-size: 15pt;
  margin-bottom: 25px;
  padding: 0pt 40pt;
}
.household-form h3 {
  color: #003858;
  margin-left: 1.5rem;
}
.household-form .btn-grey {
  margin-right: 1rem;
}
.household-form ul {
  margin: 0px;
}
.household-form .button-wrapper .form-group {
  width: 20rem;
  display: inline-block;
}
.household-form .button-wrapper .btn {
  width: 20rem;
  position: relative;
  top: -1px;
  padding: 0.7rem 2rem;
}
.people-list a {
  cursor: pointer;
  text-decoration: underline;
}
.js-property-mass-import-table {
  font-size: 15px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.js-property-mass-import-table th .csv-map-view {
  cursor: pointer;
  text-align: left;
}
.js-property-mass-import-table th .csv-map-view .remove-mapping {
  top: 2px;
  left: 6px;
}
.csv-errors {
  max-height: 30rem;
  overflow-y: scroll;
}
.csv-errors li {
  text-align: left;
}
.tox .tox-editor-container .tox-tbtn {
  width: 2.7rem;
}
.tox .tox-editor-container .tox-tbtn--select {
  width: auto;
}
.file-load-button-wrapper {
  display: none;
  position: relative;
  top: 3rem;
}
/* IMPORT PAGE */
.import-page {
  min-height: calc(100vh - 15.5rem);
  overflow: hidden;
  position: relative;
  width: 100%;
}
.import-page .fileuploader-wrapper {
  padding: 1.5rem;
  position: relative;
}
.import-page .fileuploader-wrapper h2 {
  color: #003858;
  font-size: 2.7rem;
  margin: 0;
}
.import-page .fileuploader-wrapper form {
  align-items: center;
  display: flex;
  margin-top: 1.5rem;
  width: auto;
}
.import-page .fileuploader-wrapper form .fileuploader-default-container {
  padding: 0;
}
.import-page .fileuploader-wrapper form .fileuploader-default-container .form-group {
  margin: 0;
  position: static;
}
.import-page .fileuploader-wrapper form .fileuploader-default-container .form-group .fileuploader {
  margin: 0;
  padding: 0;
  position: static;
}
.import-page .fileuploader-wrapper form .fileuploader-default-container .form-group .fileuploader .fileuploader-input {
  border: 0 none;
  position: static;
}
.import-page .fileuploader-wrapper form .fileuploader-default-container .form-group .fileuploader .fileuploader-input .fileuploader-input-caption {
  padding: 1rem;
}
.import-page .fileuploader-wrapper form .fileuploader-default-container .form-group .fileuploader .fileuploader-input .fileuploader-input-button {
  background: #f47b20;
  border: 0.2rem solid #f47b20;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  color: #ffffff;
  border-width: 0.2rem;
  font-size: 1.8rem;
  font-weight: 700;
  padding: 0.5rem 1rem;
  -webkit-transform: none;
  -moz-transform: none;
  -ms-transform: none;
  -o-transform: none;
  transform: none;
  -webkit-transition: background 0.4s ease, background-color 0.4s ease, border-color 0.4s ease, color 0.4s ease;
  -moz-transition: background 0.4s ease, background-color 0.4s ease, border-color 0.4s ease, color 0.4s ease;
  -ms-transition: background 0.4s ease, background-color 0.4s ease, border-color 0.4s ease, color 0.4s ease;
  -o-transition: background 0.4s ease, background-color 0.4s ease, border-color 0.4s ease, color 0.4s ease;
  transition: background 0.4s ease, background-color 0.4s ease, border-color 0.4s ease, color 0.4s ease;
  white-space: normal;
}
.import-page .fileuploader-wrapper form .fileuploader-default-container .form-group .fileuploader .fileuploader-input .fileuploader-input-button:hover {
  background: transparent;
  border-color: #F16422;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  background: #F16422;
  -webkit-transform: none;
  -moz-transform: none;
  -ms-transform: none;
  -o-transform: none;
  transform: none;
}
.import-page .fileuploader-wrapper form .fileuploader-default-container .form-group .fileuploader .fileuploader-items .fileuploader-item {
  border: 0 none;
  margin: 0;
  padding: 1.5rem;
}
.import-page .fileuploader-wrapper form .fileuploader-default-container .form-group .fileuploader .fileuploader-items .fileuploader-item .column-thumbnail {
  display: none;
}
.import-page .fileuploader-wrapper form .fileuploader-default-container .form-group .fileuploader .fileuploader-items .fileuploader-item .column-title div {
  font-weight: normal;
}
.import-page .fileuploader-wrapper form .fileuploader-default-container .form-group .fileuploader .fileuploader-items .fileuploader-item .column-title span {
  display: none;
}
.import-page .fileuploader-wrapper form .file-load-button-wrapper {
  top: 0;
}
.import-page .fileuploader-wrapper form .file-load-button-wrapper .btn {
  margin: 0;
}
.import-page .fileuploader-wrapper form .file-delete-button-wrapper {
  display: none;
}
.import-page .fileuploader-wrapper.start {
  flex-direction: column;
  position: absolute;
  text-align: center;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  transform: translate(0, -50%);
  width: 100%;
}
.import-page .fileuploader-wrapper.start form {
  flex-direction: column;
}
.import-page .fileuploader-wrapper.start form .fileuploader-default-container .form-group .fileuploader .fileuploader-input {
  justify-content: center;
}
.import-page .fileuploader-wrapper.start form .fileuploader-default-container .form-group .fileuploader .fileuploader-input .fileuploader-input-button {
  position: static;
}
.import-page .fileuploader-wrapper.start form .fileuploader-default-container .form-group .fileuploader .fileuploader-input .fileuploader-input-caption {
  display: none;
}
.import-page .fileuploader-wrapper.start form .fileuploader-default-container .form-group .fileuploader .fileuploader-items .column-actions {
  margin: 0;
}
.import-page .fileuploader-wrapper.start form .fileuploader-default-container .form-group .fileuploader .fileuploader-items .column-actions .fileuploader-action-remove i {
  background: none;
  box-shadow: none;
  color: #003858;
  font-size: 1.5rem;
}
.import-page .fileuploader-wrapper.start form .fileuploader-default-container .form-group .help-block:not(:empty) {
  background: #EE1C25;
  margin: 1rem 0 2rem;
  position: static;
  -webkit-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0);
}
.import-page .fileuploader-wrapper.start form .fileuploader-default-container .form-group .help-block:not(:empty):before {
  display: none;
}
.import-page .fileuploader-wrapper.uploaded form {
  justify-content: space-between;
}
.import-page .fileuploader-wrapper.uploaded form .file-load-button-wrapper {
  display: none;
}
.import-page .fileuploader-wrapper.uploaded form .fileuploader-default-container .form-group .fileuploader .fileuploader-input {
  position: absolute;
  right: 1.5rem;
  top: 1.5rem;
}
@media (max-width: 639px) {
  .import-page .fileuploader-wrapper.uploaded form .fileuploader-default-container .form-group .fileuploader .fileuploader-input {
    position: static;
  }
}
.import-page .fileuploader-wrapper.uploaded form .fileuploader-default-container .form-group .fileuploader .fileuploader-input .fileuploader-input-caption::after {
  content: 'x';
}
.import-page .fileuploader-wrapper.uploaded form .fileuploader-default-container .form-group .fileuploader .fileuploader-input .fileuploader-input-caption span {
  margin-right: 1.5rem;
}
.import-page .fileuploader-wrapper.uploaded form .fileuploader-default-container .form-group .fileuploader .fileuploader-input .fileuploader-input-button {
  display: none !important;
}
.import-page .fileuploader-wrapper.uploaded form .fileuploader-default-container .form-group .help-block:not(:empty) {
  left: 1.5rem;
  margin: 0;
  right: auto;
  top: 4.5rem;
  -webkit-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0);
}
.import-page .mass-import-gridview {
  position: relative;
}
.import-page .mass-import-gridview ::-webkit-scrollbar {
  -webkit-appearance: none;
  background-color: rgba(0, 0, 0, 0.1);
  height: 0.7rem;
  width: 0.7rem;
}
.import-page .mass-import-gridview ::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.25);
}
.import-page .mass-import-gridview .existing-mapping-wrapper {
  position: absolute;
  right: 1.5rem;
  display: flex;
  align-items: center;
  /* The admin dropdown menu was behind the remember mapping buttons */
  /* Not sure what was the purpose of the z-index, temporary disabled the rule */
  /*z-index: 10;*/
}
.import-page .mass-import-gridview .existing-mapping-wrapper .form-control {
  width: auto;
  display: inline;
  bottom: 1rem;
  position: relative;
  height: 4rem;
}
.import-page .mass-import-gridview .existing-mapping-wrapper .btn {
  position: relative;
  bottom: 1.7rem;
  padding: 0.5rem 1rem;
}
.import-page .mass-import-gridview .checkbox-wrapper {
  left: 1.5rem;
  position: absolute;
  top: 0.3rem;
  z-index: 10;
}
@media (max-width: 639px) {
  .import-page .mass-import-gridview .checkbox-wrapper {
    padding-left: 1.5rem;
    position: static;
  }
}
.import-page .mass-import-gridview .checkbox-wrapper input[type="checkbox"] {
  left: -999.9rem;
  position: absolute;
}
.import-page .mass-import-gridview .checkbox-wrapper input[type="checkbox"] + label {
  color: #003858;
  cursor: pointer;
  display: inline-block;
  font-weight: normal;
  line-height: 2rem;
  margin: 0;
  padding-left: 2.4rem;
  position: relative;
}
.import-page .mass-import-gridview .checkbox-wrapper input[type="checkbox"] + label:before {
  background: #ffffff;
  border: 0.2rem solid #bcbec0;
  content: '';
  height: 1.7rem;
  left: 0;
  position: absolute;
  top: 0.2rem;
  width: 1.7rem;
}
.import-page .mass-import-gridview .checkbox-wrapper input[type="checkbox"] + label:after {
  background: #003858;
  content: '';
  height: 1.1rem;
  left: 0.3rem;
  position: absolute;
  top: 0.5rem;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  width: 1.1rem;
}
.import-page .mass-import-gridview .checkbox-wrapper input[type="checkbox"]:not(:checked) + label:after {
  opacity: 0;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
}
.import-page .mass-import-gridview .checkbox-wrapper input[type="checkbox"]:checked + label:before {
  border-color: #003858;
}
.import-page .mass-import-gridview .checkbox-wrapper input[type="checkbox"]:checked + label:after {
  opacity: 1;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}
.import-page .mass-import-gridview .dataTables_wrapper {
  overflow-x: scroll;
  position: initial;
}
.import-page .mass-import-gridview .dataTables_wrapper .dataTables_length {
  float: none;
  left: 30rem;
  position: absolute;
  z-index: 8;
}
@media (max-width: 639px) {
  .import-page .mass-import-gridview .dataTables_wrapper .dataTables_length {
    left: 1.5rem;
    padding-top: 1rem;
  }
}
.import-page .mass-import-gridview .dataTables_wrapper .dataTables_length label {
  color: #003858;
  font-weight: normal;
  margin: 0;
  position: relative;
}
.import-page .mass-import-gridview .dataTables_wrapper .dataTables_length label select {
  border: 0.2rem solid #bcbec0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  color: #6d6e71;
  font-size: 1.6rem;
  margin: 0 0.3rem;
  outline: 0;
  -webkit-transition: border-color ease-in-out 0.15s;
  -moz-transition: border-color ease-in-out 0.15s;
  -ms-transition: border-color ease-in-out 0.15s;
  -o-transition: border-color ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s;
  -webkit-appearance: none;
  -moz-appearance: none;
  padding: 0 2rem 0 0.5rem;
}
.import-page .mass-import-gridview .dataTables_wrapper .dataTables_length label select:focus {
  border-color: #00aeef;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.import-page .mass-import-gridview .dataTables_wrapper .dataTables_length label select::-webkit-input-placeholder {
  color: #6d6e71;
  opacity: 1;
}
.import-page .mass-import-gridview .dataTables_wrapper .dataTables_length label select:-moz-placeholder {
  color: #6d6e71;
  opacity: 1;
}
.import-page .mass-import-gridview .dataTables_wrapper .dataTables_length label select::-moz-placeholder {
  color: #6d6e71;
  opacity: 1;
}
.import-page .mass-import-gridview .dataTables_wrapper .dataTables_length label select:-ms-input-placeholder {
  color: #6d6e71;
  opacity: 1;
}
.import-page .mass-import-gridview .dataTables_wrapper .dataTables_length label:after {
  content: "\f078";
  font-family: 'FontAwesome';
  display: inline-block;
  color: #003858;
  font-size: 1.2rem;
  font-style: normal;
  font-weight: 700;
  top: 0.5rem;
  position: absolute;
  right: 6.5rem;
}
.import-page .mass-import-gridview .dataTables_wrapper table {
  border-collapse: collapse;
  box-sizing: border-box;
  margin-top: 3.5rem;
}
@media (max-width: 639px) {
  .import-page .mass-import-gridview .dataTables_wrapper table {
    margin-top: 4.5rem;
  }
}
.import-page .mass-import-gridview .dataTables_wrapper table thead tr:first-child th {
  background: #003858;
  border: 0 none;
  color: #ffffff;
  font-size: 1.6rem;
  font-weight: normal;
  padding: 1rem;
  text-transform: uppercase;
}
.import-page .mass-import-gridview .dataTables_wrapper table thead tr:last-child th {
  background: rgba(0, 174, 239, 0.05);
  border: 0 none;
  font-size: 1.4rem;
  font-weight: normal;
  padding: 1rem;
}
.import-page .mass-import-gridview .dataTables_wrapper table thead tr:last-child th .csv-map-edit {
  position: relative;
}
.import-page .mass-import-gridview .dataTables_wrapper table thead tr:last-child th .csv-map-edit select {
  border: 0.2rem solid #bcbec0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  color: #bcbec0;
  font-size: 1.4rem;
  margin: 0;
  outline: 0;
  -webkit-transition: border-color ease-in-out 0.15s;
  -moz-transition: border-color ease-in-out 0.15s;
  -ms-transition: border-color ease-in-out 0.15s;
  -o-transition: border-color ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s;
  -webkit-appearance: none;
  -moz-appearance: none;
  padding-left: 1rem;
}
.import-page .mass-import-gridview .dataTables_wrapper table thead tr:last-child th .csv-map-edit select option:not(:first-of-type) {
  color: #6d6e71;
}
.import-page .mass-import-gridview .dataTables_wrapper table thead tr:last-child th .csv-map-edit select option:disabled {
  color: #e6e7e8;
}
.import-page .mass-import-gridview .dataTables_wrapper table thead tr:last-child th .csv-map-edit select:focus {
  border-color: #00aeef;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.import-page .mass-import-gridview .dataTables_wrapper table thead tr:last-child th .csv-map-edit select::-webkit-input-placeholder {
  color: #6d6e71;
  opacity: 1;
}
.import-page .mass-import-gridview .dataTables_wrapper table thead tr:last-child th .csv-map-edit select:-moz-placeholder {
  color: #6d6e71;
  opacity: 1;
}
.import-page .mass-import-gridview .dataTables_wrapper table thead tr:last-child th .csv-map-edit select::-moz-placeholder {
  color: #6d6e71;
  opacity: 1;
}
.import-page .mass-import-gridview .dataTables_wrapper table thead tr:last-child th .csv-map-edit select:-ms-input-placeholder {
  color: #6d6e71;
  opacity: 1;
}
.import-page .mass-import-gridview .dataTables_wrapper table thead tr:last-child th .csv-map-edit:after {
  content: "\f078";
  font-family: 'FontAwesome';
  display: inline-block;
  color: #003858;
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 700;
  top: 0.1rem;
  position: absolute;
  left: 14rem;
  pointer-events: none;
}
.import-page .mass-import-gridview .dataTables_wrapper table tbody tr.even {
  background: rgba(0, 174, 239, 0.05);
}
.import-page .mass-import-gridview .dataTables_wrapper table tbody tr td {
  border: 0 none;
  color: #003858;
  font-size: 1.4rem;
  padding: 1rem;
}
.import-page .mass-import-gridview .dataTables_info {
  color: #003858;
  font-size: 1.4rem;
  padding: 1.5rem 1.5rem 0;
  float: left;
}
.import-page .mass-import-gridview .dataTables_paginate {
  color: #003858;
  font-size: 1.4rem;
  padding: 1.5rem 1.5rem 0;
  float: right;
  text-align: right;
}
.import-page .mass-import-gridview .dataTables_paginate .paginate_button {
  cursor: pointer;
  border-width: 0.2rem;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  color: #003858 !important;
  line-height: 1;
  margin-left: 0.2rem;
  min-width: 0;
  padding: 0.2rem 0.5rem;
  -webkit-transition: border-color 0.4s linear;
  -moz-transition: border-color 0.4s linear;
  -ms-transition: border-color 0.4s linear;
  -o-transition: border-color 0.4s linear;
  transition: border-color 0.4s linear;
}
.import-page .mass-import-gridview .dataTables_paginate .paginate_button:hover,
.import-page .mass-import-gridview .dataTables_paginate .paginate_button.current {
  background: transparent;
  border: 0.2rem solid #6d6e71;
}
.import-page .mass-import-gridview .dataTables_paginate .paginate_button.disabled {
  border: 0.2rem solid transparent;
  color: #bcbec0 !important;
  cursor: not-allowed;
}
.import-page .mass-import-gridview .dataTables_paginate .paginate_button.disabled:hover {
  background: transparent;
  border: 0.2rem solid transparent;
}
.import-page .required-fields-wrapper {
  margin-top: 5rem;
}
.import-page .required-fields-wrapper h4 {
  color: #003858;
  font-weight: 700;
  padding: 0 1.5rem;
  margin-bottom: 0;
}
.import-page .required-fields-wrapper .fields {
  align-items: flex-end;
  display: flex;
  justify-content: space-between;
  padding: 0 1.5rem;
  width: 100%;
}
@media (max-width: 767px) {
  .import-page .required-fields-wrapper .fields {
    flex-direction: column;
    padding: 0 1.5rem;
  }
}
@media (max-width: 479px) {
  .import-page .required-fields-wrapper .fields {
    flex-direction: column;
  }
}
.import-page .required-fields-wrapper .fields #needToMap {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}
.import-page .required-fields-wrapper .fields #needToMap > .required-field {
  background: #e6e7e8;
  color: #003858;
  font-size: 1.4rem;
  margin: 1.5rem 0.75rem 0.75rem 0;
  padding: 0.5rem;
  text-align: center;
  text-transform: uppercase;
  width: calc(33.3333% - 1.5rem);
}
@media (max-width: 991px) {
  .import-page .required-fields-wrapper .fields #needToMap > .required-field {
    width: calc(50% - 1.5rem);
  }
}
@media (max-width: 479px) {
  .import-page .required-fields-wrapper .fields #needToMap > .required-field {
    width: 100%;
  }
}
.import-page .required-fields-wrapper .fields .import-button-wrapper {
  position: relative;
}
.import-page .required-fields-wrapper .fields .import-button-wrapper .loader {
  width: 3.5rem;
  height: 3.5rem;
  position: absolute;
  left: -3.5rem;
  display: none;
}
.import-page .required-fields-wrapper .fields .btn {
  font-size: 1.6rem;
  margin: 0 0 0.75rem 0.75rem;
  min-width: 20rem;
}
@media (max-width: 767px) {
  .import-page .required-fields-wrapper .fields .btn {
    margin-left: 1.5rem;
  }
}
@media (max-width: 479px) {
  .import-page .required-fields-wrapper .fields .btn {
    margin-top: 0.75rem;
  }
}
.mail-template-update,
.mail-template-create {
  padding: 2rem;
  width: 100%;
}
.mail-template-update .row + .row,
.mail-template-create .row + .row {
  margin-top: 1.5rem;
}
.mail-template-update h1.page-title,
.mail-template-create h1.page-title {
  background: #003858;
  color: #ffffff;
  font-size: 3rem;
  line-height: 1;
  margin: -2rem -2rem 2rem;
  padding: 1rem;
  text-align: center;
}
#send-message-form {
  padding: 0px;
}
#send-message-form .form-group {
  margin: 0px;
}
#send-message-form .form-group .help-block:not(:empty) {
  top: 0;
}
#send-message-form .form-group.field-emails-to .help-block:not(:empty) {
  top: -4rem;
}
#send-message-form .form-group.to-form {
  margin-bottom: 0.5rem;
}
#send-message-form .form-group .to-input {
  position: relative;
  left: 1rem;
  top: 0.4rem;
}
#send-message-form .form-group .fileuploader-items .fileuploader-items-list {
  margin: 0;
}
#send-message-form .form-group .fileuploader-items .fileuploader-items-list .fileuploader-item {
  display: initial;
}
#send-message-form .form-group .fileuploader-items .fileuploader-items-list .fileuploader-item .columns {
  display: flex;
}
#send-message-form .form-group .fileuploader-items .fileuploader-items-list .fileuploader-item .columns .column-actions {
  margin: 0;
}
#send-message-form .form-group .fileuploader-items .fileuploader-items-list .fileuploader-item .columns .column-title {
  flex: none;
  display: inline-block;
}
#send-message-form .form-group .fileuploader-items .fileuploader-items-list .fileuploader-item .columns .column-title > div {
  max-width: 50vw;
  overflow-x: hidden;
  width: auto;
}
#send-message-form .form-group .fileuploader-items .fileuploader-action-remove {
  vertical-align: top;
  display: table-cell;
  position: relative;
  transform: translate(0, 8%);
}
#send-message-form .form-group .fileuploader-items .fileuploader-action-remove i {
  background: none;
  box-shadow: none;
  color: #003858;
  font-size: 1.5rem;
}
#send-message-form .form-group .to-label {
  font-size: 2rem;
  color: #003858;
  float: left;
}
#send-message-form .form-group.has-error .input-group,
#send-message-form .form-group.has-success .input-group {
  color: #003858;
}
#send-message-form .form-group.has-error .input-group input:active,
#send-message-form .form-group.has-success .input-group input:active,
#send-message-form .form-group.has-error .input-group input:focus,
#send-message-form .form-group.has-success .input-group input:focus,
#send-message-form .form-group.has-error .input-group input:hover,
#send-message-form .form-group.has-success .input-group input:hover {
  box-shadow: none;
}
.message-form .input-group {
  border-bottom: 1px solid #ccc;
  position: relative;
  display: inline-flex;
  flex-flow: row;
  align-items: flex-start;
  flex-wrap: wrap;
  width: 100%;
  margin-bottom: 1rem;
}
.message-form .input-group .form-control[disabled] {
  background-color: transparent;
  cursor: default;
}
.message-form .input-group .input-group-addon {
  background: transparent;
  font-size: 2rem;
  border: none;
  padding: 0px;
  display: inline-flex;
  width: auto;
  white-space: nowrap;
  align-self: flex-end;
  color: #003858;
}
.message-form .input-group .input-group-addon:first-child {
  margin-bottom: 1.1rem;
}
.message-form .input-group .tt-suggestion.tt-selectable {
  cursor: pointer;
}
.message-form .input-group .selected-field {
  border: 1px solid #e6e7e8;
  padding: 3px 7px;
  margin: 6px;
  border-radius: 1rem;
  font-size: 1.8rem;
}
.message-form .input-group .selected-field .message-remove-user {
  font-size: 1.3rem;
  padding-left: 8px;
  font-weight: normal;
}
.message-form .input-group .from-input {
  margin-left: 10px;
}
.message-form .input-group input {
  width: auto;
  box-shadow: none;
  border: none;
  flex-grow: 1;
}
.message-form .input-group input:active,
.message-form .input-group input:focus,
.message-form .input-group input:hover {
  background: none;
}
.hoa-message-index .table .not-read {
  font-weight: bold;
}
.hoa-message-index .delete-rows {
  margin-top: 2.5rem;
  float: right;
  display: none;
}
.hoa-message-view .hoa-message-attachements-wrapper {
  display: flex;
  flex-wrap: wrap;
}
.hoa-message-view .hoa-message-attachements-wrapper .hoa-message-attachemnt {
  width: 10rem;
  height: 10rem;
  display: inline-flex;
  margin-right: 15px;
  border: 1px solid lightgray;
  justify-content: flex-end;
  align-items: flex-end;
  flex-wrap: wrap;
}
.hoa-message-view .hoa-message-attachements-wrapper .hoa-message-attachemnt a {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: lightgray;
  padding: 5px;
}
.hoa-message-view .hoa-message-attachements-wrapper .hoa-message-attachemnt a.image-title {
  position: relative;
  top: -3rem;
  color: white;
}
.hoa-message-view .hoa-message-attachements-wrapper .hoa-message-attachemnt .glyphicon {
  display: flex;
  flex-basis: 100%;
  font-size: 4rem;
  left: 2.5rem;
  color: lightgray;
}
.hoa-message-view .hoa-message-body blockquote {
  padding: 2px 9px;
  margin: 0 0 20px;
  font-size: 17.5px;
  border-left: 2px solid #eeeeee;
}
.hoa-message-view strong {
  display: block;
  margin-bottom: 10px;
}
form .form-group .city-input-wrapper {
  position: relative;
}
form .form-group .city-input-wrapper img {
  width: 2.8rem;
  right: -1.4rem;
  top: 4.4rem;
  position: absolute;
  display: none;
}
form .form-group + .page-block {
  margin-top: 1.5rem;
}
.notice-content {
  text-align: justify;
}
#account-settings-form .grid-header {
  padding-left: 0px;
  padding-top: 0px;
}
.import-page .default-fileuploader .fileuploader .fileuploader-input .fileuploader-input-caption:after,
.hoa-message-send .default-fileuploader .fileuploader .fileuploader-input .fileuploader-input-caption:after {
  color: #003858;
}
.import-page .default-fileuploader .fileuploader .fileuploader-input .fileuploader-input-caption span,
.hoa-message-send .default-fileuploader .fileuploader .fileuploader-input .fileuploader-input-caption span {
  color: #003858;
}
.import-page .fileuploader-input .fileuploader-input-caption {
  margin-right: 0px;
}
/* Unregistered properties/people label */
.unregistered {
  color: #bcbec0;
}
/* Logo config error block*/
.logo-update .help-block:not(:empty) {
  left: 8rem;
  right: auto;
}
/* Documents config error block */
.hoa-document-create-update .default-fileuploader {
  width: auto;
}
.hoa-document-create-update .default-fileuploader .help-block:not(:empty) {
  top: -0.8rem;
}
/* Make all info buttons in add / edit hoa the same size*/
#add-edit-hoa-form .fa-question-circle {
  font-size: 1.5rem;
  top: 1.1rem;
}
#add-edit-hoa-form .website-type {
  margin: 0;
  padding: 0;
}
#add-edit-hoa-form .view-features,
#add-edit-hoa-form .domain_own {
  float: right;
}
@media (max-width: 479px) {
  #add-edit-hoa-form .view-features {
    display: block;
  }
  #add-edit-hoa-form .view-features,
  #add-edit-hoa-form .domain_own {
    float: none;
  }
}
.nav-with-children li.first-level > a:after {
  content: "\f105";
  font-family: 'FontAwesome';
  display: inline-block;
  font-size: 2.4rem;
  font-style: normal;
  font-weight: 900;
  font-variant: normal;
  line-height: 1;
  position: absolute;
  right: 1.5rem;
  text-rendering: auto;
  top: 50%;
  transform: translateY(-50%) rotate(0deg);
}
.nav-with-children li.first-level > a[aria-expanded='true'] {
  background: #00aeef !important;
  color: white !important;
}
.nav-with-children li.first-level > a[aria-expanded='true']:hover,
.nav-with-children li.first-level > a[aria-expanded='true']:focus,
.nav-with-children li.first-level > a[aria-expanded='true'].active {
  color: white;
}
.nav-with-children li.first-level > a[aria-expanded='true']:after {
  color: #ffffff;
  transform: translateY(-50%) rotate(90deg);
}
.nav-with-children li.first-level .second-level {
  margin: 0;
}
.nav-with-children li.first-level .second-level li:nth-child(2n) > a {
  background: #eff9fe;
}
.nav-with-children li.first-level .second-level li > a {
  padding: 1rem 2.5rem !important;
  font-size: 1.8rem !important;
}
.nav-with-children li.first-level .second-level li:first-child a {
  border-top: 1px solid #e6e7e8;
}
/* SETTINGS - NOTIFICATIONS page*/
.notification-input-wrapper {
  display: flex;
  margin: 1rem 0rem 2rem;
  color: #003858;
}
.notification-input-wrapper .notification-layout {
  max-width: 100rem;
  flex-grow: 1;
  flex-basis: 0;
}
.notification-input-wrapper .notification-layout h4 {
  color: #003858;
  text-transform: uppercase;
  margin-bottom: 0.5rem;
}
.notification-input-wrapper .notification-layout span {
  color: #6d6e71;
}
.notification-input-wrapper .custom-checkbox {
  min-width: 12rem;
  padding: 0;
}
.notification-input-wrapper .custom-checkbox .control-label {
  margin-left: 0.3rem;
  font-weight: normal;
  padding-top: 0;
}
.notification-input-wrapper .custom-checkbox input[type="checkbox"] + label {
  min-width: 0;
}
.account-settings-page .change-password h4,
.my-account-settings .change-password h4 {
  color: black;
}
.account-settings-page .change-password > .row,
.my-account-settings .change-password > .row {
  margin: 0;
  display: flex;
}
.account-settings-page .change-password > .row > .col-lg-7,
.my-account-settings .change-password > .row > .col-lg-7 {
  padding-left: 0;
}
.account-settings-page .change-password > .row .password-requirements,
.my-account-settings .change-password > .row .password-requirements {
  padding: 2rem;
  background-color: #eff9fe;
  margin: 3rem 2rem;
  height: fit-content;
  width: fit-content;
  height: -moz-fit-content;
  width: -moz-fit-content;
}
.account-settings-page .change-password > .row .password-requirements strong,
.my-account-settings .change-password > .row .password-requirements strong {
  margin-bottom: 1rem;
}
.account-settings-page .change-password > .row .password-requirements ul,
.my-account-settings .change-password > .row .password-requirements ul {
  list-style-type: disc;
}
.account-settings-page .change-password > .row .password-requirements ul li,
.my-account-settings .change-password > .row .password-requirements ul li {
  margin-bottom: 1rem;
}
@media (max-width: 767px) {
  .account-settings-page .change-password > .row .password-requirements,
  .my-account-settings .change-password > .row .password-requirements {
    margin: 0.5rem 1.5rem 0.5rem 0rem;
    width: auto;
  }
}
@media (max-width: 767px) {
  .account-settings-page .change-password > .row,
  .my-account-settings .change-password > .row {
    flex-direction: column;
    width: 100%;
  }
}
.my-account-settings {
  max-width: 65rem;
  margin-left: 1rem;
}
.my-account-settings .change-password > .row {
  display: block;
}
.my-account-settings .change-password > .row .password-requirements {
  display: none;
  margin: 2rem 0rem;
}
.my-account-settings .name-and-photo {
  display: flex;
  margin-top: 2rem;
}
.my-account-settings .name-and-photo .info {
  margin-left: 3rem;
  margin-top: 2rem;
}
.my-account-settings .name-and-photo .info .name {
  color: #231F20;
  font-family: 'Open Sans Bold';
  font-size: 2rem;
  margin-bottom: 1rem;
}
.board-wrapper {
  display: grid;
  grid-auto-rows: 1fr;
  grid-template-columns: repeat(auto-fill, minmax(32rem, 1fr));
  grid-gap: 1rem;
}
@media (max-width: 767px) {
  .board-wrapper {
    justify-items: center;
  }
}
.board-wrapper .board-wrapper-item {
  padding: 2rem;
  margin: 1rem;
  border: 1px solid #A7A9AC;
  width: 32rem;
  color: #231F20;
  display: flex;
  flex-direction: column;
  min-height: 41rem;
  text-align: center;
}
.board-wrapper .board-wrapper-item h3 {
  color: #231F20;
  margin: 1.5rem 0 0 0;
  font-size: 2rem;
  font-weight: bold;
}
.board-wrapper .board-wrapper-item .board-position,
.board-wrapper .board-wrapper-item .board-phone {
  margin-bottom: 1rem;
}
.board-wrapper .board-wrapper-item .image .person-photo {
  margin: 0 auto;
  width: 14rem;
}
.board-wrapper .board-wrapper-item .image .person-photo img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
}
.grid-sort-form-wrapper {
  height: 0;
}
.admin-about-description {
  margin: 1.5rem;
  color: #6d6e71;
  background-color: #eff9fe;
  padding: 1rem;
  font-size: 1.5rem;
}
.admin-about-description .about-desc-header {
  color: #003858;
  margin-bottom: 1rem;
  font-weight: 700;
}
.contact-us-admin-details {
  margin-top: 1rem;
  margin-bottom: 3rem;
  width: 70rem;
}
@media (max-width: 767px) {
  .contact-us-admin-details {
    width: 100%;
  }
  .contact-us-admin-details .edit-comm-manager-button.show-on-mobile {
    display: block;
  }
  .contact-us-admin-details .edit-comm-manager-button.hide-on-mobile {
    display: none;
  }
}
.contact-us-admin-details .show-on-mobile {
  display: none;
}
.contact-us-admin-details .hide-on-mobile {
  display: block;
}
.contact-us-admin-details .contact-us-header {
  color: #003858;
  margin-bottom: 1rem;
  font-weight: 700;
}
.contact-us-admin-details .contact-us-details {
  font-size: 1.5rem;
}
.contact-us-admin-details .contact-us-details .contact-us-day {
  font-weight: bold;
}
.contact-us-admin-details .contact-us-details .contact-us-field {
  margin-bottom: 0.5rem;
}
.contact-us-admin-details .contact-us-details .contact-us-field label {
  color: #003858;
  width: 6rem;
}
.contact-us-admin-details .contact-us-details.community-manager-details .contact-us-field label {
  width: 9rem;
}
.contact-us-admin-details .contact-us-details img {
  width: 1.7rem;
  margin-right: 0.5rem;
  position: relative;
  top: -2px;
}
.contact-us-admin-details .contact-us-details span.empty {
  color: #bcbec0;
}
.contact-us-admin-details .image .person-photo {
  width: 10rem;
  margin-bottom: 2rem;
  margin-left: 2rem;
}
.contact-us-admin-details .image .person-photo img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
}
#js-contact-us-hour-form {
  margin-bottom: 1rem;
}
#js-contact-us-hour-form .office-hour-row {
  display: grid;
  padding: 0 1.5rem;
  grid-template-columns: 0.7fr 1fr 1fr 0.2fr 1fr;
  height: 5rem;
}
#js-contact-us-hour-form .office-hour-row:after,
#js-contact-us-hour-form .office-hour-row:before {
  display: none;
}
#js-contact-us-hour-form .office-hour-row > div:first-child {
  padding-top: 0.5rem;
}
#js-contact-us-hour-form .office-hour-row > div.to-label {
  text-align: center;
  padding-top: 1rem;
}
@media (max-width: 639px) {
  #js-contact-us-hour-form .office-hour-row {
    grid-template-columns: 1fr;
  }
  #js-contact-us-hour-form .office-hour-row > div.to-label {
    text-align: left;
    padding-top: 0rem;
    margin-top: -1rem;
  }
}
#js-contact-us-hour-form .office-hour-row .custom-checkbox {
  padding: 0.5rem 0 0;
  min-width: 17rem;
}
#js-contact-us-hour-form .office-hour-row .custom-checkbox input[type="checkbox"]:checked + label:before {
  background: #00aeef;
}
#js-contact-us-hour-form .office-hour-row .custom-checkbox .control-label {
  color: #003858;
  font-weight: 700;
  min-width: 10rem;
}
#js-contact-us-hour-form .office-hour-row .custom-checkbox .control-label.second-label {
  min-width: 6rem;
  margin-left: 0.7rem;
}
#js-contact-us-hour-form .office-hour-row .custom-checkbox .info {
  float: none;
}
.register-confirmation .email-address-container {
  word-break: break-all;
}
.admin-financials .financials-options {
  padding-left: 1.5rem;
}
.admin-financials .financials-options > .financials-header {
  margin: 1rem 0;
}
.admin-financials .financials-options > .financials-header + .financials-options-item {
  margin: 0 0 0 2rem;
}
.admin-financials .financials-options form {
  padding: 0 !important;
}
.admin-financials .financials-options .financials-options-item {
  margin: 0 0 2rem 2rem;
  max-width: 80%;
  display: flex;
}
.admin-financials .financials-options .financials-options-item .financials-checkbox {
  margin: 1rem;
}
.admin-financials .financials-options .financials-options-item .financials-details {
  flex-grow: 1;
}
.admin-financials .financials-options .financials-options-item .financials-wrapper {
  padding-left: 0;
  grid-template-columns: 3fr 1fr;
}
.admin-financials .financials-options .financials-options-item .financials-header {
  margin-top: 1rem;
}
.admin-financials .financials-options .financials-options-item .financials-invalid {
  color: red;
}
.admin-financials .financials-options .financials-options-item .financials-form label {
  margin-top: 1rem;
  color: #003858;
}
.admin-financials .financials-options .financials-options-item .financials-form .input-group-addon {
  top: 0;
  cursor: pointer;
  background-color: #eeeeee;
  border: 1px solid #ccc;
  color: #555;
}
.admin-financials .financials-options .button-wrapper {
  max-width: 80%;
  margin-left: 2rem;
  position: relative;
}
.admin-financials .financials-options .button-wrapper .image-loader {
  width: 3.5rem;
  top: 1rem;
  right: 18rem;
  left: auto;
}
.admin-financials .financials-wrapper {
  display: grid;
  margin-bottom: 2rem;
  padding-left: 1.5rem;
  grid-template-columns: 1fr 1fr;
  grid-column-gap: 2rem;
}
.admin-financials .financials-wrapper .financials-details {
  margin-top: 1rem;
}
.admin-financials .financials-wrapper .payment-link {
  padding: 0.5rem 0 0;
}
.admin-financials .financials-wrapper .financials-buttons {
  padding-left: 1.5rem;
}
.admin-financials .financials-header {
  color: #003858;
  font-weight: 600;
}
.admin-financials .financials-header .info {
  font-size: 1.4rem;
}
.hoa-mapping .grid-header {
  padding: 0;
}
.hoa-mapping .grid-view {
  padding: 1rem 1rem 2rem;
}
.hoa-mapping .grid-view th:first-child {
  min-width: 20rem;
}
.hoa-mapping .grid-view td .dropdown-group {
  position: relative;
}
.hoa-mapping .grid-view td .dropdown-group .help-block {
  font-size: 1.2rem !important;
  margin: 0;
}
.hoa-mapping .grid-view td .dropdown-group .help-block:not(:empty) {
  background: #f47b20;
  -webkit-border-radius: 0.3rem;
  -moz-border-radius: 0.3rem;
  border-radius: 0.3rem;
  color: #ffffff;
  display: block;
  font-size: 1.2rem;
  font-style: italic;
  margin: 0;
  padding: 0.3rem 0.7rem;
  position: absolute;
  right: 0;
  top: -17px;
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  transform: translate(0, -50%);
  z-index: 99;
}
.hoa-mapping .grid-view td .dropdown-group .help-block:not(:empty):before {
  border-top: 0.5rem solid #f47b20;
  border-bottom: 0.5rem solid transparent;
  border-left: 0.5rem solid transparent;
  border-right: 0.5rem solid transparent;
  content: '';
  height: 0;
  left: 50%;
  position: absolute;
  top: 100%;
  -webkit-transform: translate(-50%, 0);
  -moz-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  -o-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  width: 0;
}
@media (max-width: 479px) {
  .hoa-mapping .grid-view td .dropdown-group .help-block:not(:empty) {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    font-size: 0.9rem;
  }
}
.payment-portal-form .payment-details {
  margin: 0 1.5rem;
}
.payment-portal-form .approval-details {
  margin-left: 2.5rem;
  position: relative;
  top: -1.2rem;
  display: inline-block;
}
.payment-portal-form .require_link_approval {
  margin-top: 1rem;
}
.payment-portal-form .require_link_approval label {
  font-weight: 600;
}
.payment-portal-form .owner-group {
  margin-left: 2.5rem;
  width: calc(100% - 2.5rem);
}
.payment-portal-form .js-payment-link-group {
  margin-bottom: 1rem;
  position: relative;
}
.payment-portal-form .js-payment-link-group .remove-link {
  position: absolute;
  top: 1.2rem;
  right: -2rem;
  cursor: pointer;
}
.approve-links-grid .grid-view .btn-primary {
  margin-right: 1rem;
}
.approve-links-grid .grid-view .action-column {
  width: 22rem;
}
.approve-links-grid .grid-view .table tbody tr:last-child {
  border-bottom: none;
}
.approve-links-grid .grid-view .table tbody .empty {
  text-align: center;
  padding: 1.5rem;
  color: #6d6e71;
}
.approve-links-grid .form-group {
  text-align: right;
}
.admin-financials-page .financials-info {
  margin-left: 1.5rem;
  font-style: italic;
  color: red;
}
.modal .modal-body #cmc-cmc_software,
.modal .modal-body #cmc-cmc_banks {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}
@media (max-width: 639px) {
  .modal .modal-body #cmc-cmc_software,
  .modal .modal-body #cmc-cmc_banks {
    grid-template-columns: repeat(1, 1fr);
  }
}
.modal .modal-body #cmc-cmc_software label,
.modal .modal-body #cmc-cmc_banks label {
  width: 100%;
}
.card-form-wrapper {
  display: flex;
}
.card-form-wrapper .plan-info-wrapper {
  padding: 2rem;
  align-items: center;
  justify-content: center;
  background-color: #eff9fe;
  margin: 1rem 2rem 1rem 0rem;
  min-width: 28rem;
}
.card-form-wrapper .plan-info-wrapper .plan-info-section {
  width: 100%;
}
.card-form-wrapper .plan-info-wrapper .plan-info-section:last-child {
  flex-grow: 1;
  align-items: center;
  justify-content: center;
}
.card-form-wrapper .plan-info-wrapper .plan-info-section:last-child .plan-info-title {
  height: 100%;
}
.card-form-wrapper .plan-info-wrapper .plan-info-section .plan-info-title {
  font-weight: 700;
  display: flex;
  margin-bottom: 1rem;
  align-items: center;
}
.card-form-wrapper .plan-info-wrapper .plan-info-section .plan-info-title .plan-info-price {
  color: #00aeef;
  flex-grow: 1;
  text-align: right;
}
.card-form-wrapper .plan-info-wrapper .plan-info-section .plan-info-title .plan-info-price.total-price {
  font-size: 2.5rem;
}
.card-form-wrapper .plan-info-wrapper .plan-info-section hr {
  background-color: white;
}
.card-form-wrapper .plan-info-wrapper .plan-info-section .plan-info {
  font-style: italic;
}
.card-form-wrapper .plan-info-wrapper .plan-info-section .plan-info > div {
  margin-bottom: 0.5rem;
}
.card-form-wrapper .plan-info-wrapper .plan-info-section .plan-info > div.button-wrapper {
  margin-top: 1.5rem;
  font-style: normal;
}
.card-form-wrapper .plan-info-wrapper .plan-info-section .promo-code-details {
  position: relative;
}
.card-form-wrapper .plan-info-wrapper .plan-info-section .promo-code-details .promo-code-label {
  margin-bottom: 1rem;
}
.card-form-wrapper .plan-info-wrapper .plan-info-section .promo-code-details input {
  max-width: 15rem;
  display: inline-block;
  margin-right: 1rem;
}
.card-form-wrapper .plan-info-wrapper .plan-info-section .promo-code-details .apply-promo-code {
  display: none;
}
.card-form-wrapper .plan-info-wrapper .plan-info-section .promo-code-details i {
  display: block;
}
.card-form-wrapper .plan-info-wrapper .plan-info-section .promo-code-details .help-block:not(:empty) {
  top: 1rem;
  right: auto;
}
.card-form-wrapper .plan-info-wrapper .plan-info-section .website-name-wrapper {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.card-form-wrapper .card-form {
  width: 100%;
}
.card-form-wrapper .card-form .promo-code-wait {
  text-align: center;
}
.card-form-wrapper .card-form .promo-code-wait h1 {
  font-size: 2.5rem;
}
.card-form-wrapper .card-form .promo-code-wait img {
  max-width: 5rem;
  margin: 3rem auto;
}
.info-text {
  display: block;
  position: relative;
  margin: 1rem 0;
}
.upgrade-subscription-page .card-form form {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.upgrade-subscription-page .card-form form .form-group .control-label + div {
  padding: 0;
}
.upgrade-subscription-page .card-form form .with-loader {
  display: flex;
  flex-grow: 1;
  align-items: end;
}
.upgrade-subscription-page .card-form form .with-loader .right-side {
  margin-top: auto;
  margin-bottom: 1rem;
}
.upgrade-subscription-page .card-form form .with-loader .submit-loader {
  bottom: 1rem;
}
.upgrade-subscription-page .subscription-wrapper .required .control-label::after {
  display: none;
}
.upgrade-subscription-page .subscription-wrapper .select-subscription {
  margin-left: 3rem;
}
.plan-feature-url {
  text-align: right;
  position: absolute;
  right: 1.5rem;
  margin-top: 1rem;
  z-index: 2;
}
.with-loader {
  position: relative;
}
.image-loader {
  position: absolute;
  width: 2.5rem;
  top: 2.5rem;
  left: 28rem;
  display: none;
}
.sponsor-update {
  position: relative;
}
.sponsor-update .grid-header {
  padding: 0;
  position: relative;
}
.sponsor-update .grid-header .grid-title {
  width: 100%;
}
.sponsor-update .grid-header .grid-title h3 {
  border-bottom: 4rem solid #003858;
  width: 100%;
  padding: 0.7rem 1.5rem;
}
.sponsor-update .sponsor-promo-code {
  position: absolute;
  top: 1.5rem;
  right: 2rem;
}
.sponsor-update .sponsor-promo-code label {
  color: #003858;
}
.sponsor-overview .grid-view .table thead th {
  white-space: normal;
}
.tertiary-buttons {
  float: right;
  margin: 1rem;
  display: none;
}
.tertiary-buttons button {
  margin: 0 0.5rem;
}
.delete-rows-wrap {
  display: none;
}
.send-invites-page .select-invite-type .info {
  margin-bottom: 1rem;
}
.send-invites-page .with-loader .submit-loader {
  bottom: -5rem;
  right: 20rem;
}
.sponsor-plans .grid-title {
  margin-right: 3rem;
}
.sponsor-plans .tertiary-buttons {
  float: left;
  padding: 0.8rem 0;
  display: none;
}
.sponsor-plans .tertiary-buttons button:first-child {
  margin-right: 1rem;
}
.sponsor-plans .date-overdue {
  margin-left: 0.5rem;
  color: #f47b20;
}
.warning-invite .form-group {
  margin-top: 1rem;
}
.warning-invite .form-group .modal-radio {
  display: block;
  font-weight: normal;
  color: #6d6e71;
}
.warning-invite .form-group .modal-radio input {
  margin-right: 1rem;
}
.warning-invite .button-wrapper {
  text-align: center;
}
.list-dropdown {
  position: relative;
}
.list-dropdown .dropdown-toggle-text {
  color: #00aeef;
  cursor: pointer;
}
.list-dropdown .dropdown-toggle {
  margin: 0 1rem;
  border: 2px solid;
  border-radius: 50%;
  width: 3.5rem;
  height: 3.5rem;
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  position: relative;
  font-size: 1.8rem;
  cursor: pointer;
  color: #00aeef;
}
.list-dropdown .dropdown-toggle i {
  position: relative;
  top: 0.3rem;
  color: #00aeef;
}
.list-dropdown .dropdown-menu {
  background: #F0FAFE;
  right: 0;
  left: auto;
  border: 2px solid #00aeef;
  margin-top: 0.5rem;
  min-width: auto;
}
.list-dropdown .dropdown-menu:before {
  content: "";
  border-left: 2px solid #00aeef;
  border-top: 2px solid #00aeef;
  display: block;
  height: 1.5rem;
  position: absolute;
  right: 0rem;
  top: -0.9rem;
  width: 1.5rem;
  transform: rotate(45deg);
  right: 1.6rem;
  background: #F0FAFE;
}
.list-dropdown .dropdown-menu li + li {
  margin-top: 1rem;
}
.list-dropdown .dropdown-menu > li > a {
  color: #00aeef;
  padding: 0 1rem;
  font-size: 1.6rem;
  min-height: 0;
  margin: 0;
  text-align: left;
  margin-bottom: 0.5rem;
}
.list-dropdown .dropdown-menu > li > a:hover {
  background: none;
  text-decoration: underline;
}
.list-dropdown .dropdown-menu > li > a.disabled {
  color: #bcbec0;
}
.expanded-forum .social-forum-thread {
  margin-bottom: 4rem;
}
.permissions-radiolist label {
  font-weight: bold;
}
.permissions-radiolist label.header-label {
  font-size: 1.8rem;
}
.permissions-radiolist .access-description {
  margin-left: 2rem;
}
.permissions-radiolist .access-description .form-group {
  display: inline-block;
}
.permissions-radiolist .access-description .form-group.for-input {
  width: 10rem;
}
.permissions-radiolist .access-description .form-group.type-input {
  width: 14rem;
}
.restricted-access,
.no-items-message {
  text-align: center;
  margin-bottom: 6rem;
}
.restricted-access h1,
.no-items-message h1 {
  font-size: 2.5rem;
}
.restricted-access img,
.no-items-message img {
  width: 5rem;
  margin: 6rem auto 2rem;
}
.forum-rules {
  padding-top: 2rem;
}
.forum-rules h1 {
  text-transform: none;
  font-family: 'Open Sans Regular';
  color: #1C75BC;
  font-size: 36px;
  margin-bottom: 2rem;
  font-weight: bold;
}
.invite-members-form .members-textarea {
  border: 1px solid #ccc;
  height: 12rem;
  overflow: scroll;
}
.invite-members-form .members-textarea .input-group-addon {
  margin: 0;
  align-self: auto;
}
.invite-members-form .members-textarea .input-group-addon.invalid-email {
  color: red;
}
.invite-members-form .members-textarea .input-group-addon .message-remove-user {
  cursor: pointer;
}
.social-settings label {
  color: #003858;
  width: 8rem;
}
.social-settings > div {
  display: flex;
  margin-left: 4rem;
}
.social-settings > div .website-feature-type {
  position: relative;
  top: -0.5rem;
}
.social-settings > div span {
  color: #00aeef;
}
.hoa-page-form .custom-page-wrapper {
  padding: 1rem 2rem;
}
.hoa-page-form .sortable-container > ul {
  display: block;
  list-style-type: none;
  margin: 0 0 1.5rem;
  padding: 0;
  width: 100%;
}
.hoa-page-form .sortable-container > ul > li {
  background: #ffffff;
  border: 0 none;
  display: block;
  -webkit-transition: background 0.2s linear;
  -moz-transition: background 0.2s linear;
  -ms-transition: background 0.2s linear;
  -o-transition: background 0.2s linear;
  transition: background 0.2s linear;
}
.hoa-page-form .sortable-container > ul > li + li {
  margin-top: 1.5rem;
}
.hoa-page-form .sortable-container > ul > li.ui-sortable-placeholder {
  background: #bcbec0;
  height: 5rem;
}
.hoa-page-form .sortable-container > ul > li > .element-view {
  position: relative;
  -webkit-transition: 0.2s linear;
  -moz-transition: 0.2s linear;
  -ms-transition: 0.2s linear;
  -o-transition: 0.2s linear;
  transition: 0.2s linear;
}
.hoa-page-form .sortable-container > ul > li > .element-view:hover {
  padding-top: 5rem;
}
.hoa-page-form .sortable-container > ul > li > .element-view > i {
  color: #ffffff;
  opacity: 0;
  padding: 1rem;
  position: absolute;
  top: 0;
  visibility: hidden;
  -webkit-transition: 0.2s linear;
  -moz-transition: 0.2s linear;
  -ms-transition: 0.2s linear;
  -o-transition: 0.2s linear;
  transition: 0.2s linear;
  z-index: 99;
  font-size: 2rem;
}
.hoa-page-form .sortable-container > ul > li > .element-view > i.handle {
  background: #003858;
  cursor: move;
}
.hoa-page-form .sortable-container > ul > li > .element-view > i.handle:before {
  vertical-align: text-bottom;
}
.hoa-page-form .sortable-container > ul > li > .element-view > i.handle:hover {
  background: #00aeef;
}
.hoa-page-form .sortable-container > ul > li > .element-view > i.js-show-edit-element {
  background: #f47b20;
  right: 0;
  cursor: pointer;
  -webkit-transition: 0.2s linear;
  -moz-transition: 0.2s linear;
  -ms-transition: 0.2s linear;
  -o-transition: 0.2s linear;
  transition: 0.2s linear;
}
.hoa-page-form .sortable-container > ul > li > .element-view > i.js-show-edit-element:before {
  vertical-align: text-bottom;
}
.hoa-page-form .sortable-container > ul > li > .element-view > i.js-show-edit-element:hover {
  background: #00aeef;
}
.hoa-page-form .sortable-container > ul > li > .element-view > .view-content {
  min-height: 2.75rem;
  padding: 0;
}
.hoa-page-form .sortable-container > ul > li > .element-view > .view-content > ul {
  list-style-type: disc;
  padding-left: 0;
}
.hoa-page-form .sortable-container > ul > li > .element-view > .view-content > ul ul {
  list-style-type: circle;
  margin: 0 0 1rem;
  padding-left: 2rem;
}
.hoa-page-form .sortable-container > ul > li > .element-view > .view-content > hr {
  position: relative;
  top: 1.375rem;
}
.hoa-page-form .sortable-container > ul > li > .element-view > .view-content > h1 {
  color: #003858;
}
.hoa-page-form .sortable-container > ul > li > .element-view > .view-content > img {
  height: auto;
}
.hoa-page-form .sortable-container > ul > li > .element-edit {
  border: 1px solid #c5c5c5;
}
.hoa-page-form .sortable-container > ul > li > .element-edit .title {
  background: #e6e7e8;
}
.hoa-page-form .sortable-container > ul > li > .element-edit .title h4 {
  color: #6d6e71;
  margin: 0;
  padding: 1rem;
  text-transform: capitalize;
}
.hoa-page-form .sortable-container > ul > li > .element-edit .title h4 > i.handle {
  background: #6d6e71;
  color: #ffffff;
  cursor: move;
  margin: -1.2rem 0.5rem -1rem -1rem;
  min-height: 4.4rem;
  padding: 1rem;
  -webkit-transition: 0.2s linear;
  -moz-transition: 0.2s linear;
  -ms-transition: 0.2s linear;
  -o-transition: 0.2s linear;
  transition: 0.2s linear;
}
.hoa-page-form .sortable-container > ul > li > .element-edit .title h4 > i.handle:before {
  vertical-align: text-bottom;
}
.hoa-page-form .sortable-container > ul > li > .element-edit .title h4 > i.handle:hover {
  opacity: 0.7;
}
.hoa-page-form .sortable-container > ul > li > .element-edit .title h4 > span.pull-right i {
  color: #ffffff;
  cursor: pointer;
  margin: -1.2rem -1rem -1rem 1rem;
  min-height: 4.4rem;
  padding: 1rem;
  -webkit-transition: 0.2s linear;
  -moz-transition: 0.2s linear;
  -ms-transition: 0.2s linear;
  -o-transition: 0.2s linear;
  transition: 0.2s linear;
}
.hoa-page-form .sortable-container > ul > li > .element-edit .title h4 > span.pull-right i.js-remove-element {
  background: #EE1C25;
}
.hoa-page-form .sortable-container > ul > li > .element-edit .title h4 > span.pull-right i.js-view-element {
  background: #003858;
}
.hoa-page-form .sortable-container > ul > li > .element-edit .title h4 > span.pull-right i.js-cancel-edit-element {
  background: #f47b20;
}
.hoa-page-form .sortable-container > ul > li > .element-edit .title h4 > span.pull-right i:before {
  vertical-align: text-bottom;
}
.hoa-page-form .sortable-container > ul > li > .element-edit .title h4 > span.pull-right i:hover {
  opacity: 0.7;
}
.hoa-page-form .sortable-container > ul > li > .element-edit .content {
  border-top: 0.1rem solid #c5c5c5;
}
.hoa-page-form .sortable-container > ul > li > .element-edit .content .tox-tinymce {
  border: 0 none;
}
.hoa-page-form .sortable-container > ul > li > .element-edit .content .tox-tinymce .tox-edit-area__iframe {
  padding: 0.5rem 1rem;
}
.hoa-page-form .sortable-container > ul > li > .element-edit .content .map {
  align-content: center;
  align-items: center;
  display: flex;
  justify-content: flex-start;
  margin: 0;
  padding: 1rem;
  width: 100%;
}
.hoa-page-form .sortable-container > ul > li > .element-edit .content .map label {
  margin: 0 1.5rem 0 0;
}
.hoa-page-form .sortable-container > ul > li:hover {
  background: #F1F2F2;
}
.hoa-page-form .sortable-container > ul > li:hover > .element-view > i {
  opacity: 1;
  visibility: visible;
}
.dashboard-contact-info {
  margin-top: auto;
}
.dashboard-contact-info .person-box {
  padding: 4rem 0 6rem !important;
  background-color: #F1F2F2;
}
.dashboard-contact-info .person-box .container {
  max-width: 100%;
  flex-direction: column;
  text-align: center;
}
.dashboard-contact-info .person-box .container .community-manager-name {
  display: block;
  font-size: 2.4rem;
  color: #1C75BC;
  font-weight: bold;
}
.dashboard-contact-info .person-box .container .community-manager-title {
  color: #6d6e71;
  font-size: 1.4rem;
  font-style: italic;
}
.dashboard-contact-info .person-box .container .community-manager-separator,
.dashboard-contact-info .person-box .container .community-manager-description,
.dashboard-contact-info .person-box .container .logo {
  display: none;
}
.dashboard-contact-info .person-box .container .description span {
  font-family: "Open Sans Regular", sans-serif;
}
.dashboard-contact-info .person-box .container h3 {
  font-size: 1.8rem;
  margin-top: 1rem;
}
.dashboard-contact-info .person-box .container .person-photo {
  margin-right: auto;
}
.dashboard-contact-info .person-box .container .person-photo img {
  width: 9rem;
  height: 9rem;
}
.db-state-form .submit-loader {
  width: 4rem;
  position: relative;
  top: 0.5rem;
  left: 1rem;
  display: none;
}
body .header-container nav.navbar > .container .navbar-collapse ul.navbar-nav > li.dropdown > ul.dropdown-menu,
body .header-container nav.navbar > .container-fluid .navbar-collapse ul.navbar-nav > li.dropdown > ul.dropdown-menu {
  background-color: #ffffff;
  border: 0 none;
  -webkit-border-radius: 0.4rem;
  -moz-border-radius: 0.4rem;
  border-radius: 0.4rem;
  -webkit-box-shadow: 0 0.6rem 1.2rem rgba(109, 110, 113, 0.5);
  -moz-box-shadow: 0 0.6rem 1.2rem rgba(109, 110, 113, 0.5);
  box-shadow: 0 0.6rem 1.2rem rgba(109, 110, 113, 0.5);
  margin-top: 1rem;
  padding: 0;
  font-family: 'Open Sans Regular';
}
@media (max-width: 767px) {
  body .header-container nav.navbar > .container .navbar-collapse ul.navbar-nav > li.dropdown > ul.dropdown-menu,
  body .header-container nav.navbar > .container-fluid .navbar-collapse ul.navbar-nav > li.dropdown > ul.dropdown-menu {
    background-color: transparent;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    margin-top: 0;
    padding-left: 2rem;
  }
}
body .header-container nav.navbar > .container .navbar-collapse ul.navbar-nav > li.dropdown > ul.dropdown-menu:before,
body .header-container nav.navbar > .container-fluid .navbar-collapse ul.navbar-nav > li.dropdown > ul.dropdown-menu:before {
  content: "";
  border-left: 1rem solid transparent;
  border-right: 1rem solid transparent;
  border-bottom: 1rem solid #ffffff;
  display: block;
  height: 0;
  position: absolute;
  right: 0.7rem;
  top: -1rem;
  width: 0;
}
@media (max-width: 767px) {
  body .header-container nav.navbar > .container .navbar-collapse ul.navbar-nav > li.dropdown > ul.dropdown-menu:before,
  body .header-container nav.navbar > .container-fluid .navbar-collapse ul.navbar-nav > li.dropdown > ul.dropdown-menu:before {
    display: none;
  }
}
body .header-container nav.navbar > .container .navbar-collapse ul.navbar-nav > li.dropdown > ul.dropdown-menu li a,
body .header-container nav.navbar > .container-fluid .navbar-collapse ul.navbar-nav > li.dropdown > ul.dropdown-menu li a {
  color: #6D6E71;
  font-size: 1.6rem;
  padding: 0.5rem 1.5rem;
  -webkit-transition: 0.4s linear;
  -moz-transition: 0.4s linear;
  -ms-transition: 0.4s linear;
  -o-transition: 0.4s linear;
  transition: 0.4s linear;
}
body .header-container nav.navbar > .container .navbar-collapse ul.navbar-nav > li.dropdown > ul.dropdown-menu li a:hover,
body .header-container nav.navbar > .container-fluid .navbar-collapse ul.navbar-nav > li.dropdown > ul.dropdown-menu li a:hover {
  background: #F1F2F2;
}
@media (max-width: 767px) {
  body .header-container nav.navbar > .container .navbar-collapse ul.navbar-nav > li.dropdown > ul.dropdown-menu li a,
  body .header-container nav.navbar > .container-fluid .navbar-collapse ul.navbar-nav > li.dropdown > ul.dropdown-menu li a {
    color: #ffffff;
  }
  body .header-container nav.navbar > .container .navbar-collapse ul.navbar-nav > li.dropdown > ul.dropdown-menu li a:hover,
  body .header-container nav.navbar > .container-fluid .navbar-collapse ul.navbar-nav > li.dropdown > ul.dropdown-menu li a:hover {
    background: transparent;
  }
}
body .header-container nav.navbar > .container .navbar-collapse ul.navbar-nav > li.dropdown > ul.dropdown-menu li.show-on-mobile,
body .header-container nav.navbar > .container-fluid .navbar-collapse ul.navbar-nav > li.dropdown > ul.dropdown-menu li.show-on-mobile {
  display: none;
}
body .header-container nav.navbar > .container .navbar-collapse ul.navbar-nav > li.dropdown > ul.dropdown-menu li.hide-on-mobile,
body .header-container nav.navbar > .container-fluid .navbar-collapse ul.navbar-nav > li.dropdown > ul.dropdown-menu li.hide-on-mobile {
  display: block;
}
body .header-container nav.navbar > .container .navbar-collapse ul.navbar-nav > li.dropdown > ul.dropdown-menu li.active a,
body .header-container nav.navbar > .container-fluid .navbar-collapse ul.navbar-nav > li.dropdown > ul.dropdown-menu li.active a {
  background: rgba(0, 56, 88, 0.25);
  color: #ffffff;
}
body .header-container nav.navbar > .container .navbar-collapse ul.navbar-nav > li.dropdown > ul.dropdown-menu li.active a:hover,
body .header-container nav.navbar > .container-fluid .navbar-collapse ul.navbar-nav > li.dropdown > ul.dropdown-menu li.active a:hover,
body .header-container nav.navbar > .container .navbar-collapse ul.navbar-nav > li.dropdown > ul.dropdown-menu li.active a:focus,
body .header-container nav.navbar > .container-fluid .navbar-collapse ul.navbar-nav > li.dropdown > ul.dropdown-menu li.active a:focus {
  background: #F1F2F2;
  color: #ffffff;
}
body .header-container nav.navbar > .container .navbar-collapse ul.navbar-nav > li.dropdown > ul.dropdown-menu li.logout-btn,
body .header-container nav.navbar > .container-fluid .navbar-collapse ul.navbar-nav > li.dropdown > ul.dropdown-menu li.logout-btn {
  margin: 0;
}
body .header-container nav.navbar > .container .navbar-collapse ul.navbar-nav > li.dropdown > ul.dropdown-menu li.logout-btn button,
body .header-container nav.navbar > .container-fluid .navbar-collapse ul.navbar-nav > li.dropdown > ul.dropdown-menu li.logout-btn button {
  background: transparent;
  border: 0 none;
  -webkit-border-radius: 0 0 0.4rem 0.4rem;
  -moz-border-radius: 0 0 0.4rem 0.4rem;
  border-radius: 0 0 0.4rem 0.4rem;
  color: #6D6E71 !important;
  font-size: 1.6rem;
  line-height: 1.42857143;
  padding: 0.5rem 1.5rem;
  text-align: left;
  width: 100%;
  text-transform: none;
}
@media (max-width: 767px) {
  body .header-container nav.navbar > .container .navbar-collapse ul.navbar-nav > li.dropdown > ul.dropdown-menu li.logout-btn button,
  body .header-container nav.navbar > .container-fluid .navbar-collapse ul.navbar-nav > li.dropdown > ul.dropdown-menu li.logout-btn button {
    color: #ffffff !important;
    background: transparent;
  }
}
body .header-container nav.navbar > .container .navbar-collapse ul.navbar-nav > li.dropdown > ul.dropdown-menu li.logout-btn:hover button,
body .header-container nav.navbar > .container-fluid .navbar-collapse ul.navbar-nav > li.dropdown > ul.dropdown-menu li.logout-btn:hover button {
  background: #F1F2F2;
}
@media (max-width: 767px) {
  body .header-container nav.navbar > .container .navbar-collapse ul.navbar-nav > li.dropdown > ul.dropdown-menu li.logout-btn,
  body .header-container nav.navbar > .container-fluid .navbar-collapse ul.navbar-nav > li.dropdown > ul.dropdown-menu li.logout-btn {
    margin-bottom: 1rem;
  }
}
body .header-container nav.navbar > .container .navbar-collapse ul.navbar-nav > li.dropdown > ul.dropdown-menu li + li,
body .header-container nav.navbar > .container-fluid .navbar-collapse ul.navbar-nav > li.dropdown > ul.dropdown-menu li + li {
  margin-top: 0.2rem;
}
@media (max-width: 767px) {
  body .header-container nav.navbar > .container .navbar-collapse ul.navbar-nav > li.dropdown > ul.dropdown-menu li,
  body .header-container nav.navbar > .container-fluid .navbar-collapse ul.navbar-nav > li.dropdown > ul.dropdown-menu li {
    border-bottom: 0.1rem solid white;
  }
  body .header-container nav.navbar > .container .navbar-collapse ul.navbar-nav > li.dropdown > ul.dropdown-menu li.active,
  body .header-container nav.navbar > .container-fluid .navbar-collapse ul.navbar-nav > li.dropdown > ul.dropdown-menu li.active {
    border-bottom: 0.3rem solid white;
  }
  body .header-container nav.navbar > .container .navbar-collapse ul.navbar-nav > li.dropdown > ul.dropdown-menu li.divider,
  body .header-container nav.navbar > .container-fluid .navbar-collapse ul.navbar-nav > li.dropdown > ul.dropdown-menu li.divider {
    display: none;
  }
  body .header-container nav.navbar > .container .navbar-collapse ul.navbar-nav > li.dropdown > ul.dropdown-menu li.logout-btn button,
  body .header-container nav.navbar > .container-fluid .navbar-collapse ul.navbar-nav > li.dropdown > ul.dropdown-menu li.logout-btn button {
    font-weight: normal;
  }
  body .header-container nav.navbar > .container .navbar-collapse ul.navbar-nav > li.dropdown > ul.dropdown-menu li.show-on-mobile,
  body .header-container nav.navbar > .container-fluid .navbar-collapse ul.navbar-nav > li.dropdown > ul.dropdown-menu li.show-on-mobile {
    display: block;
  }
  body .header-container nav.navbar > .container .navbar-collapse ul.navbar-nav > li.dropdown > ul.dropdown-menu li.hide-on-mobile,
  body .header-container nav.navbar > .container-fluid .navbar-collapse ul.navbar-nav > li.dropdown > ul.dropdown-menu li.hide-on-mobile {
    display: none;
  }
}
body .header-container nav.navbar > .container .navbar-collapse ul.navbar-nav > li.dropdown > ul.dropdown-menu .divider,
body .header-container nav.navbar > .container-fluid .navbar-collapse ul.navbar-nav > li.dropdown > ul.dropdown-menu .divider {
  background-color: rgba(255, 255, 255, 0.5);
  margin: 0 !important;
}
.appliedPromocode {
  margin-bottom: 2rem;
  display: block;
}
#hoa-hoa_lifestyle {
  margin-left: 20px;
}
.home-container .btn.btn-second,
.home-container .btn.btn-primary {
  border-radius: 3px;
}
/*# sourceMappingURL=admin.css.map */