/* WARNING: THIS FILE IS IMPORTED EVERYWHERE.
   IF THE OTHER FILES ARE NOT CHANGED, 
   THEIR CSS IS NOT AUTOMATICALLY REFRESHED
   (THAT INCLUES THE CHANGES FROM THIS FILE)
   TRY LEAVE IT AS IT IS.
*/
@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 */
/* BASE STYLES */
a:focus,
button:focus,
a:active:focus,
button:active:focus,
a.active:focus,
button.active:focus,
a.focus,
button.focus,
a:active.focus,
button:active.focus,
a.active.focus,
button.active.focus {
  outline: none;
}
.btn-disabled {
  border-color: #A7A9AC;
  color: #A7A9AC;
  opacity: 1;
}
.btn {
  font-family: "Open Sans Regular", sans-serif;
  font-weight: 700;
  letter-spacing: 1px;
  font-size: 1.6rem;
  min-width: 13rem;
  min-height: 3rem;
  padding-left: 2rem;
  padding-right: 2rem;
  padding-top: 6px;
  padding-bottom: 6px;
  border-radius: 1px;
  border-width: 0.2rem;
  margin: 1rem auto 0;
  outline: 0 none;
  white-space: nowrap;
  -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;
  /* PRIMARY */
  /* CTA */
  /* SECONDARY (back buttons) */
}
.btn:active {
  box-shadow: none;
  -webkit-box-shadow: none;
}
.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn.active.focus {
  outline: none;
}
.btn.btn-primary {
  background-color: #1C75BC;
  border-color: #1C75BC;
  color: #ffffff;
  border-radius: 0.3rem;
  font-family: 'Open Sans SemiBold';
  font-weight: normal;
  font-size: 16px;
  /* Disabled attribute and/or btn-disabled class (when the element is a link the pseudoclass selector does not work) */
}
.btn.btn-primary:hover,
.btn.btn-primary:focus {
  background-color: #155D97;
  border-color: #155D97;
}
.btn.btn-primary:disabled,
.btn.btn-primary[disabled],
.btn.btn-primary.btn-disabled {
  border-color: #A7A9AC;
  color: #A7A9AC;
  opacity: 1;
  background-color: #A7A9AC;
  color: white;
  border: 2px solid #A7A9AC;
}
.btn.btn-primary.btn-primary--yellow {
  background-color: #fbb040;
  border: 2px solid #fbb040;
}
.btn.btn-primary.btn-primary--yellow:hover,
.btn.btn-primary.btn-primary--yellow:focus {
  background-color: transparent;
  color: #fbb040;
  border: 2px solid #fbb040;
}
.btn.btn-blue {
  background-color: #1C75BC;
  border-color: #1C75BC;
  color: #ffffff;
  border-radius: 5px 5px 5px 5px;
  /* Disabled attribute and/or btn-disabled class (when the element is a link the pseudoclass selector does not work) */
}
.btn.btn-blue:hover,
.btn.btn-blue:focus {
  color: #1C75BC;
  background: #ffffff;
}
.btn.btn-blue:disabled,
.btn.btn-blue[disabled],
.btn.btn-blue.btn-disabled {
  border-color: #A7A9AC;
  color: #A7A9AC;
  opacity: 1;
}
.btn.btn-white {
  background-color: #ffffff;
  border-color: #1C75BC;
  color: #1C75BC;
  border-radius: 5px 5px 5px 5px;
  /* Disabled attribute and/or btn-disabled class (when the element is a link the pseudoclass selector does not work) */
}
.btn.btn-white:hover,
.btn.btn-white:focus {
  color: #1664a3;
  border-color: #1664a3;
}
.btn.btn-white:disabled,
.btn.btn-white[disabled],
.btn.btn-white.btn-disabled {
  border-color: #A7A9AC;
  color: #A7A9AC;
  opacity: 1;
}
.btn.btn-white-transparent {
  background-color: transparent;
  border-color: #ffffff;
  color: #ffffff;
  border-radius: 5px 5px 5px 5px;
  /* Disabled attribute and/or btn-disabled class (when the element is a link the pseudoclass selector does not work) */
}
.btn.btn-white-transparent:hover,
.btn.btn-white-transparent:focus {
  color: #ffffff;
  background: transparent;
}
.btn.btn-white-transparent:disabled,
.btn.btn-white-transparent[disabled],
.btn.btn-white-transparent.btn-disabled {
  border-color: #A7A9AC;
  color: #A7A9AC;
  opacity: 1;
}
.btn.btn-second {
  background-color: #1C75BC;
  border-color: #1C75BC;
  color: #ffffff;
  /* Disabled attribute and/or btn-disabled class (when the element is a link the pseudoclass selector does not work) */
}
.btn.btn-second:hover,
.btn.btn-second:focus {
  background-color: transparent;
  color: #1C75BC;
}
.btn.btn-second:disabled,
.btn.btn-second[disabled],
.btn.btn-second.btn-disabled {
  border-color: #A7A9AC;
  color: #A7A9AC;
  opacity: 1;
}
.btn.btn-grey {
  background-color: transparent;
  border-color: #6d6e71;
  color: #6d6e71;
}
.btn.btn-grey:hover {
  background-color: transparent;
  border-color: #6d6e71;
  color: #6d6e71;
}
.btn.btn-grey:active {
  background-color: transparent;
  border-color: #6d6e71;
  color: #6d6e71;
}
.btn.btn-grey:disabled {
  border-color: #A7A9AC;
  color: #A7A9AC;
  opacity: 1;
}
.btn.btn-third {
  background-color: #1c75bc;
  border-color: #1c75bc;
  color: #ffffff;
}
.btn.btn-third:hover,
.btn.btn-third:focus {
  background-color: transparent;
  border-color: #1c75bc;
  color: #1c75bc;
}
.btn.btn-center {
  left: 50%;
  position: relative;
  -webkit-transform: translate(-50%, 0);
  -moz-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  -o-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
}
.btn.btn-full {
  width: 100%;
  min-height: 45px;
}
.btn.btn-light {
  background: transparent;
  color: #6D6E71;
  margin: 0;
  border: 0.5px solid #6D6E71;
  font-family: 'Open Sans SemiBold';
  font-weight: normal;
  border-radius: 0.3rem;
  padding-top: 7px;
  padding-bottom: 7px;
}
.btn.btn-light:hover,
.btn.btn-light:focus {
  color: #6D6E71;
  border: 0.5px solid #6D6E71;
}
.btn.btn-light.btn-back {
  margin-right: 1rem;
}
.btn.btn-light.btn-back--no-border {
  margin-right: 0rem;
  border: 0px;
  min-width: auto;
  font-weight: bold;
  padding: 0px;
  text-align: left;
  font-family: "Open Sans SemiBold", sans-serif;
  font-weight: normal;
  font-size: 15px;
}
.btn.btn-green,
.btn.btn-success {
  background-color: #36B449;
  border-color: #36B449;
  color: #ffffff;
}
.btn.btn-green:hover,
.btn.btn-success:hover,
.btn.btn-green:focus,
.btn.btn-success:focus {
  background-color: transparent;
  border-color: #36B449;
  color: #36B449;
}
.btn.btn-red {
  background-color: #1C75BC;
  border-color: #1C75BC;
  color: #ffffff;
}
.btn.btn-red:hover,
.btn.btn-red:focus {
  background-color: transparent;
  border-color: #1C75BC;
  color: #1C75BC;
}
.btn.btn-danger {
  background-color: #1C75BC;
  border-color: #1C75BC;
  color: #ffffff;
}
.btn.btn-danger:hover,
.btn.btn-danger:focus {
  background-color: transparent;
  border-color: #1C75BC;
  color: #1C75BC;
}
.btn.small {
  font-size: 1.4rem;
}
.btn.full-width {
  width: 100%;
}
.btn.btn--homepage-section {
  min-width: 25rem;
}
.btn.btn--long {
  padding-left: 70px;
  padding-right: 70px;
}
.btn.btn-wrap {
  white-space: normal;
}
.btn.btn__login {
  /* make the login button look like the register */
  min-width: 133px;
}
.btn-tertiary {
  font-family: 'Open Sans Regular';
  font-size: 14px;
  color: #1C75BC;
  text-decoration: capitalize;
  font-weight: normal;
  background: none;
  border: none;
  padding: 0;
  text-align: left;
  cursor: pointer;
}
.btn-tertiary.btn {
  min-width: auto;
  letter-spacing: 0;
}
.btn-tertiary.disabled {
  color: #bcbec0;
}
.btn-tertiary.disabled:hover {
  text-decoration: none;
  color: #bcbec0;
}
.btn-tertiary:hover {
  color: #1C75BC;
  text-decoration: underline;
  font-weight: normal;
}
.btn-tertiary:focus {
  color: #1C75BC;
}
table .btn {
  margin-top: 0;
}
/* HOW WILL YOU USE HOAMPAGE? buttons */
.htwhp__button {
  min-width: 192px;
}
.btn--nowrap {
  white-space: nowrap;
}
.btn-tertiary--underline {
  font-family: 'Open Sans Regular';
  font-size: 14px;
  color: #1C75BC;
  text-decoration: capitalize;
  font-weight: normal;
  background: none;
  border: none;
  padding: 0;
  text-align: left;
  cursor: pointer;
  text-decoration: underline;
}
.btn-tertiary--underline.btn {
  min-width: auto;
  letter-spacing: 0;
}
.btn-tertiary--underline.disabled {
  color: #bcbec0;
}
.btn-tertiary--underline.disabled:hover {
  text-decoration: none;
  color: #bcbec0;
}
.btn-tertiary--underline:hover {
  color: #1C75BC;
  text-decoration: underline;
  font-weight: normal;
}
.btn-tertiary--underline:focus {
  color: #1C75BC;
}
.btn-tertiary--bold {
  font-weight: bold;
}
.showModalButton {
  cursor: pointer;
}
.btn-primary-hover {
  background-color: #1C75BC;
  border-color: #1C75BC;
}
.btn-text-default {
  font-family: "Open Sans Regular", sans-serif;
  font-weight: 700;
  letter-spacing: 1px;
  font-size: 16px;
}
.btn-second-hover {
  background-color: #008FD5;
  border-color: #008FD5;
}
/* NavBar */
nav.navbar.navbar-default {
  background: transparent;
  padding: 1rem;
  color: white;
}
nav.navbar.navbar-default .container .navbar-collapse ul.navbar-nav > li > a,
nav.navbar.navbar-default .container .navbar-collapse ul.navbar-nav > li form button {
  color: #6D6E71;
}
nav.navbar.navbar-default .container .navbar-collapse ul.navbar-nav > li.registration-btn > a,
nav.navbar.navbar-default .container .navbar-collapse ul.navbar-nav > li.registration-btn form button {
  border: 0.2rem solid #6D6E71;
}
nav.navbar.navbar-default .container-fluid {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
nav.navbar.navbar-default .container-fluid:before,
nav.navbar.navbar-default .container-fluid:after {
  display: none;
}
@media (max-width: 767px) {
  nav.navbar.navbar-default .container-fluid {
    display: block;
  }
}
@media (max-width: 479px) {
  nav.navbar.navbar-default .container-fluid.website-navbar-container .navbar-collapse {
    width: calc(100% + 30px);
  }
}
@media (max-width: 767px) {
  nav.navbar .container .navbar-header .navbar-toggle {
    margin: 1.4rem 0 0;
  }
}
@media (max-width: 767px) {
  nav.navbar .container-fluid .navbar-header .navbar-toggle {
    background: #1C75BC;
    border: 0 none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    color: #ffffff;
    font-size: 1.8rem;
    font-weight: 700;
    line-height: 1;
    margin: 0;
    padding: 1.5rem;
    position: absolute;
    right: 0;
    text-align: center;
    text-decoration: none;
    top: 0;
    width: auto;
    z-index: 999999;
  }
}
@media (max-width: 479px) {
  nav.navbar .container-fluid .navbar-header .navbar-toggle {
    border-left: 0.1rem solid #ffffff;
    height: 5.17rem;
    width: 50%;
  }
}
@media (max-width: 767px) {
  nav.navbar .container-fluid .navbar-header .navbar-toggle span {
    color: #ffffff;
    text-transform: uppercase;
  }
}
@media (max-width: 767px) {
  nav.navbar .container-fluid .navbar-header .navbar-toggle:hover,
  nav.navbar .container-fluid .navbar-header .navbar-toggle:focus {
    background-color: #1C75BC;
  }
}
@media (max-width: 767px) {
  nav.navbar .container-fluid .navbar-header {
    float: none;
    margin: 0;
    text-align: center;
    width: 100%;
  }
}
nav.navbar .container-fluid .navbar-header .navbar__ws-logoname {
  display: flex;
  align-items: center;
}
nav.navbar .container-fluid .navbar-header .navbar__ws-logoname:hover,
nav.navbar .container-fluid .navbar-header .navbar__ws-logoname:focus {
  text-decoration: none;
}
nav.navbar .container-fluid .navbar-header .navbar__ws-logoname .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: 767px) {
  nav.navbar .container-fluid .navbar-header .navbar__ws-logoname .navbar__ws-name {
    display: none;
  }
}
nav.navbar .container-fluid .navbar-header .navbar__ws-logoname .img-responsive {
  width: 6rem;
}
@media (min-width: 768px) and (max-width: 1023px) {
  nav.navbar .container-fluid .navbar-collapse ul.navbar-nav > li > a {
    padding: 1rem;
    text-transform: none;
  }
}
@media (max-width: 767px) {
  nav.navbar .container-fluid .navbar-collapse ul.navbar-nav > li > a {
    color: #ffffff;
    font-weight: 700;
    line-height: 1.4;
  }
}
@media (max-width: 767px) {
  nav.navbar .container-fluid .navbar-collapse ul.navbar-nav > li > a:focus {
    background: #f47b20;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  nav.navbar .container-fluid .navbar-collapse ul.navbar-nav > li.registration-btn form button {
    padding: 1rem;
    text-transform: none;
  }
}
@media (max-width: 767px) {
  nav.navbar .container-fluid .navbar-collapse ul.navbar-nav > li.registration-btn form button {
    border: 0 none;
    padding: 1rem 1.5rem;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  nav.navbar .container-fluid .navbar-collapse ul.navbar-nav > li.registration-btn > a {
    padding: 0.8rem;
  }
}
@media (max-width: 767px) {
  nav.navbar .container-fluid .navbar-collapse ul.navbar-nav > li.registration-btn > a {
    border: 0 none;
    padding: 1rem 1.5rem;
  }
}
@media (max-width: 767px) {
  nav.navbar .container-fluid .navbar-collapse ul.navbar-nav > li + li {
    margin: 0 2rem;
  }
}
@media (max-width: 767px) {
  nav.navbar .container-fluid .navbar-collapse ul.navbar-nav > li form button {
    color: #ffffff;
    font-weight: 700;
    line-height: 1.4;
    text-align: left;
    width: 100%;
  }
}
@media (max-width: 767px) {
  nav.navbar .container-fluid .navbar-collapse ul.navbar-nav > li form button:focus {
    background: #f47b20;
  }
}
@media (max-width: 767px) {
  nav.navbar .container-fluid .navbar-collapse ul.navbar-nav > li:hover > a {
    background: #f47b20;
  }
}
@media (max-width: 767px) {
  nav.navbar .container-fluid .navbar-collapse ul.navbar-nav > li:hover form button {
    background: #f47b20;
  }
}
@media (max-width: 767px) {
  nav.navbar .container-fluid .navbar-collapse ul.navbar-nav > li.active > a {
    background: #f47b20;
  }
}
@media (max-width: 767px) {
  nav.navbar .container-fluid .navbar-collapse ul.navbar-nav > li.active form button {
    background: #f47b20;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  nav.navbar .container-fluid .navbar-collapse ul.navbar-nav > li + li {
    margin: 0;
  }
}
@media (max-width: 767px) {
  nav.navbar .container-fluid .navbar-collapse ul.navbar-nav.navbar-right {
    margin: 0;
  }
}
@media (max-width: 767px) {
  nav.navbar .container-fluid .navbar-collapse ul.navbar-nav {
    margin: 0;
  }
}
@media (max-width: 767px) {
  nav.navbar .container-fluid .navbar-collapse {
    float: none;
    margin-top: 0;
    background: #1C75BC;
  }
}
@media (max-width: 767px) {
  nav.navbar {
    padding: 0.7rem 0 0;
  }
}
@media (max-width: 479px) {
  nav.navbar {
    padding: 5.3rem 0 0;
  }
}
@media (max-width: 767px) {
  nav.navbar.navbar-inverse {
    padding: 1.3rem 0 0;
  }
}
/* NavBar */
nav.navbar {
  border: 0 none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  margin: 0;
  padding: 1.9rem 0;
  position: relative;
  z-index: 1;
}
@media (min-width: 1025px) {
  nav.navbar .container,
  nav.navbar .container-fluid {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  nav.navbar .container:before,
  nav.navbar .container-fluid:before,
  nav.navbar .container:after,
  nav.navbar .container-fluid:after {
    display: none;
  }
}
nav.navbar .container .navbar-header,
nav.navbar .container-fluid .navbar-header {
  float: left;
  width: auto;
}
nav.navbar .container .navbar-header .mobile-menu-wrapper,
nav.navbar .container-fluid .navbar-header .mobile-menu-wrapper {
  display: none;
}
@media (max-width: 1024px) {
  nav.navbar .container .navbar-header,
  nav.navbar .container-fluid .navbar-header {
    width: 100% !important;
    display: flex;
  }
  nav.navbar .container .navbar-header .navbar__ws-logoname,
  nav.navbar .container-fluid .navbar-header .navbar__ws-logoname {
    flex-grow: 1;
  }
  nav.navbar .container .navbar-header .mobile-menu-wrapper,
  nav.navbar .container-fluid .navbar-header .mobile-menu-wrapper {
    display: block;
  }
  nav.navbar .container .navbar-header .mobile-menu-wrapper .notifications-wrapper,
  nav.navbar .container-fluid .navbar-header .mobile-menu-wrapper .notifications-wrapper {
    margin-right: 0.5rem;
  }
}
nav.navbar .container .navbar-header .navbar-brand,
nav.navbar .container-fluid .navbar-header .navbar-brand {
  float: none;
  height: auto;
  margin: 0 !important;
  padding: 0;
}
nav.navbar .container .navbar-header .navbar-brand img,
nav.navbar .container-fluid .navbar-header .navbar-brand img {
  max-width: 20rem;
}
@media (min-width: 1024px) and (max-width: 1199px) {
  nav.navbar .container .navbar-header .navbar-brand img,
  nav.navbar .container-fluid .navbar-header .navbar-brand img {
    max-width: 17.5rem;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  nav.navbar .container .navbar-header .navbar-brand img,
  nav.navbar .container-fluid .navbar-header .navbar-brand img {
    max-width: 15rem;
  }
}
@media (max-width: 767px) {
  nav.navbar .container .navbar-header .navbar-brand,
  nav.navbar .container-fluid .navbar-header .navbar-brand {
    display: inline-block;
    width: auto;
  }
}
@media (max-width: 767px) {
  nav.navbar .container .navbar-header,
  nav.navbar .container-fluid .navbar-header {
    float: none;
    margin: 0;
    width: 100%;
  }
}
nav.navbar .container .navbar-collapse,
nav.navbar .container-fluid .navbar-collapse {
  border: 0 none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  float: right;
  min-width: 50%;
  padding: 0;
  width: auto;
  text-align: right;
}
nav.navbar .container .navbar-collapse .notifications-wrapper,
nav.navbar .container-fluid .navbar-collapse .notifications-wrapper {
  color: white;
  margin-left: 1rem;
  position: relative;
  margin-top: 1rem;
  cursor: pointer;
  display: inline-block;
}
nav.navbar .container .navbar-collapse .notifications-wrapper .notification-number,
nav.navbar .container-fluid .navbar-collapse .notifications-wrapper .notification-number {
  background: white;
  color: #1C75BC;
  font-weight: bold;
  width: 15px;
  height: 15px;
  font-size: 12px;
  text-align: center;
  border-radius: 50%;
  position: absolute;
  top: -4px;
  right: -6px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #F1F2F2;
}
@media (max-width: 767px) {
  nav.navbar .container .navbar-collapse .notifications-wrapper,
  nav.navbar .container-fluid .navbar-collapse .notifications-wrapper {
    display: none;
  }
}
nav.navbar .container .navbar-collapse ul.navbar-nav,
nav.navbar .container-fluid .navbar-collapse ul.navbar-nav {
  margin: 0 -0.5rem;
}
nav.navbar .container .navbar-collapse ul.navbar-nav.navbar-right,
nav.navbar .container-fluid .navbar-collapse ul.navbar-nav.navbar-right {
  align-items: center;
  margin-right: -0.5rem;
}
@media (max-width: 767px) {
  nav.navbar .container .navbar-collapse ul.navbar-nav.navbar-right,
  nav.navbar .container-fluid .navbar-collapse ul.navbar-nav.navbar-right {
    display: block;
    margin: 0;
  }
}
nav.navbar .container .navbar-collapse ul.navbar-nav > li,
nav.navbar .container-fluid .navbar-collapse ul.navbar-nav > li {
  margin: 0 0.5rem;
  max-width: 18.5rem;
}
@media (min-width: 480px) {
  nav.navbar .container .navbar-collapse ul.navbar-nav > li.show-on-mobile,
  nav.navbar .container-fluid .navbar-collapse ul.navbar-nav > li.show-on-mobile {
    display: none;
  }
}
nav.navbar .container .navbar-collapse ul.navbar-nav > li > a,
nav.navbar .container-fluid .navbar-collapse ul.navbar-nav > li > a {
  color: #6D6E71;
}
nav.navbar .container .navbar-collapse ul.navbar-nav > li > a,
nav.navbar .container-fluid .navbar-collapse ul.navbar-nav > li > a,
nav.navbar .container .navbar-collapse ul.navbar-nav > li form button,
nav.navbar .container-fluid .navbar-collapse ul.navbar-nav > li form button {
  background: transparent;
  font-size: 1.8rem;
  line-height: 1;
  padding: 0.8rem 1.5rem;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
@media (min-width: 1024px) and (max-width: 1199px) {
  nav.navbar .container .navbar-collapse ul.navbar-nav > li > a,
  nav.navbar .container-fluid .navbar-collapse ul.navbar-nav > li > a,
  nav.navbar .container .navbar-collapse ul.navbar-nav > li form button,
  nav.navbar .container-fluid .navbar-collapse ul.navbar-nav > li form button {
    font-size: 1.7rem;
    padding: 1rem;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  nav.navbar .container .navbar-collapse ul.navbar-nav > li > a,
  nav.navbar .container-fluid .navbar-collapse ul.navbar-nav > li > a,
  nav.navbar .container .navbar-collapse ul.navbar-nav > li form button,
  nav.navbar .container-fluid .navbar-collapse ul.navbar-nav > li form button {
    font-size: 1.5rem;
  }
}
@media (max-width: 767px) {
  nav.navbar .container .navbar-collapse ul.navbar-nav > li form button,
  nav.navbar .container-fluid .navbar-collapse ul.navbar-nav > li form button {
    text-align: left;
    width: 100%;
  }
}
nav.navbar .container .navbar-collapse ul.navbar-nav > li.register-btn > a,
nav.navbar .container-fluid .navbar-collapse ul.navbar-nav > li.register-btn > a {
  font-family: "Open Sans Regular", sans-serif;
  font-weight: 700;
  letter-spacing: 1px;
  font-size: 16px;
  text-transform: none;
  font-family: Roboto;
}
@media (min-width: 768px) {
  nav.navbar .container .navbar-collapse ul.navbar-nav > li.register-btn > a,
  nav.navbar .container-fluid .navbar-collapse ul.navbar-nav > li.register-btn > a {
    background: #f47b20;
    border: 0.2rem solid #f47b20;
    text-align: center;
    padding: 0.8rem 1.3rem;
  }
}
@media (max-width: 767px) {
  nav.navbar .container .navbar-collapse ul.navbar-nav > li.register-btn > a,
  nav.navbar .container-fluid .navbar-collapse ul.navbar-nav > li.register-btn > a {
    font-size: 1.8rem;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  nav.navbar .container .navbar-collapse ul.navbar-nav > li.register-btn > a,
  nav.navbar .container-fluid .navbar-collapse ul.navbar-nav > li.register-btn > a {
    padding-left: 1px;
    padding-right: 1px;
  }
}
nav.navbar .container .navbar-collapse ul.navbar-nav > li.register-btn.active > a,
nav.navbar .container-fluid .navbar-collapse ul.navbar-nav > li.register-btn.active > a,
nav.navbar .container .navbar-collapse ul.navbar-nav > li.register-btn.active:hover > a,
nav.navbar .container-fluid .navbar-collapse ul.navbar-nav > li.register-btn.active:hover > a,
nav.navbar .container .navbar-collapse ul.navbar-nav > li.register-btn.active form button,
nav.navbar .container-fluid .navbar-collapse ul.navbar-nav > li.register-btn.active form button,
nav.navbar .container .navbar-collapse ul.navbar-nav > li.register-btn.active:hover form button,
nav.navbar .container-fluid .navbar-collapse ul.navbar-nav > li.register-btn.active:hover form button {
  background-color: transparent;
  border-color: #f47b20;
  color: #f47b20 !important;
}
nav.navbar .container .navbar-collapse ul.navbar-nav > li.registration-btn > a,
nav.navbar .container-fluid .navbar-collapse ul.navbar-nav > li.registration-btn > a,
nav.navbar .container .navbar-collapse ul.navbar-nav > li.registration-btn form button,
nav.navbar .container-fluid .navbar-collapse ul.navbar-nav > li.registration-btn form button {
  font-family: "Open Sans Regular", sans-serif;
  font-weight: 700;
  letter-spacing: 1px;
  font-size: 16px;
  text-transform: none;
  color: #ffffff;
}
@media (min-width: 768px) {
  nav.navbar .container .navbar-collapse ul.navbar-nav > li.registration-btn > a,
  nav.navbar .container-fluid .navbar-collapse ul.navbar-nav > li.registration-btn > a,
  nav.navbar .container .navbar-collapse ul.navbar-nav > li.registration-btn form button,
  nav.navbar .container-fluid .navbar-collapse ul.navbar-nav > li.registration-btn form button {
    background-color: #1C75BC;
    border: 0.2rem solid #1C75BC;
    padding: 0.8rem 1.3rem;
    text-align: center;
  }
}
@media (max-width: 767px) {
  nav.navbar .container .navbar-collapse ul.navbar-nav > li.registration-btn > a,
  nav.navbar .container-fluid .navbar-collapse ul.navbar-nav > li.registration-btn > a,
  nav.navbar .container .navbar-collapse ul.navbar-nav > li.registration-btn form button,
  nav.navbar .container-fluid .navbar-collapse ul.navbar-nav > li.registration-btn form button {
    font-size: 1.8rem;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  nav.navbar .container .navbar-collapse ul.navbar-nav > li.registration-btn > a,
  nav.navbar .container-fluid .navbar-collapse ul.navbar-nav > li.registration-btn > a {
    padding: 0.8rem;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  nav.navbar .container .navbar-collapse ul.navbar-nav > li.registration-btn > a,
  nav.navbar .container-fluid .navbar-collapse ul.navbar-nav > li.registration-btn > a {
    padding-left: 1px;
    padding-right: 1px;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  nav.navbar .container .navbar-collapse ul.navbar-nav > li.registration-btn form button,
  nav.navbar .container-fluid .navbar-collapse ul.navbar-nav > li.registration-btn form button {
    padding: 1rem;
    text-transform: none;
  }
}
nav.navbar .container .navbar-collapse ul.navbar-nav > li.registration-btn.active > a,
nav.navbar .container-fluid .navbar-collapse ul.navbar-nav > li.registration-btn.active > a,
nav.navbar .container .navbar-collapse ul.navbar-nav > li.registration-btn.active:hover > a,
nav.navbar .container-fluid .navbar-collapse ul.navbar-nav > li.registration-btn.active:hover > a,
nav.navbar .container .navbar-collapse ul.navbar-nav > li.registration-btn.active form button,
nav.navbar .container-fluid .navbar-collapse ul.navbar-nav > li.registration-btn.active form button,
nav.navbar .container .navbar-collapse ul.navbar-nav > li.registration-btn.active:hover form button,
nav.navbar .container-fluid .navbar-collapse ul.navbar-nav > li.registration-btn.active:hover form button {
  background-color: transparent;
  border-color: #1C75BC;
  color: #1C75BC !important;
}
@media (min-width: 768px) and (max-width: 1023px) {
  nav.navbar .container .navbar-collapse ul.navbar-nav > li,
  nav.navbar .container-fluid .navbar-collapse ul.navbar-nav > li {
    display: inline-block;
    float: none;
    width: auto;
  }
}
@media (max-width: 767px) {
  nav.navbar .container .navbar-collapse ul.navbar-nav > li,
  nav.navbar .container-fluid .navbar-collapse ul.navbar-nav > li {
    margin: 0;
    max-width: 100%;
    border-bottom: 1px solid white;
    margin: 0 2rem;
  }
  nav.navbar .container .navbar-collapse ul.navbar-nav > li#user-link,
  nav.navbar .container-fluid .navbar-collapse ul.navbar-nav > li#user-link {
    border-bottom: none;
  }
  nav.navbar .container .navbar-collapse ul.navbar-nav > li#user-link .fa-user,
  nav.navbar .container-fluid .navbar-collapse ul.navbar-nav > li#user-link .fa-user {
    display: none;
  }
  nav.navbar .container .navbar-collapse ul.navbar-nav > li.registration-btn,
  nav.navbar .container-fluid .navbar-collapse ul.navbar-nav > li.registration-btn {
    margin-bottom: 1rem;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  nav.navbar .container .navbar-collapse ul.navbar-nav,
  nav.navbar .container-fluid .navbar-collapse ul.navbar-nav {
    text-align: right;
  }
}
@media (max-width: 767px) {
  nav.navbar .container .navbar-collapse ul.navbar-nav,
  nav.navbar .container-fluid .navbar-collapse ul.navbar-nav {
    margin: 0;
  }
}
nav.navbar .container .navbar-collapse .user-details,
nav.navbar .container-fluid .navbar-collapse .user-details {
  padding: 3rem 1.5rem;
  text-align: center;
}
nav.navbar .container .navbar-collapse .user-details .user-photo,
nav.navbar .container-fluid .navbar-collapse .user-details .user-photo {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  cursor: pointer;
  display: table;
  margin: 0 auto;
  max-width: 10rem;
  table-layout: fixed;
  width: 100%;
}
@media (max-width: 767px) {
  nav.navbar .container .navbar-collapse .user-details .user-photo,
  nav.navbar .container-fluid .navbar-collapse .user-details .user-photo {
    display: inline-block;
    height: 5rem;
    max-width: 5rem;
    vertical-align: middle;
  }
}
nav.navbar .container .navbar-collapse .user-details h3,
nav.navbar .container-fluid .navbar-collapse .user-details h3 {
  color: #ffffff;
  margin: 1rem 0 0;
}
@media (max-width: 767px) {
  nav.navbar .container .navbar-collapse .user-details h3,
  nav.navbar .container-fluid .navbar-collapse .user-details h3 {
    display: inline-block;
    margin: 0 0 0 0.5rem;
    vertical-align: middle;
  }
}
@media (max-width: 767px) {
  nav.navbar .container .navbar-collapse .user-details,
  nav.navbar .container-fluid .navbar-collapse .user-details {
    padding: 1.5rem;
    text-align: left;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  nav.navbar .container .navbar-collapse,
  nav.navbar .container-fluid .navbar-collapse {
    max-width: calc(100% - 22rem);
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  nav.navbar .container .navbar-collapse,
  nav.navbar .container-fluid .navbar-collapse {
    max-width: calc(100% - 17rem);
  }
}
@media (max-width: 767px) {
  nav.navbar .container .navbar-collapse,
  nav.navbar .container-fluid .navbar-collapse {
    float: none;
    margin-top: 1.5rem;
    text-align: left;
  }
  nav.navbar .container .navbar-collapse .btn-white,
  nav.navbar .container-fluid .navbar-collapse .btn-white {
    margin: 1rem 3rem 0;
  }
}
@media (max-width: 767px) {
  nav.navbar .container,
  nav.navbar .container-fluid {
    display: block;
  }
}
nav.navbar.navbar-inverse {
  background-color: #1c75bc;
}
@media (max-width: 767px) {
  nav.navbar.navbar-inverse .container .navbar-header .navbar-toggle {
    border-color: #ffffff;
  }
}
@media (max-width: 767px) {
  nav.navbar.navbar-inverse .container .navbar-header .navbar-toggle:hover,
  nav.navbar.navbar-inverse .container .navbar-header .navbar-toggle:focus {
    background-color: #1C75BC;
    border-color: #1C75BC;
  }
}
nav.navbar.navbar-inverse .container .navbar-header .navbar-brand {
  color: inherit;
}
nav.navbar.navbar-inverse .container .navbar-collapse ul.navbar-nav > li > a,
nav.navbar.navbar-inverse .container .navbar-collapse ul.navbar-nav > li form button {
  color: #ffffff;
}
@media (max-width: 767px) {
  nav.navbar {
    padding: 1.5rem 0 0;
  }
}
/* Admin Pages */
body#manage-page {
  background: #F1F2F2;
}
body#manage-page .header-container {
  background: #1C75BC;
}
body#manage-page .header-container nav.navbar {
  padding: 1.5rem 0;
}
@media (max-width: 767px) {
  body#manage-page .header-container nav.navbar {
    min-height: 10rem;
    padding-bottom: 0;
  }
}
body#manage-page .header-container nav.navbar > .container {
  padding: 0;
}
@media (min-width: 1200px) {
  body#manage-page .header-container nav.navbar > .container {
    width: 80%;
  }
}
@media (max-width: 767px) {
  body#manage-page .header-container nav.navbar > .container .navbar-header {
    padding: 0 1.5rem 1rem;
  }
}
@media (max-width: 767px) {
  body#manage-page .header-container nav.navbar > .container .navbar-header .navbar-toggle {
    margin: 1.5rem 0 0;
  }
}
@media (max-width: 767px) {
  body#manage-page .header-container nav.navbar > .container .navbar-header .navbar-toggle .icon-bar {
    background: #ffffff;
    height: 0.3rem;
    width: 2.5rem;
  }
}
body#manage-page .header-container nav.navbar > .container .navbar-header .navbar-brand img {
  max-height: 7rem;
  width: auto;
}
@media (max-width: 767px) {
  body#manage-page .header-container nav.navbar > .container .navbar-collapse {
    margin: 0;
  }
}
body#manage-page .header-container nav.navbar > .container .navbar-collapse ul.navbar-nav > li {
  max-width: 100%;
  padding: 0.9rem 0;
}
@media (max-width: 767px) {
  body#manage-page .header-container nav.navbar > .container .navbar-collapse ul.navbar-nav > li {
    padding: 0;
  }
}
body#manage-page .header-container nav.navbar > .container .navbar-collapse ul.navbar-nav > li.dropdown {
  padding: 0;
}
body#manage-page .header-container nav.navbar > .container .navbar-collapse ul.navbar-nav > li.dropdown > a.dropdown-toggle {
  background: transparent !important;
  padding-right: 0;
  text-transform: none;
}
body#manage-page .header-container nav.navbar > .container .navbar-collapse ul.navbar-nav > li.dropdown > a.dropdown-toggle > span {
  display: inline-block;
  line-height: 3.6rem;
  vertical-align: middle;
}
body#manage-page .header-container nav.navbar > .container .navbar-collapse ul.navbar-nav > li.dropdown > a.dropdown-toggle > i {
  background: #1C75BC;
  -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;
}
body#manage-page .header-container nav.navbar > .container .navbar-collapse ul.navbar-nav > li.dropdown > a.dropdown-toggle > img {
  width: 3.6rem;
  border-radius: 50%;
  margin-left: 1rem;
}
body#manage-page .header-container nav.navbar > .container .navbar-collapse ul.navbar-nav > li.dropdown > a.dropdown-toggle > .caret {
  display: none;
}
@media (max-width: 767px) {
  body#manage-page .header-container nav.navbar > .container .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#manage-page .header-container nav.navbar > .container .navbar-collapse ul.navbar-nav > li.dropdown > a.dropdown-toggle:after {
  display: none;
}
body#manage-page .header-container nav.navbar > .container .navbar-collapse ul.navbar-nav > li > a {
  color: #ffffff !important;
  position: relative;
}
body#manage-page .header-container nav.navbar > .container .navbar-collapse ul.navbar-nav > li > a:after {
  background: #f47b20;
  bottom: 0px;
  content: "";
  display: block;
  height: 0.3rem;
  left: 0;
  opacity: 0;
  position: absolute;
  -webkit-transition: opacity 0.4s linear, visibility 0.4s linear;
  -moz-transition: opacity 0.4s linear, visibility 0.4s linear;
  -ms-transition: opacity 0.4s linear, visibility 0.4s linear;
  -o-transition: opacity 0.4s linear, visibility 0.4s linear;
  transition: opacity 0.4s linear, visibility 0.4s linear;
  visibility: hidden;
  width: 100%;
  margin-left: 0;
}
@media (max-width: 767px) {
  body#manage-page .header-container nav.navbar > .container .navbar-collapse ul.navbar-nav > li > a:after {
    display: none;
  }
}
body#manage-page .header-container nav.navbar > .container .navbar-collapse ul.navbar-nav > li:hover > a,
body#manage-page .header-container nav.navbar > .container .navbar-collapse ul.navbar-nav > li.active > a {
  background: transparent;
}
body#manage-page .header-container nav.navbar > .container .navbar-collapse ul.navbar-nav > li:hover > a:after,
body#manage-page .header-container nav.navbar > .container .navbar-collapse ul.navbar-nav > li.active > a:after {
  opacity: 1;
  visibility: visible;
}
/* Sidebar Left - Menu */
.project-menu ul {
  margin: 0;
}
.project-menu ul > li + li > a {
  margin-top: 0.1rem;
}
.project-menu ul li a.add-item {
  text-transform: uppercase;
}
.project-menu ul li:not(.with-children) > a {
  background: #ffffff;
  color: #3a3a3a;
  font-size: 1.5rem;
}
.project-menu ul li:not(.with-children) > a:hover,
.project-menu ul li:not(.with-children) > a:focus,
.project-menu ul li:not(.with-children) > a:active {
  background: #F8F8F8;
}
.project-menu ul li .articles-number {
  display: table;
}
.project-menu ul li .articles-number div:nth-of-type(1) {
  width: 60%;
  display: table-cell;
  padding-right: 0.5rem;
}
.project-menu ul li .articles-number div:nth-of-type(1) label {
  font-weight: normal;
  font-size: 1.4rem;
}
.project-menu ul li .articles-number div:nth-of-type(2) {
  width: 40%;
  padding: 0.5rem 0;
  display: table-cell;
  vertical-align: middle;
}
.project-menu ul li .articles-number div:nth-of-type(2) select {
  font-size: 1.7rem;
  height: 3.5rem;
  padding: 0.4rem 1.2rem;
  width: 70%;
  color: #6d6e71;
}
.project-menu ul li p {
  color: #6D6E71;
  font-size: 1.3rem;
  line-height: 1.2;
  margin: 0;
  padding: 1rem 1.5rem;
}
.project-menu ul li.custom-checkbox {
  background: #ffffff;
  display: block;
  padding: 1rem 1.5rem 0;
}
.project-menu ul li.custom-checkbox:last-child {
  padding-bottom: 1rem;
}
.project-menu ul li.custom-checkbox input[type="checkbox"] {
  position: absolute;
  left: -999.9rem;
}
.project-menu ul li.custom-checkbox input[type="checkbox"] + label {
  display: block;
  font-size: 1.5rem;
  font-weight: 400;
  margin: 0;
  position: relative;
  padding: 0 5rem 0 0;
  width: 100%;
}
.project-menu ul li.custom-checkbox input[type="checkbox"] + label:before {
  background: #bcbec0;
  -webkit-border-radius: 1rem;
  -moz-border-radius: 1rem;
  border-radius: 1rem;
  content: "";
  display: block;
  height: 1.6rem;
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  -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: 4.5rem;
}
.project-menu ul li.custom-checkbox input[type="checkbox"] + label:after {
  background: #ffffff;
  -webkit-border-radius: 1rem;
  -moz-border-radius: 1rem;
  border-radius: 1rem;
  content: "";
  display: block;
  height: 1.4rem;
  position: absolute;
  right: 3rem;
  top: 50%;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  -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: 1.4rem;
}
.project-menu ul li.custom-checkbox input[type="checkbox"] + label input[type="checkbox"] {
  padding-bottom: 0.5rem;
}
.project-menu ul li.custom-checkbox input[type="checkbox"] + label a {
  font-size: 1.3rem;
}
.project-menu ul li.custom-checkbox input[type="checkbox"] + label a:hover {
  text-decoration: none;
}
.project-menu ul li.custom-checkbox input[type="checkbox"] + label a:focus {
  text-decoration: none;
}
.project-menu ul li.custom-checkbox input[type="checkbox"]:checked + label:before {
  background: #1C75BC;
}
.project-menu ul li.custom-checkbox input[type="checkbox"]:checked + label:after {
  right: 0.1rem;
}
.project-menu ul li.custom-checkbox div {
  padding: 0.5rem 0 0;
}
.project-menu ul li.custom-checkbox div#news-wrapper {
  padding-left: 1rem;
}
.project-menu ul li.custom-checkbox div.articles-number {
  display: none;
}
.project-menu ul.first-level {
  background: #F1F2F2;
}
.project-menu ul.first-level > li > a.collapsed {
  background: #1C75BC;
  color: #ffffff;
}
.project-menu ul.first-level > li.with-children.active > a {
  background: #1C75BC;
  font-family: 'Open Sans SemiBold';
  font-weight: normal;
}
.project-menu ul.first-level > li.with-children > a {
  background: #6D6E71;
  text-transform: none;
  color: #ffffff;
  font-size: 1.6rem;
  position: relative;
}
.project-menu ul.first-level > li.with-children > a:after {
  content: "\f105";
  font-family: 'FontAwesome';
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-size: 2.4rem;
  font-style: normal;
  font-weight: bold;
  font-variant: normal;
  line-height: 1;
  position: absolute;
  right: 1.5rem;
  text-rendering: auto;
  top: 1.3rem;
}
.project-menu ul.first-level > li.with-children > a[aria-expanded=true]:after {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}
.project-menu ul.first-level > li.with-children > a:hover {
  background: #1C75BC;
  color: #ffffff;
}
.project-menu ul.first-level > li.with-children > a:hover:after {
  color: #ffffff;
}
.project-menu ul.first-level > li.with-children > a img {
  width: 1.8rem;
  margin-right: 1rem;
}
.project-menu ul.first-level > li.with-children.no-arrow > a:after {
  display: none;
}
.project-menu ul.second-level {
  background: #F1F2F2;
}
.project-menu ul.second-level > li.active > a {
  font-family: 'Open Sans SemiBold';
  font-weight: normal;
  color: #1C75BC;
}
.project-menu ul.second-level > li i {
  position: absolute;
  right: 1.5rem;
  top: 1.5rem;
  color: #1C75BC;
}
.project-menu ul.second-level > li > a {
  background: transparent;
}
.project-menu ul.second-level > li > a.active {
  font-family: 'Open Sans SemiBold';
  font-weight: normal;
}
.project-menu ul.second-level > li > a:hover {
  font-family: 'Open Sans SemiBold';
  font-weight: normal;
}
.project-menu ul.second-level > li.with-children.active > a {
  color: #1C75BC;
  font-family: 'Open Sans SemiBold';
  font-weight: normal;
}
.project-menu ul.second-level > li.with-children > a {
  color: #3a3a3a;
  font-size: 1.5rem;
  position: relative;
}
.project-menu ul.second-level > li.with-children > a:after {
  content: "\f105";
  font-family: 'FontAwesome';
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  line-height: 1;
  position: absolute;
  right: 1.5rem;
  top: 1.5rem;
  font-size: 1.6rem;
  font-weight: bold;
}
.project-menu ul.second-level > li.with-children > a[aria-expanded=true]:after {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}
.project-menu ul.second-level > li.with-children li.active a {
  color: #1C75BC;
  font-family: 'Open Sans SemiBold';
  font-weight: normal;
}
.project-menu ul.second-level > li.with-children li a {
  padding-left: 3.5rem;
  color: #3a3a3a;
}
body#website-page .modal-dialog .modal-header {
  background: #1C75BC;
  border: 1px solid #1C75BC;
}
body#website-page .modal-dialog form .form-group .control-label,
body#website-page .modal-dialog form label {
  color: #231F20;
  font-family: 'Open Sans SemiBold';
  font-weight: normal;
}
body#website-page .modal-dialog .modal-title {
  text-transform: none;
  font-size: 2rem;
  font-family: 'Open Sans Regular';
  font-weight: normal;
}
body#website-page .confirmationPopup .modal-dialog .modal-header {
  background: white;
  border: none;
}
body#website-page form#change-password-form {
  padding: 2rem;
  max-width: 120rem;
}
body#website-page form#change-password-form h1 {
  border-bottom: 2px solid #1C75BC;
  padding-bottom: 1rem;
  font-size: 2.2rem;
}
body#website-page > .body-container.homeowner-container nav.navbar.navbar-default {
  background: #1C75BC;
}
body#website-page > .body-container.homeowner-container .header-container > nav.navbar .container-fluid .navbar-collapse ul.navbar-nav > li > a {
  color: white;
}
body#website-page > .body-container.homeowner-container .footer-container {
  background: #1C75BC;
}
body#website-page > .body-container.homeowner-container .content-wrapper {
  min-height: calc(100vh - 133px);
  padding-top: 1px;
}
body#website-page > .body-container.homeowner-container .content-wrapper h1 {
  color: #1C75BC;
  font-size: 2.4rem;
  font-family: 'Open Sans Bold';
  font-weight: normal;
}
body#website-page > .body-container.homeowner-container .content-wrapper h1 .title-buttons {
  float: right;
  position: relative;
  top: -1.5rem;
}
@media (max-width: 479px) {
  body#website-page > .body-container.homeowner-container .content-wrapper h1 .title-buttons {
    top: 0;
    float: none;
  }
}
body#website-page > .body-container.homeowner-container .header-container > nav.navbar .container-fluid .navbar-collapse ul.navbar-nav > li.dropdown > a.dropdown-toggle > span {
  color: white;
  font-size: 1.8rem;
  font-family: "Open Sans Regular", sans-serif;
  line-height: 3.6rem;
  margin-left: 1rem;
}
body#website-page > .body-container.homeowner-container .header-container > nav.navbar .container-fluid .navbar-collapse ul.navbar-nav > li.dropdown > a.dropdown-toggle > span.show-on-mobile {
  display: none;
}
@media (max-width: 767px) {
  body#website-page > .body-container.homeowner-container .header-container > nav.navbar .container-fluid .navbar-collapse ul.navbar-nav > li.dropdown > a.dropdown-toggle > span {
    margin-left: 0;
  }
  body#website-page > .body-container.homeowner-container .header-container > nav.navbar .container-fluid .navbar-collapse ul.navbar-nav > li.dropdown > a.dropdown-toggle > span.show-on-mobile {
    display: inline-block;
  }
}
body#website-page > .body-container.homeowner-container .header-container > nav.navbar .container-fluid .navbar-collapse ul.navbar-nav > li.dropdown > a.dropdown-toggle > span.fas {
  font-size: 2rem;
  font-family: 'FONTAWESOME';
}
@media (max-width: 767px) {
  body#website-page > .body-container.homeowner-container .header-container > nav.navbar .container-fluid .navbar-collapse ul.navbar-nav > li.dropdown > a.dropdown-toggle > span.fas {
    display: none;
  }
}
body#website-page > .body-container.homeowner-container .header-container > nav.navbar .container-fluid .navbar-collapse ul.navbar-nav > li.dropdown > a.dropdown-toggle > img {
  width: 3rem;
}
body#website-page > .body-container .footer-container .useful-links-copyright a:not(.btn-primary) {
  color: white;
}
body#website-page > .body-container .form-control:focus {
  border-color: #1C75BC;
}
body#website-page > .body-container .header-container > nav.navbar .container-fluid .navbar-collapse ul.navbar-nav > li.dropdown {
  max-width: 45rem;
}
body#website-page > .body-container .header-container > nav.navbar .container-fluid .navbar-collapse ul.navbar-nav > li.dropdown > a.dropdown-toggle > span {
  max-width: 40rem;
}
.homeowner-with-sidebar .right-column .grid-header {
  border-bottom: 2px solid #1C75BC;
  padding: 0.7rem 0.7rem;
  margin-bottom: 2rem;
  margin-top: 1rem;
}
.homeowner-with-sidebar .right-column .grid-header .grid-title h3 {
  color: #1C75BC;
  font-family: 'Open Sans Bold';
  font-weight: normal;
  text-transform: none;
  width: 100%;
}
.homeowner-with-sidebar .right-column .list-dropdown .dropdown-toggle {
  background: #1C75BC;
  color: #1C75BC;
}
.homeowner-with-sidebar .right-column .list-dropdown .dropdown-toggle i {
  color: white;
}
.homeowner-with-sidebar .right-column .list-dropdown .dropdown-menu {
  background: white;
  border: 2px solid #1C75BC;
}
.homeowner-with-sidebar .right-column .list-dropdown .dropdown-menu:before {
  border-left: 2px solid #1C75BC;
  border-top: 2px solid #1C75BC;
  background: white;
}
.homeowner-with-sidebar .right-column .list-dropdown .dropdown-menu > li > a {
  color: #1C75BC;
}
.homeowner-with-sidebar .right-column .carousel {
  background: transparent;
  border: 2px solid #1C75BC;
}
.homeowner-with-sidebar .right-column .carousel .carousel-indicators .active {
  background-color: #1C75BC;
}
.homeowner-with-sidebar .right-column.group-page .grid-title {
  border-bottom: 2px solid #1C75BC;
  margin-bottom: 1.5rem;
}
.homeowner-with-sidebar .right-column.group-page .grid-title h3 {
  color: #1C75BC;
  margin-bottom: 1rem;
}
.homeowner-with-sidebar .right-column.group-page .group-description {
  min-height: 4rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  max-width: 90rem;
}
.homeowner-with-sidebar .right-column.group-page .grid-header {
  border-bottom: none;
  position: absolute;
  top: 13rem;
  right: 1.5rem;
  width: auto;
  display: flex;
  flex-direction: row-reverse;
}
@media (max-width: 1199px) {
  .homeowner-with-sidebar .right-column.group-page .grid-header {
    position: initial;
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    justify-content: flex-end;
  }
}
.homeowner-with-sidebar .grid-view .table {
  color: #3a3a3a;
}
.homeowner-with-sidebar .grid-view .table tbody tr td a[data-toggle="collapse"] {
  color: #3a3a3a;
}
.homeowner-with-sidebar .grid-view .table tbody tr td a:not(.btn) {
  color: #1C75BC;
}
.homeowner-with-sidebar .grid-view .table.table-with-collapse tbody a[data-toggle="collapse"] .dropdown-arrow {
  content: url(/images/common/arrow-grey.svg);
}
.homeowner-with-sidebar .directory-container .table tr.collapse td {
  color: #6D6E71;
}
.homeowner-with-sidebar .directory-container .table tr td {
  color: #6D6E71;
}
.homeowner-with-sidebar .directory-container .table tr td .empty {
  color: #6D6E71;
}
.homeowner-with-sidebar form .form-group .control-label,
.homeowner-with-sidebar form label {
  color: #231F20;
  font-family: 'Open Sans SemiBold';
  font-weight: normal;
}
.mobile-menu-items-wrapper {
  background-color: #F1F2F2;
  margin: -1.5rem -1.5rem -6rem;
  padding: 1.5rem;
}
.mobile-menu-items-wrapper .mobile-menu {
  font-size: 1.8rem;
}
.mobile-menu-items-wrapper .mobile-menu .account-item a img {
  width: 3.4rem;
  border-radius: 50%;
  border: 2px solid white;
  margin-right: 0.5rem;
}
.mobile-menu-items-wrapper .mobile-menu a {
  color: #6D6E71;
}
.mobile-menu-items-wrapper .mobile-menu a img {
  width: 2.8rem;
  margin-right: 1.2rem;
}
.mobile-menu-items-wrapper .mobile-menu .logout-btn {
  margin: 0;
}
.mobile-menu-items-wrapper .mobile-menu .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;
  font-size: 1.8rem;
}
.mobile-menu-items-wrapper .mobile-menu .logout-btn button img {
  width: 2.8rem;
  margin-right: 1.2rem;
}
.mobile-menu-items-wrapper .mobile-menu .logout-btn:hover button {
  background: #F1F2F2;
}
.mobile-menu-items-wrapper .mobile-menu .dropdown-menu {
  padding: 0 2rem;
  font-size: 1.8rem;
}
.mobile-menu-items-wrapper .mobile-menu .dropdown-menu a:before {
  content: '-';
  margin-right: 0.5rem;
}
.mobile-menu-items-wrapper .mobile-menu .menu-line {
  width: 100%;
  border: 1px solid white;
  margin: 0.5rem 1rem;
}
.cmchome__messages-header {
  padding-bottom: 0px;
}
.myacc__management-grids .gridview-search {
  padding-right: 0px;
}
.myacc__management-grids .grid-header {
  margin-top: 20px;
}
.myacc__plan-overview b {
  font-family: 'Open Sans SemiBold';
  font-weight: normal;
}
.myacc__plan-cta-button #upgrade-button {
  margin-top: 0px;
}
/*# sourceMappingURL=hoampage-standalone.css.map */