.row .row {
  margin: 0;
}


#body-wrapper .flex-video {
  padding-bottom: 15%;
  margin-bottom: 0;
}
.cmhc-container>.row {
  float: left;
  width: 100%;
  max-width: 100%;
}
.g-recaptcha div {
padding: 0px !important;

}

.cmhc-container .columns {
  padding-left: 0;
  padding-right: 0;
}
.cmhc-container .cmhc-media-date {
  font-family: 'Montserrat';
}
.cmhc-drop {
  position: absolute;
  left: 0;
  top: 100%;
  width: 100%;
  opacity: 0;
  height: 0;
  z-index: 999;
  border: 1px solid #d4d4d4;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
}
.open .cmhc-drop,
.cmhc-drop.open {
  opacity: 1;
  height: auto;
  overflow: auto;
}
.dropdown.menu a {
  font-weight: 600;
  color: #696969;
}
.dropdown.menu {
  padding: 37px 0;
  float: right;
}

.cmhc-container.push {
  right: 25%;
}



.grid {
  width: 100%;
  max-width: 100%;
  float: left;
} 
.grid:after {
  content: '';
  display: block;
  clear: both;
}
.cmhc-container .grid-sizer,
.cmhc-container .grid-item {
  width: 23.31%;
}
.cmhc-container .gutter-sizer {
  width: 2.253%;
}
.cmhc-container .grid-item {
  height: auto;
  margin-bottom: 20px;
  border: 1px solid #bebebe;
  background-color: #f7f7f7;
}
.cmhc-container .text-post {
  float: left;
  width: 100%;
  height: 100%;
  padding: 20px;
  min-height: 200px;
}
.cmhc-container .text-post span {
  display: block;
  float: left;
  text-transform: uppercase;
  font-size: .75rem;
  margin-bottom: 10px;
  color: #656565;
}
.cmhc-container .text-post h3 {
  color: #0173AF;
  font-size: 1.25rem;
  line-height: 26px;
  display: inline-block;
  margin-bottom: 10px;
}
.cmhc-container .text-post p {
  float: left;
  font-size: .875rem;
  color: #4a4a4a;
  line-height: 21px;
}
.cmhc-container .img-post {
  text-align: center;
}
.cmhc-container .img-post>img {
  width: 100%;
}
.img-post+.text-post {
  margin-top: 0;
  min-height: auto;
}
.grid-item:hover {
  border: 1px solid #0173AF;
  background-color: #FFF;
  box-shadow: 0 13px 15px 0 rgba(0, 0, 0, 0.14);
  cursor: pointer;
}
.cmhc-container .file-size {
  text-align: center;
  margin: 10px 0 40px;
  color: #979797;
}
.cmhc-container .text-component p {
  font-size: 1.125rem;
  line-height: 27px;
}
.cmhc-container .home-video iframe {
  width: 100%;
  height: 500px;
  max-height: 491px;
}
.cmhc-container .page-relevant-help-block {
  margin: 50px 0 50px 0;
  position: relative;
  float: left;
  width: 100%;
}
.cmhc-container .related-items-container {
  float: left;
  width: 100%;
  padding: 35px 40px 42px 40px;
  background: #016CA3;
  margin-top: 55px;
}
.cmhc-container .related-items-container h2 {
  color: #FFF;
  font-family: Montserrat;
  font-size: 1rem;
  font-weight: bold;
  letter-spacing: 1px;
  line-height: 19px;
  text-align: center;
  margin-bottom: 38px;
}
.cmhc-container .related-items-container .container-4col>div:first-child {
  margin-left: 0;
}
.cmhc-container .related-items-container .container-4col>div {
  width: 23.3%;
  margin-left: 20px;
  border: 1px solid #D8D8D8;
  background-color: #FFF;
  min-height: 220px;
  padding: 15px;
}
.cmhc-container .related-items-container .container-4col>div h3 {
  margin-bottom: 10px;
  font-size: 1.25rem;
  line-height: 24px;
  color: #016ca3;
  font-weight: normal;
}
.cmhc-container .related-items-container .container-4col>div p {
  font-size: .875rem;
  line-height: 1.125rem;
  font-weight: normal;
}
.cmhc-container .related-items-container .container-4col>div h3 a.default-anchor {
  color: #016CA3;
  font-size: 1.25rem;
  line-height: 24px;
}
.cmhc-container .related-items-container .container-4col>div p a.default-anchor {
  color: #656565;
  font-size: .875rem;
  line-height: 18px;
}
.cmhc-container .cmhc-separation {
  position: relative;
}
.cmhc-container .cmhc-separation::after {
  position: absolute;
  display: block;
  content: '';
  top: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: #d8d8d8;
}

.media-article-content {
  font-size: 1.125rem;
}
.news-video .text-component img {
  width: 936px;
}
.cmhc-search-filter h2.heading {
  text-transform: uppercase;
  font-weight: bold;
  font-size: .875rem;
  float: left;
  width: 100%;
}
.cmhc-content-center {
  text-align: center;
}

.cmhc-content-center p {
  display: inline-block; 
  line-height: 17px;
  letter-spacing: 1px;
  margin:0 0 6px 10px;
}
cmhc-content-border-bottom p a {
  font-family: "Montserrat";
}
.cmhc-content-center p a {
  color: #0071AE;
  font-size: .875rem;
  letter-spacing: 1px;
  font-family: Montserrat;
  line-height: 17px;
  text-decoration:none;
}
.cmhc-container .page-relevant-help-block p {
  font-size: 1rem;
  font-family: roboto;
  line-height: 19px;
}
.cmhc-container .date-published {
  font-style: italic;
  font-size: 1.125rem;
  margin: 27px 0 20px;
  padding: 0 70px;
  background: transparent;
  color: inherit;
  font-family: Roboto;
}
.cmhc-search-block {
  margin-top: 30px;
  padding: 0 40px;
  float: left;
  width: 100%;
}





.filter-mobile {
  display: none;
  float: left;
}
.cmch-search-block {
  padding: 10px 40px;
}
.cmhc-search-block h4 {
  font-family: "Montserrat";
  color: #656565;
  font-size: .875rem;
  text-transform: uppercase;
}
.cmhc-search-filter {
  border: .5px solid #9b9b9b;
  padding: 15px;
  margin-right: 20px;
  margin-bottom: 20px;
  float: left;
  width: 100%;
  background-color: #fff;
}
_::-webkit-full-page-media,
_:future,
:root .cmhc-search-filter {
  border: 1px solid #9b9b9b;
}
_::-webkit-full-page-media,
_:future,
:root .task-header-dropdown .dropdown {
  display: block;
}
_::-webkit-full-page-media,
_:future,
:root #findGeography .task-header-dropdown .dropdown {
  display: inline-block;
}
.filter-row .cmhc-label-set {
  float: left;
  width: 100%;
  margin: 0;
}
.cmhc-label-set {
  margin: 15px 0 20px 0;
  float: left;
  width: 100%;
}
.filter-row .cmhc-label-set label {
  text-align: left;
}
.filter-row .cmhc-label-set label+label {
  margin-top: 10px;
}
.filter-row .cmhc-label-set label {
  padding-left: 34px;
}
.cmhc-label-set label {
  font-size: .875rem;
  color: inherit;
  line-height: 20px;
  display: block;
  float: left;
  width: 100%;
  position: relative;
  padding-left: 14px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.cmhc-label-set label.radio-labels {
  padding-left: 17px;
}
.filter-row .cmhc-label-set label.radio-labels {
  padding-left: 32px;
  width: auto;
}
.cmhc-label-set label input {
  position: absolute;
  opacity: 0;
  left: 0;
  top: 0;
  margin: 0;
}

.cmhc-label-set label input[type="radio"]+.checkmark {
  width: 12px;
  height: 12px;
  border-radius: 11px;
}
.filter-row .cmhc-label-set label input[type="radio"]+.checkmark {
  width: 22px;
  height: 22px;
  border-radius: 21px;
}
.cmhc-label-set label .checkmark {
  position: absolute;
  left: -2px;
  top: 65%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.filter-row .cmhc-label-set label input[type="checkbox"]+.checkmark {
  width: 24px;
  height: 24px;
  border-radius: 0;
}
.cmhc-label-set label input[type="checkbox"]~.checkmark,
.cmhc-label-set label input[type="radio"]~.checkmark {
  border: 1px solid #979797;
}
.cmhc-label-set label input:checked~.checkmark {
  border: 0;
}
.cmhc-label-set label input[type="radio"]:checked~.checkmark {
  border: 1px solid #979797;
}
.filter-row .cmhc-label-set label input[type="checkbox"]:checked~.checkmark {
  border: 1px solid #979797;
}
.cmhc-label-set label input:checked~.checkmark::after {
  display: block;
}
.cmhc-label-set label input+.checkmark::after {
  position: absolute;
  content: '';
  display: none;
}
.cmhc-label-set label input[type="checkbox"]+.checkmark::after {
  top: -1px;
  left: 1px;
  width: 6px;
  height: 9px;
  border: solid #0173af;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.cmhc-label-set label input[type="radio"]+.checkmark::after {
  top: 50%;
  left: 50%;
  width: 6px;
  height: 6px;
  border: 0;
  border-radius: 50%;
  background-color: #0173af;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
}
.filter-row .cmhc-label-set label input[type="radio"]+.checkmark::after {
  width: 11px;
  height: 11px;
}
.filter-row .cmhc-label-set label input[type="checkbox"]+.checkmark::after {
  width: 8px;
  height: 14px;
  left: 7px;
  top: 2px;
}
.cmhc-label-set label+label {
  margin-top: 5px;
}
.filter-row .cmhc-label-set .radio-labels+label {
  margin-top: 0;
  margin-left: 20px;
}
.accordian-container {
  margin: 0 122px;
}
.accordian-container+.accordian-container {
  margin-top: 9px !important;
}
.cmhc-container .accordion .accordion-navigation.highlighted>a {
  background-color: transparent !important;
  border-color: #b94700 !important;
}
.cmhc-container .accordion .accordion-navigation.highlighted>a h2 {
  color: #b94700 !important;
}
.cmhc-container .accordion .accordion-navigation.highlighted.active>a {
  background: #b94700 !important;
}
.cmhc-container .accordion .accordion-navigation.highlighted.active>a h2 {
  color: #fff !important;
}
.cmhc-container .accordion .accordion-navigation>a,
.cmhc-container .accordion dd>a {
  background: #fff;
  padding: .5rem 1rem;
  font-family: Montserrat;
  border: 1px solid #0071AE;
  text-decoration: none;
}
.accordion-navigation a h2 {
  font-family: inherit;
  font-size: .875rem;
  color: #0071AE;
  letter-spacing: 1px;
  font-weight: bold;
}
.accordion-navigation.active a h2,
.accordion-navigation a:hover a h2 {
  color: #fff;
}
.cmhc-container .accordion .accordion-navigation.active>a,
.cmhc-container .accordion dd.active>a {
  background: transparent;
  background-color: #0071AE;
  color: #fff;
  border: 1px solid #0071AE;
  padding: 11px 0 13px 18px;
}
.cmhc-container .accordion .accordion-navigation>.content.active,
.cmhc-container .accordion dd>.content.active {
  background: #fff;
  border: 1px solid #D8D8D8;
  padding: 40px 79px;
}
.cmhc-container .accordion-navigation>a {
  position: relative;
}
.cmhc-container .accordion-navigation>a>span {
  position: absolute;
  top: 50%;
  right: 15px;
  width: 15px;
  height: auto;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  line-height: 0;
  text-align: center;
}
.cmhc-container .accordion-navigation>a>span img {
  transition: all .5s ease-in;
}
.cmhc-container .accordion-navigation>a>span img:first-child {
  opacity: 1;
  display: inline-block;
}
.cmhc-container .accordion-navigation>a>span img:last-child {
  opacity: 0;
  display: none;
}
.cmhc-container .accordion-navigation.active>a>span img:first-child {
  opacity: 0;
  display: none;
}
.cmhc-container .accordion-navigation.active>a>span img:last-child {
  opacity: 1;
  display: inline-block;
}
.cmhc-container .accordion-navigation .content {
  font-family: roboto;
}
.cmhc-container .accordion-navigation .content h4 {
  font-size: 1.25rem;
  line-height: 24px;
  color: #656565;
  font-weight: bold;
  margin-bottom: 10px;
}
.cmhc-container .accordion-navigation .content p+h4 {
  margin-top: 15px;
}
.cmhc-container .accordion-navigation .content p a {
  font-size: 1.125rem;
  line-height: 27px;
  color: #0071AE;
  position: relative;
  padding-left: 20px;
}
.cmhc-container .accordion-navigation .content p a>span {
  color: #656565;
  margin-left: 5px;
  font-size: inherit;
}
.cmhc-container .accordion-navigation .content p a>img {
  position: absolute;
  top: 3px;
  left: 0;
}
.feedback-container {
  display: none;
  width: 550px;
  text-align: center;
  padding: 30px 0 0;
  content: '';
  clear: both;
}
.yes-block,
.no-block,
.reason-block {
  display: none;
  text-align: center;
}
.reason-block p {
  display: block;
}
.no-feedback {
  width: 400px;
  margin: 30px auto;
  clear: both;
}
.no-submit {
  margin-bottom: 20px;
}
.no-submit .button {
  font-size: .875rem;
  color: #0173af;
  font-weight: bold;
  border-color: #0173af !important;
  padding: 13px 30px;
}
.no-block p a {
  text-decoration: underline;
  color: #0173af;
  font-size: 1rem;
  font-weight: bold;
  letter-spacing: normal;
}
.no-feedback textarea {
  height: 140px;
}
.cmhc-container .cmhc-keyguide-container>div:first-child {
  padding-right: 15px;
}
.cmhc-container .cmhc-keyguide-container>div:last-child {
  padding-left: 15px;
}
.cmhc-keyguide-container,
.cmhc-briefguide-container {
  padding: 30px 70px;
  position: relative;
}
.cmhc-interpage-nav {
  padding: 40px 70px 35px 70px;
}
.cmhc-interpage-nav>div {
  width: auto;
}
.cmhc-container .interpage-prev,
.cmhc-container .interpage-next {
  display: inline-block;
  padding: 20px 45px;
  border: 1px solid #979797;
  color: #006ba5;
  width: 265px;
  height: 110px;
  text-align: center;
}
.cmhc-container .interpage-prev:hover,
.cmhc-container .interpage-next:hover {
  background-color: #F8F8F8;
}
.cmhc-container .interpage-prev img,
.cmhc-container .interpage-next img {
  position: relative;
  top: -2px;
}
.interpage-prev span,
.interpage-next span {
  color: inherit;
  font-weight: bold;
  font-family: Montserrat;
  line-height: 19px;
  font-size: 1rem;
  text-transform: uppercase;
}
.interpage-prev span {
  margin-left: 19px;
}
.interpage-next span {
  margin-right: 19px;
}
.interpage-prev p,
.interpage-next p {
  color: inherit;
  text-align: center;
  margin-top: 10px;
  line-height: 20px;
}
.cmhc-keyguide-container p {
  margin-bottom: 12px;
}
.cmhc-keyguide-container>div:last-child p:last-child {
  margin-bottom: 0;
}
.cmhc-keyguide-container p a {
  font-size: 1.125rem;
  color: #006ba5;
  letter-spacing: 1px;
  line-height: 20px;
  text-decoration: underline;
  font-family: roboto;
}
.cmhc-keyguide-container p a.active,
.cmhc-keyguide-container>div:last-child p:first-child>a {
  font-size: 1rem;
}
.cmhc-keyguide-container p a,
.link-set p a {
  font-size: 1.125rem !important;
  color: #006ba5;
  letter-spacing: 1px;
  line-height: 20px;
  text-decoration: underline;
  font-family: roboto;
}
.cmhc-keyguide-container p a.active,
.cmhc-container .link-set p a.active {
  color: #7f7f7f;
  text-decoration: none;
  font-size: 1.125rem;
  letter-spacing: 1px;
}
.has-form+.has-form {
  margin-left: 34px;
}
.cmhc-container .cmhc-search-block .filter-button {
  margin: 6px 0 23px 0 !important;
}
.search-showmore .button {
  padding-left: 37px;
  padding-right: 38px;
}
.cmhc-search-block .search-showmore.cmhc-button-container {
  padding-left: 50px;
}

.cmhc-filter-buttons .has-form .button {
  text-transform: capitalize;
}
.cmhc-container .mediaarticle-icons .icon-set {
  position: relative;
  top: 6px;
}
.filter-separate label {
  margin-top: 1px;
}
.cmhc-container .accordion-navigation .content label {
  font-weight: bold;
  color: #4a4a4a;
  font-size: 1rem;
  line-height: 30px;
}
.cmhc-container .accordion-navigation .content input:focus {
  background-color: #fff;
}
.cmhc-container .accordion-navigation .content input {
  box-shadow: none;
  border-color: #979797;
  height: 40px;
}
.cmhc-container .accordion-navigation .content .cmhc-span-6 {
  width: 48.3%;
  float: left;
}
.cmhc-container .accordion-navigation .content .cmhc-span-6:first-child {
  margin-right: 17px;
}
.cmhc-accordion-account .accordion-navigation .content .button-component {
  margin-top: 34px;
}
.cmhc-accordion-account .accordion-navigation .content .button-component .button {
  padding: 12px 65px 11px 65px;
}
.cmhc-accordion-account .accordion-navigation .content .button {
  padding: 11px 65px 11px 64px;
  height: 40px;
}
.cmhc-container .accordion .accordion-navigation>.content.active {
  overflow: hidden;
}
.cmhc-label-set.agreement {
  margin: 15px 0 19px 0;
  float: left;
  width: 100%;
}
.cmhc-label-set.agreement label {
  padding-left: 17px;
  line-height: 16px;
  color: #4a4a4a;
}
.cmhc-label-set.agreement label .checkmark {
  top: 1px;
  transform: none;
  -webkit-transform: none;
  -ms-transform: none;
}
.cmhc-label-set.agreement label input[type="checkbox"]+.checkmark {
  width: 12px;
  height: 12px;
}
.cmhc-label-set.agreement label input[type="checkbox"]+.checkmark::after {
  width: 7px;
  height: 12px;
}
.cmhc-container .terms-submission {
  text-align: center;
  float: left;
  width: 100%;
}
.cmhc-accordion-account .accordion-navigation .content ul.button-group {
  margin-top: 34px;
}
.cmhc-container .advanced-search-container {
  float: left;
  width: 100%;
  margin: 28px 0 56px 0;
  padding: 0 42px;
}
.cmhc-container .advanced-search-filter-wrapper {
  border: 1px solid #9b9b9b;
  text-align: center;
  float: left;
  width: 100%;
  padding: 40px 0 20px 0;
}
.cmhc-container .advanced-search-filter-wrapper .keyword label {
  float: left;
  font-size: 1.15rem;
  font-weight: bold;
  margin-bottom: 10px;
}
.cmhc-container .advanced-search-filter-wrapper input[type="text"] {
  margin-bottom: 0;
  border: 1px solid #9c9c9c;
  box-shadow: none;
  padding: 10px;
}
.cmhc-container .advanced-search-filter-wrapper .button-component {
  margin-top: 27px;
  margin-bottom: 23px;
}
.cmhc-container .advanced-search-filter-wrapper .pubs-search a {
  font-size: .8125rem;
  text-decoration: underline;
  color: #0071ae;
}
.cmhc-container .advanced-search-filter-wrapper .pubs-search a img {
  margin-left: 10px;
}
.cmhc-container .advanced-search-filter-wrapper>div {
  display: inline-block;
  width: 560px;
}
.advanced-search-filter-wrapper .advanced-filter-toggle {
  display: none;
  float: left;
  width: 100%;
}
.cmhc-container .pubs-accordion-wrapper {
  padding: 0 42px;
}
.cmhc-container .pubs-accordion-wrapper h3 {
  margin-bottom: 23px;
}
.accordian-container.pubs-accordion {
  margin: 0;
}
.cmhc-container .pubs-accordion .accordion-navigation>.content.active,
.cmhc-container .pubs-accordion dd>.content.active {
  padding: 27px 24px 60px 29px;
  background-color: #0071ae;
  border: 0;
}
.cmhc-container .pubs-accordion .accordion-navigation>.content.active .container-3col .tile-folded {
  width: 280px;
  height: 170px;
  background: #fff;
  position: relative;
  border-radius: 10px;
  padding: 20px;
}
.cmhc-container .pubs-accordion .accordion-navigation>.content.active .container-3col .tile-folded .heading {
  color: #0071ae;
  margin: 0 0 10px 0;
  text-align: left;
}
.cmhc-container .pubs-accordion .accordion-navigation>.content.active .container-3col .tile-folded .text-component {
  font-size: .875rem;
  line-height: 20px;
  color: #4a4a4a;
}
.cmhc-container .pubs-accordion .accordion-navigation>.content.active .container-3col .tile-folded::before {
  content: '';
  position: absolute;
  display: block;
  top: 0;
  right: 0;
  width: 20px;
  height: 20px;
  border: 1px solid #979797;
  border-bottom-left-radius: 5px;
  border-top-color: transparent;
  border-right-color: transparent;
}
.cmhc-container .pubs-accordion .accordion-navigation>.content.active .container-3col .tile-folded::after {
  content: '';
  position: absolute;
  display: block;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  border-width: 9px;
  border-top-color: #0071ae;
  border-right-color: #0071ae;
  border-bottom-color: #f2f2f2;
  border-left-color: #f2f2f2;
  border-radius: 0 0 0 3px;
  border-style: solid;
}
.cmhc-container .pubs-accordion .accordion-navigation>.content.active .container-3col>div {
  width: auto;
  margin-bottom: 20px;
}
.cmhc-container .pubs-accordion .accordion-navigation>.content.active .container-3col+.container-3col {
  margin-top: 31px;
}
.cmhc-container .pubs-accordion .accordion-navigation>.content.active .container-3col>div:nth-child(3n+1) {
  margin-left: 0;
}
.cmhc-container .pubs-accordion .accordion-navigation>.content.active .container-3col>div+div {
  margin-left: 22px;
}
.cmhc-container .filter-row {
  float: left;
  width: 100%;
  margin-top: 25px;
}
.cmhc-container .cmhc-search-filter .filter-row {
  margin-top: 15px;
  margin-bottom: 25px;
}
.advanced-filter-toggle .filter-row:last-child {
  margin-bottom: 10px;
}
.filter-row p {
  float: left;
  width: 100%;
  text-align: left;
  margin-bottom: 15px;
  font-weight: bold;
}
.filter-row .cmhc-datepicker {
  float: left;
  width: 150px;
  height: 40px;
  position: relative;
}
.filter-row .cmhc-datepicker.pub-date {
  width: 89px;
}
.filter-row .cmhc-datepicker.pub-date input[type="text"] {
  background-size: 17px;
  background-position-y: 10px;
  font-size: .625rem;
}
.filter-row input[type="text"] {
  float: left;
  width: 100%;
  height: 100%;
  cursor: pointer;
  background: url(/-/media/Files/PubsAndReports/icon-calendar.ashx) no-repeat 93% 6px;
}
.filter-row input[type="text"]:focus {
  border: 1px solid #0173af;
  background: url(/-/media/Files/PubsAndReports/icon-calendar-blue.ashx) no-repeat 93% 6px;
}
.filter-row .cmhc-datepicker+span {
  float: left;
  width: 5px;
  line-height: 40px;
  margin: 0 10px;
  color: #979797;
}
.cmhc-container .result-count {
  float: left;
  width: 100%;
  padding-left: 50px;
  padding-bottom: 20px;
}
.cmhc-container .archive {
  text-transform: uppercase;
  border: 1px solid #b6b6b6;
  padding: 2px 5px;
  border-radius: 3px;
  color: #878787;
  font-size: .75rem;
  line-height: normal;
  margin-top: 3px;
  margin-right: 7px;
  float: left;
}
.cmhc-pdf-container {
  margin: 0 auto;
  width: 80% !important;
  overflow: hidden;
  padding-top: 56px;
  float: none !important;
}
.cmhc-pdf-container>div:nth-child(2) {
  padding-left: 24px;
  width: 71%;
  float: left !important
}
.tile-folded.rgt-container {
  font-family: Roboto;
}
.rgt-container>.text-component>p {
  color: #525252;
  font-family: Roboto;
  font-weight: 300;
  font-size: 1.25rem;
  padding-bottom: 14px;
  line-height: 24px;
}
.cmhcPdfVersions {
  padding-bottom: 10px;
}
.cmhc-pdf-description {
  font-family: Roboto;
  font-size: 1.125rem;
  color: #656565;
  line-height: 20px;
}
.cmhc-pdf-description p {
  padding: 25px 0 17px 0;
}
.cmhcPdfVersions .task-header-dropdown:first-child {
  padding-bottom: 10px;
}
.cmhcPdfVersions .task-header-dropdown {
  justify-content: left;
}
.cmhcPdfVersions label {
  color: #4a4a4a;
  font-size: 1rem;
}
.cmhcPdfVersions .task-header-dropdown .dropdown {
  color: #9b9b9b;
  border-bottom: 1px solid #d8d8d8;
  width: 264px;
  font-size: .875rem;
  padding: 8px 0;
  margin-left: 10px;
  position: relative;
  top: -4px;
}
.cmhc-pdf-container .button-group {
  padding-top: 30px;
}
.cmhc-pdf-container .secondary a.button {
  background-image: url(/-/media/files/PDFPage/secondary-icon-share-blue.ashx);
  padding: 10px 18px 12px 37px !important;
  width: auto;
  background-position: 13px center;
  background-repeat: no-repeat;
}
.cmhc-pdf-container .secondary a:hover {
  background-image: url(/-/media/files/PDFPage/secondary-icon-share-white.ashx);
  padding: 10px 18px 12px 37px !important;
  width: auto;
  background-position: 13px center;
  background-repeat: no-repeat;
}
.cmhcPdfVersions .dropdown.open ul.cmhc-drop {
  border: 1px solid #0173af;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.15);
}
.cmhcPdfVersions .dropdown.open .cmhc-drop.buying li:first-child {
  border-top: initial;
}
.cmhcPdfVersions .dropdown.open .cmhc-drop.buying li {
  padding: 3px 0 4px 13px;
  border-bottom: 0;
}
.cmhcPdfVersions .dropdown.open .cmhc-drop.buying li a {
  color: #656565;
  font-size: .875rem;
  margin-left: 22px;
}
.cmhc-container .pubs-accordion .accordion-navigation>.content.active .button-component {
  margin-top: 60px;
  text-align: center;
}
.cmhc-container .pubs-accordion .accordion-navigation>.content.active .button-component .button {
  background-color: #fff;
  color: #0071ae;
}
.advanced-search-container .heading {
  margin-bottom: 19px;
}
.advanced-search-container .heading,
.pubs-accordion-wrapper .heading {
  text-align: center;
  font-size: 1.25rem;
  line-height: 1.5rem;
  font-family: roboto;
  color: #393939;
}
.cmhc-container .pubs-search-container {
  display: none !important;
}
.cmhc-pdf-container .button-component {
  padding-top: 25px;
  float: left;
}
.cmhcPdfVersions .task-header-dropdown .fa {
  color: #4a4a4a;
}
.cmhc-container .cmhc-search-block .pagination {
  background-color: #f8f8f8;
  padding: 40px;
  margin-bottom: -28px;
}
.cmhc-container .pagination {
  margin: 0;
  padding: 0;
  float: left;
  width: 100%;
}
.cmhc-container .pagination li {
  height: auto;
  margin-right: 25px;
  margin-left: 0;
}
.cmhc-container .pagination li a {
  color: #016ca3;
  border-bottom: 1px solid #016ca3;
  background: 0;
  padding: 0;
  font-size: 1.125rem;
  line-height: 1.3125rem;
  border-radius: 0;
}
.cmhc-container .pagination li.current a,
.cmhc-container .pagination li.current button {
  background: 0;
  color: #656565;
  padding: 0;
  border-bottom: 0;
}
.cmhc-container .pagination li.unavailable a,
.cmhc-container .pagination li.unavailable button {
  border-bottom: 0;
}
.cmhc-container .pagination li.current a:hover,
.cmhc-container .pagination li.current a:focus,
.cmhc-container .pagination li.current button:hover,
.cmhc-container .pagination li.current button:focus {
  background: 0;
}
.fi-arrow-right:before,
.fi-arrow-left:before {
  font-family: inherit;
}
.MediaArticle .cmhc-tags-block {
  padding: 20px 30px 27px 30px;
}
.datepicker td.active.day,
.datepicker th.active.day {
  background: #0173af;
  color: #fff;
  border-radius: 100px;
}
.datepicker thead tr:first-child th,
.datepicker tfoot tr:first-child th {
  cursor: pointer;
  color: #0173af;
}
.datepicker th.date-switch {
  font-size: .8125rem;
  text-shadow: 0 0 #0173af;
}
.datepicker.dropdown-menu th.dow {
  color: #0173af;
}
.datepicker td,
.datepicker th {
  color: #4a4a4a;
}
.datepicker td.old,
.datepicker td.new {
  color: #b1b1b1;
}
.pdf-desc {
  margin-top: 19px;
}
.pdf-desc span {
  display: inline;
}
.cmhc-pdf-description a[href^="tel"],
.cmhc-pdf-details a[href^="tel"] {
  color: inherit !important;
  text-decoration: none !important;
  font-size: inherit !important;
  font-family: inherit !important;
  font-weight: inherit !important;
  line-height: inherit !important;
}
.mediaTranscript {
  border: 1px solid #b6b6b6;
  border-radius: 0;
  padding: 5px 15px;
  text-align: left;
  display: none;
  position: relative;
  z-index: 91;
  margin:10px auto;
  line-height:20px;
  height:150px;
  overflow:auto;
}
#body-wrapper .mediaTranscript p {
  font-size: .85rem;
  line-height: 1.2rem;  
}







.indexRelatedReports {
  background: #0072b1;
}

.indexRelatedReports>.columns>.text-component {
  padding: 40px 0;
  text-align: center;
  color: #fff;
  font-family: Montserrat;
  font-weight: bold;
  font-size: 1rem;
  line-height: 19px;
}
.indexRelatedReports .container-3col .columns {
  width: auto;
}
.indexRelatedReports .row .columns {
  width: auto;
}

.indexRelatedReports .columns .tile-folded {
  width: 280px;
  height: 170px;
  background: #fff;
  position: relative;
  border-radius: 10px;
  padding: 20px;
}
.indexRelatedReports .columns .tile-folded::before {
  content: '';
  position: absolute;
  display: block;
  top: 0;
  right: 0;
  width: 20px;
  height: 20px;
  border: 1px solid #979797;
  border-bottom-left-radius: 5px;
  border-top-color: transparent;
  border-right-color: transparent;
}
.indexRelatedReports .columns .tile-folded::after {
  content: '';
  position: absolute;
  display: block;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  border-width: 9px;
  border-top-color: #0071ae;
  border-right-color: #0071ae;
  border-bottom-color: #f2f2f2;
  border-left-color: #f2f2f2;
  border-radius: 0 0 0 3px;
  border-style: solid;
}
.indexRelatedReports h3.heading {
  color: #0071AE;
  font-family: Roboto;
  font-size: 1.25rem;
  line-height: 24px;
  font-weight: normal;
  padding-bottom: 5px;
}
.indexRelatedReports .row .text-component {
  font-family: roboto;
  font-size: .875rem;
  line-height: 20px;
  color: #4a4a4a;
}
.indexRelatedReports .text-component.indexseemore {
  float: right;
  border-bottom: 1px solid;
  padding-bottom: 5px;
  margin-bottom: 40px;
}
.indexRelatedReports .row div+div {
  margin-left: 50px;
}
.indexRelatedReports .container-3col div+div {
  margin-left: 50px;
}
_::-webkit-full-page-media,
_:future {
  -webkit-box-align: start;
}

.cmhc-accordion-block.cmhc-accordion-account {
  margin-bottom: 0;
}
.indexlevels {
  margin-top: 25px;
  margin-bottom: 40px;
}

.indexGraph {
  padding-top: 40px;
  background: #f7f7f7;
}
.indexGraph h3.heading {
  text-align: center;
  font-family: Montserrat;
  font-weight: bold;
  font-size: 1rem;
  color: #656565;
  line-height: 19px;
  padding-bottom: 40px;
}
.graphlftrft div.columns .image-component {
  text-align: center;
  background-color: #fff;
  padding: 20px;
  width: 100%;
}
.graphlftrft>div:first-child {
  margin-right: 20px;
  width: 47.6%;
}
.graphlftrft>div:last-child {
  width: 47.6%;
}
.indexGraph .findLocation {
  padding-top: 33px;
  padding-bottom: 30px;
  float: left;
  width: 100%;
}
.indexGraph .findLocation p {
  width: 50%;
  float: right;
  text-align: right;
  padding-right: 30px;
}
.indexGraph .findLocation p a {
  color: #0071AE;
  font-size: .75rem;
  font-family: Montserrat;
  font-weight: bold;
  border-bottom: 1px solid;
  padding-bottom: 10px;
  line-height: 14px;
  margin-top: 5px;
}
.findLocation .task-header-dropdown {
  float: left;
}
.findLocation .task-header-dropdown label {
  font-family: Roboto;
  font-weight: bold;
  line-height: 20px;
  color: #4a4a4a;
  font-size: .875rem;
  float: left;
}
.findLocation .task-header-dropdown .dropdown {
  margin-left: 15px;
  width: 264px;
  padding: 7px 0 7px 12px;
  border: 1px solid #939393;
  color: #4a4a4a;
  background: #fff;
}
.findLocation .task-header-dropdown .dropdown>span {
  color: #7c7c7c;
  padding-right: 9px;
}
.findLocation .dropdown.open {
  top: 0;
}
.findLocation .dropdown.open .cmhc-drop.buying {
  border: 1px solid #737373;
  width: 264px;
  left: -1px;
  border-top: 0;
}
.findLocation .dropdown.open .cmhc-drop.buying li {
  border: 0;
  padding: 5px 0 5px 13px;
}
.findLocation .task-header-dropdown .dropdown.open .cmhc-drop.buying li:first-child {
  border-top: 1px solid #ececec;
}
.findLocation .cmhc-drop.buying a {
  color: #656565;
  font-family: Roboto;
  font-size: .875rem;
}

.blocker {
  z-index: 999 !important;
}



.field-wrap {
  float: left;
  width: 100%;
  margin-bottom: 17px;
}
.field-wrap label {
  font-size: .875rem;
  line-height: 1rem;
  color: #4a4a4a;
  font-weight: bold;
  margin-bottom: 10px;
}
.field-wrap input[type=text],
.field-wrap input[type=email] {
  margin: 0;
  border: 1px solid #979797;
}

#shareContent .button {
  width: 170px;
}
.share-via-container form .button-component {
  float: left;
  width: 100%;
  text-align: center;
  margin-top: 30px;
}
.reveal-modal .close-reveal-modal {
  font-size: 1.5rem;
  line-height: 18px;
  font-weight: normal;
  top: 20px;
}
#subscribe-Newsroom {
  width: 34%;
  padding: 0;
  border-radius: 0;
}
#subscribe-Newsroom .notify {
  text-align: center;
  padding-bottom: 20px;
}
#subscribe-Newsroom .subTitle {
  text-align: center;
  padding-bottom: 40px;
  float: left;
  width: 100%;
}
#subscribe-Newsroom .subscribe-success {
  padding: 0 38px 10px;
}
#subscribe-Newsroom p {
  font-family: Roboto;
  font-size: .875rem;
  color: #4a4a4a;
  line-height: 22px;
  font-weight: 500;
  text-align: center;
  float: left;
  padding: 0 38px 40px;
}
#subscribe-Newsroom .popupFilter {
  padding: 0 38px;
  float: left;
}
.popupFilter .heading {
  font-family: Montserrat;
  font-size: .875rem;
  color: #4a4a4a;
  line-height: 17px;
  font-weight: bold;
}
#subscribe-Newsroom .popupFilter label {
  padding-left: 19px;
}
.popupFilter .button-component {
  text-align: center;
  padding-bottom: 10px;
}
.popupFilter a.button {
  padding: 11px 43px 12px 43px;
  font-family: Montserrat;
  font-size: .875rem;
  line-height: 17px;
  font-weight: bold;
  background-color: #0173af;
  margin-bottom: 0;
}
.popupFilter a.button:hover,
.popupFilter a.button:focus {
  background-color: #005989;
}
.popupClose {
  float: left;
  width: 100%;
  border-top: 1px solid #e1e1e1;
  left: -30px;
  padding: 27px 0;
  text-align: center;
  background-color: #f8f8f8;
  color: #0073AE;
  margin-top: 30px;
}
.popupContain {
  padding: 30px;
  float: left;
  width: 100%;
}
.popupClose a {
  color: #0073AE;
  font-family: Roboto;
  font-size: .875rem;
  text-decoration: underline;
  font-weight: 500;
  line-height: 35px;
}
.popupClose a:first-child {
  padding-right: 5px;
}
.popupClose a:last-child {
  padding-left: 5px;
}
.subscribe-success {
  text-align: center;
  float: left;
}
.subscribe-success img {
  padding-bottom: 5px;
  width: 45px;
}
.subscribe-success p {
  width: 100%;
  color: #49732E !important;
  line-height: 20px !important;
  padding: 0 !important;
  font-size: 1rem !important;
}
#emailConfirmation .subscribe-success img {
  padding-bottom: 17px;
}
.subscribe-success {
  text-align: center;
  float: left;
  padding: 0 38px 40px;
  width: 100%;
  margin-top: 40px;
}
#modal-login .register a.button {
  padding: 11px 38px 12px 39px;
  font-family: Montserrat;
  font-size: .875rem;
  line-height: 17px;
  font-weight: bold;
  background-color: #0173af;
  text-transform: uppercase;
  width: 170px;
}
#subscribePubs p {
  padding: 0 50px;
}
#subscribePubs .popupFilter {
  float: left;
  padding-top: 29px;
}
#subscribePubs .popupFilter h4 {
  padding-left: 29px;
}
#subscribePubs .popupFilter .filter-separate {
  padding-left: 29px;
  margin-bottom: 10px;
}
#subscribePubs .popupFilter .cmhc-label-set label+label {
  margin-top: 8px;
}
.task-header-dropdown .dropdown p {
  width: 80%;
  float: left;
  color: #9b9b9b;
  font-size: .875rem;
}
#findGeography {
  float: left;
  width: 100%;
  padding: 0 32px;
}
#findGeography label {
  font-family: Montserrat;
  color: #4a4a4a;
  font-weight: bold;
  font-size: .875rem;
  padding: 30px 0 20px;
}
#findGeography .task-header-dropdown .dropdown {
  color: #4a4a4a;
  padding: 7px 15px 7px 10px;
  width: 320px;
  margin-left: 0;
  font-size: .875rem;
  border: 1px solid #979797;
  letter-spacing: normal;
}
#findGeography a.add {
  float: left;
  width: 100%;
  color: #0173AF;
  text-decoration: underline;
  font-size: .875rem;
  font-family: Roboto;
  line-height: 34px;
  font-weight: 500;
}
#findGeography a.add img {
  padding-right: 3px;
}
#findGeography .task-header-dropdown .dropdown.open {
  padding: 7px 15px 7px 10px;
  float: left;
  color: #4a4a4a;
  font-size: .875rem;
  background: #fff;
  width: 320px;
}
#findGeography .cmhc-drop.buying {
  border: 1px solid #737373;
  left: -1px;
  border-top: 0;
  width: 320px;
  box-shadow: none;
}
#findGeography .task-header-dropdown .dropdown.open .cmhc-drop.buying li:first-child {
  border-top: 1px solid #ececec;
}
#findGeography .cmhc-drop.buying li {
  padding: 5px 0 5px 13px;
  border: 0;
}
#findGeography .cmhc-drop.buying a {
  color: #656565;
  font-family: Roboto;
  font-size: .875rem;
  text-transform: capitalize;
}
#findGeography .task-header-dropdown .dropdown>span {
  color: #7c7c7c;
}
#findGeography .dropdown.open {
  top: 0;
}
#Geoselection .delete {
  color: #0C5E9F;
  font-family: Roboto;
  font-weight: 500;
  font-size: .875rem;
  text-decoration: underline;
  padding: 10px 0 20px;
  float: left;
  width: 100%;
}
#Geoselection .delete img {
  padding-right: 5px;
}
#addToFolderDeveloping .subscribe-success {
  width: 100%;
  padding: 21px 0 10px;
}
#emailConfirmation .subscribe-success {
  padding-bottom: 5px;
}
.sharingIcons {
  float: left;
  text-align: center;
  width: 100%;
  padding-bottom: 10px;
}
.sharingIcons a {
  margin-right: 18px;
  text-decoration:none;
}
#subscribePubs .button,
#shareContent .button {
  padding: 11px 43px 12px 43px;
  font-family: Montserrat;
  font-size: .875rem;
  line-height: 17px;
  font-weight: bold;
  background-color: #0173af;
  margin-bottom: 0;
  border-radius: 5px;
}
#subscribePubs .button:hover,
#shareContent .button:hover {
  background-color: #005989;
}
#popupFilterForm .error span {
  color: #E70000 !important;
  font-family: Roboto;
  font-size: .875rem;
}
#popupFilterForm .error {
  padding-left: 0;
}
#LoginSignin input.error,
#shareContent input.error,
#deleteCMHCAccount input.error {
  border-color: #E70000 !important;
}
#shareContent .error,
#deleteCMHCAccount .error {
    color: #E70000;
    padding-top: 10px;
}
#shareContent input {
  box-shadow: none;
}
.closingAccountProvideReason .accountReasonContainer {
  margin: 0 26%;
}
.accountReasonContainer .subscribe-success {
  padding: 30px 0 40px;
  width: 100%;
}
.accountReasonContainer .filter-row {
  margin-top: 0;
}
.accountReasonContainer .filter-row .cmhc-label-set label.radio-labels {
  margin-bottom: 18px;
  font-size: 1rem;
  line-height: 21px;
}
.accountReasonContainer .filter-row .cmhc-label-set .radio-labels+label {
  margin-left: 0;
}
.accountReasonContainer .button-component {
  text-align: center;
  float: left;
  width: 100%;
  margin-bottom: 40px;
}
#my-registartion .cmhc-label-set.agreement label {
  font-weight: normal;
  color: #656565;
}
#my-registartion .cmhc-label-set.agreement .checkmark {
  width: 12px;
  height: 12px;
}
#my-registartion .cmhc-label-set.agreement label .checkmark {
  top: 8px;
}
.cmhc-label-set label input[type="checkbox"].error~.checkmark {
  border: 1px solid #E70000;
}
#LoginSignin>p {
  text-align: center;
  padding-bottom: 30px;
}
.subscribe-success.accountSaved img {
  padding-bottom: 20px;
}
.accountReasonContainer .subscribe-success img {
  padding-bottom: 20px;
}
.cmhc-container .table-holder {
  margin-bottom: 40px;
  float: left;
  width: 100%;
}


.edit-note {
  position: relative;
  right: 15px;
}

.cell-holder {
  float: right;
  width: auto;
  display: inline-block;
  position: relative;
}
.cell-holder span {
  float: left;
}
.cell-holder .close {
  right: 0;
  top: 4px;
  width: 15px;
  height: 15px;
}
.cell-holder .close::before,
.cell-holder .close::after {
  height: 15px;
  background-color: #000;
}
.cell-holder span+span {
  margin-left: 20px;
}
.table-holder tr td .close {
  right: 23px;
}
.cell-holder span a {
  font-family: Montserrat;
  text-transform: uppercase;
  font-size: .75rem;
  letter-spacing: 1px;
  color: #0173af;
  text-decoration: underline;
}
.cmhc-container .title-table {
  font-family: Montserrat;
  letter-spacing: 1px;
  margin-bottom: 10px;
  float: left;
  width: 100%;
}
.subscription-wrapper {
  padding: 0 40px;
  float: left;
  width: 100%;
}
.cmhc-tabview {
  padding: 0 40px;
  float: left;
  width: 100%;
  margin-bottom: 35px;
  margin-top: 20px;
}
.cmhc-tabview a {
  float: left;
  width: 50%;
  padding: 6px 0;
  font-family: Montserrat;
  text-align: center;
  text-transform: uppercase;
  background-color: #fff;
  border: 1px solid #0071ae;
  color: #0071ae;
  letter-spacing: 1px;
}
.cmhc-tabview a.active {
  background-color: #0071ae;
  color: #fff;
  border: 1px solid #0071ae;
}
.cmhc-tabview a:first-child {
  border-radius: 5px 0 0 5px;
}
.cmhc-tabview a+a {
  border-radius: 0 5px 5px 0;
}
.tile-folded .close {
  right: 10px;
  top: 6px;
  position: absolute;
  width: 12px;
  height: 12px;
}
.tile-folded .close::before,
.tile-folded .close::after {
  background: #9b9b9b;
  height: 12px;
  left: 5px;
}
#body-wrapper .icon-tile-holder {
  padding: 64px 19px 28px 19px;
}
#body-wrapper .icon-tile {
  padding: 0;
}
.icon-tile img {
  width: 51px;
  height: 52px;
}
.cmhc-container .icon-tile p {
  margin: 0;
  font-size: 1.25rem;
  color: #016ca3;
  margin-top: 20px;
  float: left;
  width: 100%;
}
.cmhc-container .icon-tile p+p {
  font-size: .875rem;
  color: #656565;
  margin-top: 9px;
}
.date-dropdown {
  float: left;
  width: 100%;
}
.cmhc-container .date-dropdown .task-header-dropdown {
  justify-content: flex-start;
}
.cmhc-container .date-dropdown .task-header-dropdown .dropdown {
  padding: 13px 20px 13px 9px;
  margin-left: 0;
  background: #fff;
  width: auto;
  letter-spacing: 1px;
  font-family: Montserrat;
  color: #656565;
  font-size: .875rem;
}
.cmhc-container .date-dropdown .dropdown.open {
  top: 0;
}
.date-dropdown .task-header-dropdown .dropdown>span {
  color: #656565;
  font-size: .875rem;
  margin-left: 5px;
}
.date-dropdown .cmhc-drop.buying li {
  padding-left: 9px;
  padding: 5px 0 5px 9px;
}
.date-dropdown .task-header-dropdown .dropdown.open .cmhc-drop.buying li:first-child {
  border-top: 1px solid #656565;
  border-bottom: 1px solid #656565;
}
.date-dropdown .cmhc-drop.buying a {
  color: #656565;
  font-size: .875rem;
}
.deleteAccount .secondary {
  margin-left: 15px;
}











@media screen and (max-width:39.9375em) {
  .cmhc-container.push {
    right: 0;
  }
  #body-wrapper .flex-video {
    padding-bottom: 40%;
  }
  .cmhc-container .row .row {
    margin: 0;
  }
  .cmhc-container .row {
    max-width: 100%;
  }
  .cmhc-container .container-1col,
  .cmhc-container .container-2col,
  .cmhc-container .container-largeRight,
  .cmhc-container .container-4col {
    padding: 0 15px;
  }
  .cmhc-container .mobile-video-container {
    padding: 0;
  }
  .cmhc-container .home-video iframe {
    height: 410px;
    max-height: 404px;
  }
  .cmhc-container .container-1col .container-1col {
    padding: 0;
  }
  .cmhc-container .task-header-dropdown {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 40px 0;
  }
  .task-header-dropdown .dropdown {
    margin-left: 0;
  }
  .task-holder img {
    width: 80px;
  }
  .task-header-dropdown .dropdown>span {
    padding-left: 15px;
  }
  .task-header-dropdown h1,
  .task-header-dropdown .dropdown {
    margin-bottom: 15px;
  }
  .cmhc-content-center p a {
    letter-spacing: normal;
    font-size: .75rem;
  }
  .cmhc-container .help-container {
    margin-bottom: 0;
  }
  .task-holder {
    text-align: center;
    margin-bottom: 20px;
  }
  .task-holder .task-name {
    font-size: 1.125rem;
    display: block;
    color: #fff;
    margin: 10px 0 40px;
  }
  .cmhc-container .grid-sizer,
  .cmhc-container .grid-item {
    width: 100% !important;
  }
  .grid-item {
    margin-bottom: 20px;
  }
  .gutter-sizer {
    width: auto;
  }
  .img-post+.text-post {
    margin-top: 5px;
    min-height: auto;
  }
  .text-post {
    padding: 10px 20px;
    min-height: 50px;
  }
  .page-relevant-help-block .button-group .button {
    padding: 12px 43px;
  }
  .cmhc-container .related-items-container .container-4col>div p {
    font-size: 1rem;
    line-height: 28px;
    font-weight: normal;
  }

  .cmhc-container .date-published {
    padding: 0 0 0 15px;
    font-size: .75rem;
    margin: 0;
  }
  .cmhc-search-results {
    margin-left: 0;
    margin-top: 30px;
    margin-bottom: 0;
    width: 100%;
  }
  .cmhc-search-filter {
    margin-right: 0;
    background-color: #fbfbfb;
  }
  
  .no-padding {
    padding: 0 !important;
  }


  .cmhc-button-container button,
  .cmhc-button-container .button,
  #body-wrapper.cmhc-container .file-size {
    font-size: .75rem;
  }
  .cmhc-container .page-relevant-help-block {
    margin: 50px 0 45px 0;
  }
  .cmhc-search-results a {
    text-decoration: none;
    line-height: 30px;
  }
  .accordian-container {
    margin: 0;
  }
  .cmhc-container .related-items-container {
    padding: 60px 15px;
    margin-top: 40px;
  }
  .cmhc-container .related-items-container h2 {
    margin-bottom: 60px;
    line-height: 26px;
  }
  .cmhc-container .related-items-container .container-4col>div {
    width: 100%;
    margin-left: 0;
    min-height: 150px;
    margin-bottom: 20px;
  }
  .cmhc-container .related-items-container .container-4col>div:last-child {
    margin-bottom: 0;
  }
  .cmhc-container .accordion .accordion-navigation>.content.active,
  .cmhc-container .accordion dd>.content.active {
    padding: 25px 15px;
    float: left;
    width: 100%;
  }
  .cmhc-container .accordion-navigation .content p a {
    font-size: 1rem;
    float: left;
    width: 100%;
  }
  .cmhc-container .accordion-navigation .content h4 {
    font-size: 1rem;
    display: block;
    float: left;
    width: 100%;
  }
  .feedback-container {
    width: 100%;
  }
  .cmhc-container .page-relevant-help-block p,
  .no-feedback {
    width: 100%;
  }
  .cmhc-container .cmhc-keyguide-container>div:first-child {
    padding-right: 0;
  }
  .cmhc-container .cmhc-keyguide-container>div:last-child {
    padding-left: 0;
  }
  .cmhc-keyguide-container,
  .cmhc-briefguide-container {
    padding: 20px 15px !important;
  }
  .cmhc-keyguide-container p a {
    font-size: .875rem;
    line-height: 27px;
  }
  .cmhc-keyguide-container p a.active,
  .cmhc-keyguide-container>div:last-child p:first-child>a {
    font-size: 1rem;
  }
  .interpage-prev span,
  .interpage-next span {
    font-size: .875rem;
  }
  .interpage-prev span {
    margin-left: 5px;
  }
  .interpage-next span {
    margin-right: 5px;
  }
  .interpage-prev p,
  .interpage-next p {
    font-size: .9375rem;
    margin-top: 15px;
  }
  .cmhc-interpage-nav {
    margin: 40px 0 60px 0;
    float: left;
    width: 100%;
  }
  .cmhc-container .interpage-prev,
  .cmhc-container .interpage-next {
    width: 100%;
    padding: 10px 15px;
    border: solid 1px #e8e8e8;
    height: 100%;
  }
  .cmhc-interpage-nav>div {
    width: 49%;
  }
  .cmhc-container .text-component p {
    font-size: 1rem;
    line-height: 1.3rem;
    width: 100%;
    font-weight: normal;
  }
  .page-relevant-help-block p {
    letter-spacing: normal;
    margin-left: 0;
  }
  .cmhc-container .file-size {
    margin-bottom: 25px;
  }
  .cmhc-container .text-post p {
    display: none;
  }
  .help-container-bg {
    padding-bottom: 50px !important;
  }
  .cmhc-filter-buttons .has-form a {
    padding: 0 !important;
  }
  .cmhc-container .cmhc-search-block .filter-button,
  .cmhc-container .cmhc-search-block .search-showmore {
    text-align: center !important;
  }
  .cmhc-container .cmhc-search-block .filter-button a.button {
    padding: 10px 49px;
    font-size: .875rem;
  }
  .cmhc-search-block .search-showmore a.button {
    padding: 10px 37px;
    font-size: .875rem;
  }
  .cmhc-span-6 {
    width: 100% !important;
  }
  .cmhc-accordion-account .accordion-navigation .content .button-group li {
    margin: 0;
  }
  .cmhc-accordion-account .accordion-navigation .content .button {
    padding: 13px 59px !important;
    width: 170px !important;
  }
  .cmhc-accordion-account .accordion-navigation .content .button-group li:first-child {
    padding-bottom: 20px;
  }
  .cmhc-search-filter h2.heading {
    font-weight: normal;
  }
  .cmhc-container .help-container.help-container-bg {
    padding: 0 15px 0 15px;
  }
  .cmhc-pdfperiodic .icon-set div:first-child,
  .cmhc-pdfLanding .icon-set div:first-child {
    display: none;
  }
  .cmhc-pdf-container {
    width: 100% !important;
    padding: 23px 32px 0 32px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -moz-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
  }
  .cmhc-pdf-container>div:first-child {
    width: 100%;
    -webkit-box-ordinal-group: 2;
    -moz-box-ordinal-group: 2;
    -ms-flex-order: 2;
    -webkit-order: 2;
    order: 2;
  }
  .cmhc-pdf-container>div:nth-child(2) {
    width: 100%;
    -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    -ms-flex-order: 1;
    -webkit-order: 1;
    order: 1;
    padding: 0;
  }
  .cmhc-pdf-container {
    padding: 23px 30px 0 30px !important;
  }
  .rgt-container>.text-component>p {
    font-size: 1.25rem;
    font-weight: bold;
    color: #656565;
  }
  .cmhc-pdf-description {
    font-size: 1rem;
    float: left;
    line-height: 1.75rem;
    width: 100%;
  }
  .cmhcPdfVersions {
    float: left;
    width: 100%;
  }
  .cmhc-pdf-container .button-group {
    float: left;
    padding-top: 32px;
  }
  .cmhc-pdf-container .button {
    padding: 11px 45px 12px 45px;
  }
  .cmhc-pdf-container .secondary {
    display: none;
  }
  .cmhc-pdf-container .lft-container {
    padding-top: 34px;
  }
  .cmhc-pdf-container .lft-container img {
    width: 100%;
  }
  .cmhcPdfVersions .task-header-dropdown {
    flex-direction: inherit;
  }
  .cmhc-container .advanced-search-container {
    margin-top: 35px;
    margin-bottom: 38px;
  }
  .cmhc-container .advanced-search-filter-wrapper>div {
    width: 90%;
  }
  .cmhc-container .advanced-search-filter-wrapper {
    padding: 24px 0 28px 0;
  }
  .cmhc-container .advanced-search-filter-wrapper .button-component {
    margin-top: 25px;
    margin-bottom: 15px;
  }
  .cmhc-container .advanced-search-filter-wrapper .button-component .button {
    width: 60%;
    padding: 15px 10px;
  }
  .advanced-search-container .heading {
    margin-bottom: 12px;
  }
  .cmhc-container .pubs-accordion-wrapper h3 {
    margin-bottom: 20px;
  }
  .cmhc-container .pubs-accordion .accordion-navigation>.content.active .container-3col .tile-folded {
    width: 100%;
    height: auto;
    padding: 20px 20px 30px 20px;
  }
  .cmhc-container .pubs-accordion .accordion-navigation>.content.active .container-3col>div+div {
    margin-left: 0;
    margin-top: 26px;
  }
  .cmhc-container .pubs-accordion .accordion-navigation>.content.active .container-3col .tile-folded .heading {
    margin-bottom: 22px;
  }
  .filter-row .cmhc-datepicker {
    width: 120px;
  }
  .filter-row .cmhc-datepicker+span {
    display: none;
  }
  .filter-row span+.cmhc-datepicker {
    margin-left: 15px;
  }
  .cmhc-container .filter-row {
    margin-top: 15px
  }
  .advanced-filter-toggle .filter-row:last-child {
    margin-bottom: 0;
  }
  .cmhc-container .pubs-accordion .accordion-navigation>.content.active .container-3col .tile-folded .text-component {
    line-height: 28px;
  }
  .cmhc-container .pubs-accordion .accordion-navigation>.content.active .button-component {
    margin-top: 60px;
  }
  .cmhc-container .result-count {
    padding: 20px 0 20px 0;
  }
  .cmhc-container .archive,
  .suffix-text {
    display: none;
  }
  .pubs-search-container .cmhc-search-results {
    margin-top: 0;
  }
  .pubs-search-container .cmhc-search-results:first-child {
    margin-top: 0;
  }
  .pubs-search-container .cmhc-search-results:last-child {
    padding-bottom: 0;
  }
  .pubs-search-container .cmhc-search-results {
    padding-bottom: 47px;
  }
  .cmhc-container .advanced-search-container {
    margin-bottom: 0;
  }
  .filter-row .cmhc-label-set label.radio-labels {
    width: 100%;
  }
  .filter-row .cmhc-label-set .radio-labels+label {
    margin-top: 10px;
    margin-left: 0;
  }
  .cmhc-container .cmhc-search-block .pagination {
    margin-left: 0;
    margin-bottom: 0;
    padding: 38px 0 0;
    text-align: center;
    background-color: #f7f7f7;
  }
  .cmhc-container .pagination li {
    display: inline-block;
    float: none;
  }
  .cmhc-container .pubs-accordion-wrapper {
    padding-top: 30px !important;
  }
  .show-large-only {
    display: none !important;
  }
  .pdf-desc {
    margin-top: 23px;
  }
  _::-webkit-full-page-media,
  _:future,
   :root .cmhc-pdf-container .task-header-dropdown {
    -webkit-box-orient: horizontal;
  }
  .cmhc-container .related-items-container .container-4col>div {
    min-height: 200px;
    padding: 27px 25px 20px 25px;
  }
  .related-items-container .container-4col {
    padding: 0 !important;
  }
  




  .indexRelatedReports.paddingBoth {
    padding: 0 37px !important;
  }
  .indexRelatedReports .columns .tile-folded {
    width: 100%;
    height: 181px;
  }
  .indexRelatedReports .container-3col div+div {
    margin-left: 0
  }
  .indexRelatedReports .row .columns {
    margin-bottom: 27px;
  }
  .indexRelatedReports .text-component.indexseemore {
    float: none;
    border: 0;
    text-decoration: underline;
    line-height: 14px;
    font-size: .75rem;
    padding-top: 20px;
  }
  .indexRelatedReports .row .text-component {
    font-size: 1rem;
    line-height: 28px;
  }

  .indexGraph h3.heading {
    padding-top: 40px;
    padding-bottom: 35px;
  }
  .paddingBoth.indexGraph {
    padding: 0 38px !important;
  }
  .findLocation .task-header-dropdown label {
    padding: 0 0 15px 0;
  }
  .findLocation .task-header-dropdown .dropdown {
    width: 100%;
    margin: 0;
  }
  .graphlftrft {
    float: left;
    padding: 0;
  }
  .graphlftrft div:first-child {
    width: 100%;
    margin: 0 0 20px;
  }
  .graphlftrft div:last-child {
    width: 100%;
  }
  .findLocation .task-header-dropdown {
    margin: 0;
    width: 100%;
  }
  .findLocation .dropdown.open .cmhc-drop.buying {
    width: 100%;
    left: 0;
  }
  .indexGraph .findLocation p {
    width: 100%;
    float: none;
    text-align: center;
    padding: 0;
  }
  .indexGraph .findLocation {
    padding-top: 0;
    padding-bottom: 32px;
  }

 
  #subscribe-Newsroom {
    width: 100%;
    box-shadow: none;
  }
  .popupContain {
    padding: 20px;
  }
  #subscribe-Newsroom p {
    padding: 0 15px 30px;
  }
  #subscribe-Newsroom .popupFilter label,
  #subscribePubs .popupFilter label {
    padding-left: 40px;
    margin-bottom: 13px;
  }
  #subscribe-Newsroom .popupFilter .cmhc-label-set label input:checked~.checkmark,
  #subscribePubs .popupFilter .cmhc-label-set label input:checked~.checkmark {
    border: 1px solid #979797;
  }
  #subscribe-Newsroom .popupFilter .cmhc-label-set label input[type="checkbox"]+.checkmark,
  #subscribePubs .popupFilter .cmhc-label-set label input[type="checkbox"]+.checkmark {
    width: 24px;
    height: 24px;
  }
  #subscribe-Newsroom .popupFilter .cmhc-label-set label input[type="checkbox"]+.checkmark::after,
  #subscribePubs .popupFilter .cmhc-label-set label input[type="checkbox"]+.checkmark::after {
    top: 1px;
    left: 6px;
    width: 9px;
    height: 15px;
  }
  .popupFilter {
    padding: 0;
  }
 





  #subscribe-Newsroom .popupFilter {
    padding: 0;
  }
  #subscribePubs p {
    padding: 0 35px;
  }
  #subscribePubs .popupFilter {
    padding-top: 35px;
  }
  #subscribePubs .popupFilter .filter-separate {
    padding-left: 0;
  }
  #findGeography {
    padding: 0;
  }
  #findGeography .task-header-dropdown .dropdown,
  #findGeography .task-header-dropdown .dropdown.open {
    width: 100%;
  }
  #findGeography .cmhc-drop.buying {
    width: 100%;
    min-width: 280px;
  }
  .share-via-container {
    width: 100%;
    padding: 0 15px;
  }
  .deleteAccount .button-group li:first-child {
    padding-bottom: 30px;
  }
  .deleteAccount .button-group li:first-child .button,
  .deleteAccount .button-group li.secondary {
    height: 40px;
    padding-top: 10px;
  }
  .deleteAccount .button-group li.secondary {
    margin: 0 0 40px;
    padding-bottom: 17px;
  }
  .deleteAccount li.has-form.secondary .button {
    padding-top: 10px;
  }
  .accountReasonContainer {
    margin: 0 20px !important;
  }
  .accountReasonContainer .button-component .button {
    font-size: .875rem;
    padding: 11px 18px 12px 18px;
  }
  .rgt-container>.text-component>p {
    line-height: 26px;
  }
  .cmhc-container .related-items-container .container-4col>div h3 {
    line-height: 35px;
  }
  .cmhc-tabview a {
    font-size: .75rem;
  }
  .cmhc-tabview {
    padding: 0;
  }
  .observerBottom .date-published {
    padding-top: 20px;
  }
}

html {
    box-sizing: border-box;
}

*, *:before, *:after {
    box-sizing: inherit;
}

html, body, div, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, s, samp,
strike, tt, var,
center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font: inherit;
    vertical-align: baseline;
    font-family: 'Roboto', Calibri, sans-serif;
    font-size: 16px/24px;
    color: #656565;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block !important;
}

body {
    line-height: 1;
}

ul {
    list-style: none;
}

blockquote, q {
    quotes: none;
}

    blockquote:before, blockquote:after,
    q:before, q:after {
        content: '';
        content: none;
    }
    
table {
    border-collapse: collapse;
    border-spacing: 0;
}

h4 {
    font-weight: bold;
}

h5 {
    font-size: 1.2em;
    margin-bottom: 10px;
    font-weight: bold;
}

p {
    line-height: 1.5em;
    font-weight: normal;
    margin-bottom: 1.5em;
}
label {
    display: block;
    margin-bottom: 8px;
}
a { 
    text-decoration: underline;
}
a, button {
    color: #0173AF;
}
b {
    font-weight: bold;
}
i {
    font-style: italic;
}
::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color: #CACACA;
}

:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #CACACA;
    opacity: 1;
}

::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #CACACA;
    opacity: 1;
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #CACACA !important;    
}

::-ms-input-placeholder { /* Microsoft Edge */
    color: #CACACA !important;
}

::placeholder { /* Most modern browsers support this now. */
    color: #CACACA;
}


table {
    background: none;
    margin: 0;
    border: none;
}

    table thead,
    table tr th,
    table tr td,
    table tr.even,
    table tr.alt,
    table tr:nth-of-type(even)   {
        background: none;
    }

        table thead tr th,
        table thead tr td,
        table tfoot tr th,
        table tfoot tr td,
        table tbody tr th,
        table tbody tr td,
        table tr th,
        table tr td {
            display: table-cell;
            font-size: inherit;
        }

/*
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 300;
    src: local('Roboto Light'), local('Roboto-Light'), url('https://assets.cmhc-schl.gc.ca/fonts/roboto/roboto-light.woff2') format('woff2'), url('https://assets.cmhc-schl.gc.ca/fonts/roboto/roboto-light.woff') format('woff'), url('https://assets.cmhc-schl.gc.ca/fonts/roboto/roboto-light.ttf') format('truetype');
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    src: local('Roboto'), local('Roboto-Regular'), url('https://assets.cmhc-schl.gc.ca/fonts/roboto/roboto-regular.woff2') format('woff2'), url('https://assets.cmhc-schl.gc.ca/fonts/roboto/roboto-regular.woff') format('woff'), url('https://assets.cmhc-schl.gc.ca/fonts/roboto/roboto-regular.ttf') format('truetype');
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    src: local('Roboto Bold'), local('Roboto-Bold'), url('https://assets.cmhc-schl.gc.ca/fonts/roboto/roboto-bold.woff2') format('woff2'), url('https://assets.cmhc-schl.gc.ca/fonts/roboto/roboto-bold.woff') format('woff'), url('https://assets.cmhc-schl.gc.ca/fonts/roboto/roboto-bold.ttf') format('truetype');
}


@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: bold;
    src: local('Montserrat Bold'), local('Montserrat-Bold'), url('https://assets.cmhc-schl.gc.ca/fonts/montserrat/montserrat-bold.woff2') format('woff2'), url('https://www.cmhc-schl.gc.ca/content/project/cmhc/https://assets.cmhc-schl.gc.ca/fonts/montserrat/montserrat-Bold.woff') format('woff'), url('https://www.cmhc-schl.gc.ca/content/project/cmhc/https://assets.cmhc-schl.gc.ca/fonts/montserrat/montserrat-Bold.ttf') format('truetype');
}



*/


/*!
 *  Font Awesome 4.2.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */

 /*
@font-face {
    font-family: 'FontAwesome';
    src: url('https://assets.cmhc-schl.gc.ca/fonts/fontawesome/fontawesome-webfont.eot?v=4.2.0');
    src: url('https://assets.cmhc-schl.gc.ca/fonts/fontawesome/fontawesome-webfont.eot?#iefix&v=4.2.0') format('embedded-opentype'), url('https://assets.cmhc-schl.gc.ca/fonts/fontawesome/fontawesome-webfont.woff?v=4.2.0') format('woff'), url('https://assets.cmhc-schl.gc.ca/fonts/fontawesome/fontawesome-webfont.ttf?v=4.2.0') format('truetype'), url('https://assets.cmhc-schl.gc.ca/fonts/fontawesome/fontawesome-webfont.svg?v=4.2.0#fontawesomeregular') format('svg');
    font-weight: normal;
    font-style: normal
}
*/
.fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.fa-lg {
    font-size: 1.33333333em;
    line-height: .75em;
    vertical-align: -15%
}

.fa-2x {
    font-size: 2em
}

.fa-3x {
    font-size: 3em
}

.fa-4x {
    font-size: 4em
}

.fa-5x {
    font-size: 5em
}

.fa-fw {
    width: 1.28571429em;
    text-align: center
}

.fa-ul {
    padding-left: 0;
    margin-left: 2.14285714em;
    list-style-type: none
}

    .fa-ul > li {
        position: relative
    }

.fa-li {
    position: absolute;
    left: -2.14285714em;
    width: 2.14285714em;
    top: .14285714em;
    text-align: center
}

    .fa-li.fa-lg {
        left: -1.85714286em
    }

.fa-border {
    padding: .2em .25em .15em;
    border: solid .08em #eee;
    border-radius: .1em
}

.pull-right {
    float: right
}

.pull-left {
    float: left
}

.fa.pull-left {
    margin-right: .3em
}

.fa.pull-right {
    margin-left: .3em
}

.fa-spin {
    -webkit-animation: fa-spin 2s infinite linear;
    animation: fa-spin 2s infinite linear
}

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

    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

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

    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

.fa-rotate-90 {
    filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=1);
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

.fa-rotate-180 {
    filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=2);
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.fa-rotate-270 {
    filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=3);
    -webkit-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg)
}

.fa-flip-horizontal {
    filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);
    -webkit-transform: scale(-1, 1);
    -ms-transform: scale(-1, 1);
    transform: scale(-1, 1)
}

.fa-flip-vertical {
    filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);
    -webkit-transform: scale(1, -1);
    -ms-transform: scale(1, -1);
    transform: scale(1, -1)
}

:root .fa-rotate-90,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-flip-horizontal,
:root .fa-flip-vertical {
    filter: none
}

.fa-stack {
    position: relative;
    display: inline-block;
    width: 2em;
    height: 2em;
    line-height: 2em;
    vertical-align: middle
}

.fa-stack-1x,
.fa-stack-2x {
    position: absolute;
    left: 0;
    width: 100%;
    text-align: center
}

.fa-stack-1x {
    line-height: inherit
}

.fa-stack-2x {
    font-size: 2em
}

.fa-inverse {
    color: #fff
}

.fa-glass:before {
    content: "\f000"
}

.fa-music:before {
    content: "\f001"
}

.fa-search:before {
    content: "\f002"
}

.fa-envelope-o:before {
    content: "\f003"
}

.fa-heart:before {
    content: "\f004"
}

.fa-star:before {
    content: "\f005"
}

.fa-star-o:before {
    content: "\f006"
}

.fa-user:before {
    content: "\f007"
}

.fa-film:before {
    content: "\f008"
}

.fa-th-large:before {
    content: "\f009"
}

.fa-th:before {
    content: "\f00a"
}

.fa-th-list:before {
    content: "\f00b"
}

.fa-check:before {
    content: "\f00c"
}

.fa-remove:before,
.fa-close:before,
.fa-times:before {
    content: "\f00d"
}

.fa-search-plus:before {
    content: "\f00e"
}

.fa-search-minus:before {
    content: "\f010"
}

.fa-power-off:before {
    content: "\f011"
}

.fa-signal:before {
    content: "\f012"
}

.fa-gear:before,
.fa-cog:before {
    content: "\f013"
}

.fa-trash-o:before {
    content: "\f014"
}

.fa-home:before {
    content: "\f015"
}

.fa-file-o:before {
    content: "\f016"
}

.fa-clock-o:before {
    content: "\f017"
}

.fa-road:before {
    content: "\f018"
}

.fa-download:before {
    content: "\f019"
}

.fa-arrow-circle-o-down:before {
    content: "\f01a"
}

.fa-arrow-circle-o-up:before {
    content: "\f01b"
}

.fa-inbox:before {
    content: "\f01c"
}

.fa-play-circle-o:before {
    content: "\f01d"
}

.fa-rotate-right:before,
.fa-repeat:before {
    content: "\f01e"
}

.fa-refresh:before {
    content: "\f021"
}

.fa-list-alt:before {
    content: "\f022"
}

.fa-lock:before {
    content: "\f023"
}

.fa-flag:before {
    content: "\f024"
}

.fa-headphones:before {
    content: "\f025"
}

.fa-volume-off:before {
    content: "\f026"
}

.fa-volume-down:before {
    content: "\f027"
}

.fa-volume-up:before {
    content: "\f028"
}

.fa-qrcode:before {
    content: "\f029"
}

.fa-barcode:before {
    content: "\f02a"
}

.fa-tag:before {
    content: "\f02b"
}

.fa-tags:before {
    content: "\f02c"
}

.fa-book:before {
    content: "\f02d"
}

.fa-bookmark:before {
    content: "\f02e"
}

.fa-print:before {
    content: "\f02f"
}

.fa-camera:before {
    content: "\f030"
}

.fa-font:before {
    content: "\f031"
}

.fa-bold:before {
    content: "\f032"
}

.fa-italic:before {
    content: "\f033"
}

.fa-text-height:before {
    content: "\f034"
}

.fa-text-width:before {
    content: "\f035"
}

.fa-align-left:before {
    content: "\f036"
}

.fa-align-center:before {
    content: "\f037"
}

.fa-align-right:before {
    content: "\f038"
}

.fa-align-justify:before {
    content: "\f039"
}

.fa-list:before {
    content: "\f03a"
}

.fa-dedent:before,
.fa-outdent:before {
    content: "\f03b"
}

.fa-indent:before {
    content: "\f03c"
}

.fa-video-camera:before {
    content: "\f03d"
}

.fa-photo:before,
.fa-image:before,
.fa-picture-o:before {
    content: "\f03e"
}

.fa-pencil:before {
    content: "\f040"
}

.fa-map-marker:before {
    content: "\f041"
}

.fa-adjust:before {
    content: "\f042"
}

.fa-tint:before {
    content: "\f043"
}

.fa-edit:before,
.fa-pencil-square-o:before {
    content: "\f044"
}

.fa-share-square-o:before {
    content: "\f045"
}

.fa-check-square-o:before {
    content: "\f046"
}

.fa-arrows:before {
    content: "\f047"
}

.fa-step-backward:before {
    content: "\f048"
}

.fa-fast-backward:before {
    content: "\f049"
}

.fa-backward:before {
    content: "\f04a"
}

.fa-play:before {
    content: "\f04b"
}

.fa-pause:before {
    content: "\f04c"
}

.fa-stop:before {
    content: "\f04d"
}

.fa-forward:before {
    content: "\f04e"
}

.fa-fast-forward:before {
    content: "\f050"
}

.fa-step-forward:before {
    content: "\f051"
}

.fa-eject:before {
    content: "\f052"
}

.fa-chevron-left:before {
    content: "\f053"
}

.fa-chevron-right:before {
    content: "\f054"
}

.fa-plus-circle:before {
    content: "\f055"
}

.fa-minus-circle:before {
    content: "\f056"
}

.fa-times-circle:before {
    content: "\f057"
}

.fa-check-circle:before {
    content: "\f058"
}

.fa-question-circle:before {
    content: "\f059"
}

.fa-info-circle:before {
    content: "\f05a"
}

.fa-crosshairs:before {
    content: "\f05b"
}

.fa-times-circle-o:before {
    content: "\f05c"
}

.fa-check-circle-o:before {
    content: "\f05d"
}

.fa-ban:before {
    content: "\f05e"
}

.fa-arrow-left:before {
    content: "\f060"
}

.fa-arrow-right:before {
    content: "\f061"
}

.fa-arrow-up:before {
    content: "\f062"
}

.fa-arrow-down:before {
    content: "\f063"
}

.fa-mail-forward:before,
.fa-share:before {
    content: "\f064"
}

.fa-expand:before {
    content: "\f065"
}

.fa-compress:before {
    content: "\f066"
}

.fa-plus:before {
    content: "\f067"
}

.fa-minus:before {
    content: "\f068"
}

.fa-asterisk:before {
    content: "\f069"
}

.fa-exclamation-circle:before {
    content: "\f06a"
}

.fa-gift:before {
    content: "\f06b"
}

.fa-leaf:before {
    content: "\f06c"
}

.fa-fire:before {
    content: "\f06d"
}

.fa-eye:before {
    content: "\f06e"
}

.fa-eye-slash:before {
    content: "\f070"
}

.fa-warning:before,
.fa-exclamation-triangle:before {
    content: "\f071"
}

.fa-plane:before {
    content: "\f072"
}

.fa-calendar:before {
    content: "\f073"
}

.fa-random:before {
    content: "\f074"
}

.fa-comment:before {
    content: "\f075"
}

.fa-magnet:before {
    content: "\f076"
}

.fa-chevron-up:before {
    content: "\f077"
}

.fa-chevron-down:before {
    content: "\f078"
}

.fa-retweet:before {
    content: "\f079"
}

.fa-shopping-cart:before {
    content: "\f07a"
}

.fa-folder:before {
    content: "\f07b"
}

.fa-folder-open:before {
    content: "\f07c"
}

.fa-arrows-v:before {
    content: "\f07d"
}

.fa-arrows-h:before {
    content: "\f07e"
}

.fa-bar-chart-o:before,
.fa-bar-chart:before {
    content: "\f080"
}

.fa-twitter-square:before {
    content: "\f081"
}

.fa-facebook-square:before {
    content: "\f082"
}

.fa-camera-retro:before {
    content: "\f083"
}

.fa-key:before {
    content: "\f084"
}

.fa-gears:before,
.fa-cogs:before {
    content: "\f085"
}

.fa-comments:before {
    content: "\f086"
}

.fa-thumbs-o-up:before {
    content: "\f087"
}

.fa-thumbs-o-down:before {
    content: "\f088"
}

.fa-star-half:before {
    content: "\f089"
}

.fa-heart-o:before {
    content: "\f08a"
}

.fa-sign-out:before {
    content: "\f08b"
}

.fa-linkedin-square:before {
    content: "\f08c"
}

.fa-thumb-tack:before {
    content: "\f08d"
}

.fa-external-link:before {
    content: "\f08e"
}

.fa-sign-in:before {
    content: "\f090"
}

.fa-trophy:before {
    content: "\f091"
}

.fa-github-square:before {
    content: "\f092"
}

.fa-upload:before {
    content: "\f093"
}

.fa-lemon-o:before {
    content: "\f094"
}

.fa-phone:before {
    content: "\f095"
}

.fa-square-o:before {
    content: "\f096"
}

.fa-bookmark-o:before {
    content: "\f097"
}

.fa-phone-square:before {
    content: "\f098"
}

.fa-twitter:before {
    content: "\f099"
}

.fa-facebook:before {
    content: "\f09a"
}

.fa-github:before {
    content: "\f09b"
}

.fa-unlock:before {
    content: "\f09c"
}

.fa-credit-card:before {
    content: "\f09d"
}

.fa-rss:before {
    content: "\f09e"
}

.fa-hdd-o:before {
    content: "\f0a0"
}

.fa-bullhorn:before {
    content: "\f0a1"
}

.fa-bell:before {
    content: "\f0f3"
}

.fa-certificate:before {
    content: "\f0a3"
}

.fa-hand-o-right:before {
    content: "\f0a4"
}

.fa-hand-o-left:before {
    content: "\f0a5"
}

.fa-hand-o-up:before {
    content: "\f0a6"
}

.fa-hand-o-down:before {
    content: "\f0a7"
}

.fa-arrow-circle-left:before {
    content: "\f0a8"
}

.fa-arrow-circle-right:before {
    content: "\f0a9"
}

.fa-arrow-circle-up:before {
    content: "\f0aa"
}

.fa-arrow-circle-down:before {
    content: "\f0ab"
}

.fa-globe:before {
    content: "\f0ac"
}

.fa-wrench:before {
    content: "\f0ad"
}

.fa-tasks:before {
    content: "\f0ae"
}

.fa-filter:before {
    content: "\f0b0"
}

.fa-briefcase:before {
    content: "\f0b1"
}

.fa-arrows-alt:before {
    content: "\f0b2"
}

.fa-group:before,
.fa-users:before {
    content: "\f0c0"
}

.fa-chain:before,
.fa-link:before {
    content: "\f0c1"
}

.fa-cloud:before {
    content: "\f0c2"
}

.fa-flask:before {
    content: "\f0c3"
}

.fa-cut:before,
.fa-scissors:before {
    content: "\f0c4"
}

.fa-copy:before,
.fa-files-o:before {
    content: "\f0c5"
}

.fa-paperclip:before {
    content: "\f0c6"
}

.fa-save:before,
.fa-floppy-o:before {
    content: "\f0c7"
}

.fa-square:before {
    content: "\f0c8"
}

.fa-navicon:before,
.fa-reorder:before,
.fa-bars:before {
    content: "\f0c9"
}

.fa-list-ul:before {
    content: "\f0ca"
}

.fa-list-ol:before {
    content: "\f0cb"
}

.fa-strikethrough:before {
    content: "\f0cc"
}

.fa-underline:before {
    content: "\f0cd"
}

.fa-table:before {
    content: "\f0ce"
}

.fa-magic:before {
    content: "\f0d0"
}

.fa-truck:before {
    content: "\f0d1"
}

.fa-pinterest:before {
    content: "\f0d2"
}

.fa-pinterest-square:before {
    content: "\f0d3"
}

.fa-google-plus-square:before {
    content: "\f0d4"
}

.fa-google-plus:before {
    content: "\f0d5"
}

.fa-money:before {
    content: "\f0d6"
}

.fa-caret-down:before {
    content: "\f0d7"
}

.fa-caret-up:before {
    content: "\f0d8"
}

.fa-caret-left:before {
    content: "\f0d9"
}

.fa-caret-right:before {
    content: "\f0da"
}

.fa-columns:before {
    content: "\f0db"
}

.fa-unsorted:before,
.fa-sort:before {
    content: "\f0dc"
}

.fa-sort-down:before,
.fa-sort-desc:before {
    content: "\f0dd"
}

.fa-sort-up:before,
.fa-sort-asc:before {
    content: "\f0de"
}

.fa-envelope:before {
    content: "\f0e0"
}

.fa-linkedin:before {
    content: "\f0e1"
}

.fa-rotate-left:before,
.fa-undo:before {
    content: "\f0e2"
}

.fa-legal:before,
.fa-gavel:before {
    content: "\f0e3"
}

.fa-dashboard:before,
.fa-tachometer:before {
    content: "\f0e4"
}

.fa-comment-o:before {
    content: "\f0e5"
}

.fa-comments-o:before {
    content: "\f0e6"
}

.fa-flash:before,
.fa-bolt:before {
    content: "\f0e7"
}

.fa-sitemap:before {
    content: "\f0e8"
}

.fa-umbrella:before {
    content: "\f0e9"
}

.fa-paste:before,
.fa-clipboard:before {
    content: "\f0ea"
}

.fa-lightbulb-o:before {
    content: "\f0eb"
}

.fa-exchange:before {
    content: "\f0ec"
}

.fa-cloud-download:before {
    content: "\f0ed"
}

.fa-cloud-upload:before {
    content: "\f0ee"
}

.fa-user-md:before {
    content: "\f0f0"
}

.fa-stethoscope:before {
    content: "\f0f1"
}

.fa-suitcase:before {
    content: "\f0f2"
}

.fa-bell-o:before {
    content: "\f0a2"
}

.fa-coffee:before {
    content: "\f0f4"
}

.fa-cutlery:before {
    content: "\f0f5"
}

.fa-file-text-o:before {
    content: "\f0f6"
}

.fa-building-o:before {
    content: "\f0f7"
}

.fa-hospital-o:before {
    content: "\f0f8"
}

.fa-ambulance:before {
    content: "\f0f9"
}

.fa-medkit:before {
    content: "\f0fa"
}

.fa-fighter-jet:before {
    content: "\f0fb"
}

.fa-beer:before {
    content: "\f0fc"
}

.fa-h-square:before {
    content: "\f0fd"
}

.fa-plus-square:before {
    content: "\f0fe"
}

.fa-angle-double-left:before {
    content: "\f100"
}

.fa-angle-double-right:before {
    content: "\f101"
}

.fa-angle-double-up:before {
    content: "\f102"
}

.fa-angle-double-down:before {
    content: "\f103"
}

.fa-angle-left:before {
    content: "\f104"
}

.fa-angle-right:before {
    content: "\f105"
}

.fa-angle-up:before {
    content: "\f106"
}

.fa-angle-down:before {
    content: "\f107"
}

.fa-desktop:before {
    content: "\f108"
}

.fa-laptop:before {
    content: "\f109"
}

.fa-tablet:before {
    content: "\f10a"
}

.fa-mobile-phone:before,
.fa-mobile:before {
    content: "\f10b"
}

.fa-circle-o:before {
    content: "\f10c"
}

.fa-quote-left:before {
    content: "\f10d"
}

.fa-quote-right:before {
    content: "\f10e"
}

.fa-spinner:before {
    content: "\f110"
}

.fa-circle:before {
    content: "\f111"
}

.fa-mail-reply:before,
.fa-reply:before {
    content: "\f112"
}

.fa-github-alt:before {
    content: "\f113"
}

.fa-folder-o:before {
    content: "\f114"
}

.fa-folder-open-o:before {
    content: "\f115"
}

.fa-smile-o:before {
    content: "\f118"
}

.fa-frown-o:before {
    content: "\f119"
}

.fa-meh-o:before {
    content: "\f11a"
}

.fa-gamepad:before {
    content: "\f11b"
}

.fa-keyboard-o:before {
    content: "\f11c"
}

.fa-flag-o:before {
    content: "\f11d"
}

.fa-flag-checkered:before {
    content: "\f11e"
}

.fa-terminal:before {
    content: "\f120"
}

.fa-code:before {
    content: "\f121"
}

.fa-mail-reply-all:before,
.fa-reply-all:before {
    content: "\f122"
}

.fa-star-half-empty:before,
.fa-star-half-full:before,
.fa-star-half-o:before {
    content: "\f123"
}

.fa-location-arrow:before {
    content: "\f124"
}

.fa-crop:before {
    content: "\f125"
}

.fa-code-fork:before {
    content: "\f126"
}

.fa-unlink:before,
.fa-chain-broken:before {
    content: "\f127"
}

.fa-question:before {
    content: "\f128"
}

.fa-info:before {
    content: "\f129"
}

.fa-exclamation:before {
    content: "\f12a"
}

.fa-superscript:before {
    content: "\f12b"
}

.fa-subscript:before {
    content: "\f12c"
}

.fa-eraser:before {
    content: "\f12d"
}

.fa-puzzle-piece:before {
    content: "\f12e"
}

.fa-microphone:before {
    content: "\f130"
}

.fa-microphone-slash:before {
    content: "\f131"
}

.fa-shield:before {
    content: "\f132"
}

.fa-calendar-o:before {
    content: "\f133"
}

.fa-fire-extinguisher:before {
    content: "\f134"
}

.fa-rocket:before {
    content: "\f135"
}

.fa-maxcdn:before {
    content: "\f136"
}

.fa-chevron-circle-left:before {
    content: "\f137"
}

.fa-chevron-circle-right:before {
    content: "\f138"
}

.fa-chevron-circle-up:before {
    content: "\f139"
}

.fa-chevron-circle-down:before {
    content: "\f13a"
}

.fa-html5:before {
    content: "\f13b"
}

.fa-css3:before {
    content: "\f13c"
}

.fa-anchor:before {
    content: "\f13d"
}

.fa-unlock-alt:before {
    content: "\f13e"
}

.fa-bullseye:before {
    content: "\f140"
}

.fa-ellipsis-h:before {
    content: "\f141"
}

.fa-ellipsis-v:before {
    content: "\f142"
}

.fa-rss-square:before {
    content: "\f143"
}

.fa-play-circle:before {
    content: "\f144"
}

.fa-ticket:before {
    content: "\f145"
}

.fa-minus-square:before {
    content: "\f146"
}

.fa-minus-square-o:before {
    content: "\f147"
}

.fa-level-up:before {
    content: "\f148"
}

.fa-level-down:before {
    content: "\f149"
}

.fa-check-square:before {
    content: "\f14a"
}

.fa-pencil-square:before {
    content: "\f14b"
}

.fa-external-link-square:before {
    content: "\f14c"
}

.fa-share-square:before {
    content: "\f14d"
}

.fa-compass:before {
    content: "\f14e"
}

.fa-toggle-down:before,
.fa-caret-square-o-down:before {
    content: "\f150"
}

.fa-toggle-up:before,
.fa-caret-square-o-up:before {
    content: "\f151"
}

.fa-toggle-right:before,
.fa-caret-square-o-right:before {
    content: "\f152"
}

.fa-euro:before,
.fa-eur:before {
    content: "\f153"
}

.fa-gbp:before {
    content: "\f154"
}

.fa-dollar:before,
.fa-usd:before {
    content: "\f155"
}

.fa-rupee:before,
.fa-inr:before {
    content: "\f156"
}

.fa-cny:before,
.fa-rmb:before,
.fa-yen:before,
.fa-jpy:before {
    content: "\f157"
}

.fa-ruble:before,
.fa-rouble:before,
.fa-rub:before {
    content: "\f158"
}

.fa-won:before,
.fa-krw:before {
    content: "\f159"
}

.fa-bitcoin:before,
.fa-btc:before {
    content: "\f15a"
}

.fa-file:before {
    content: "\f15b"
}

.fa-file-text:before {
    content: "\f15c"
}

.fa-sort-alpha-asc:before {
    content: "\f15d"
}

.fa-sort-alpha-desc:before {
    content: "\f15e"
}

.fa-sort-amount-asc:before {
    content: "\f160"
}

.fa-sort-amount-desc:before {
    content: "\f161"
}

.fa-sort-numeric-asc:before {
    content: "\f162"
}

.fa-sort-numeric-desc:before {
    content: "\f163"
}

.fa-thumbs-up:before {
    content: "\f164"
}

.fa-thumbs-down:before {
    content: "\f165"
}

.fa-youtube-square:before {
    content: "\f166"
}

.fa-youtube:before {
    content: "\f167"
}

.fa-xing:before {
    content: "\f168"
}

.fa-xing-square:before {
    content: "\f169"
}

.fa-youtube-play:before {
    content: "\f16a"
}

.fa-dropbox:before {
    content: "\f16b"
}

.fa-stack-overflow:before {
    content: "\f16c"
}

.fa-instagram:before {
    content: "\f16d"
}

.fa-flickr:before {
    content: "\f16e"
}

.fa-adn:before {
    content: "\f170"
}

.fa-bitbucket:before {
    content: "\f171"
}

.fa-bitbucket-square:before {
    content: "\f172"
}

.fa-tumblr:before {
    content: "\f173"
}

.fa-tumblr-square:before {
    content: "\f174"
}

.fa-long-arrow-down:before {
    content: "\f175"
}

.fa-long-arrow-up:before {
    content: "\f176"
}

.fa-long-arrow-left:before {
    content: "\f177"
}

.fa-long-arrow-right:before {
    content: "\f178"
}

.fa-apple:before {
    content: "\f179"
}

.fa-windows:before {
    content: "\f17a"
}

.fa-android:before {
    content: "\f17b"
}

.fa-linux:before {
    content: "\f17c"
}

.fa-dribbble:before {
    content: "\f17d"
}

.fa-skype:before {
    content: "\f17e"
}

.fa-foursquare:before {
    content: "\f180"
}

.fa-trello:before {
    content: "\f181"
}

.fa-female:before {
    content: "\f182"
}

.fa-male:before {
    content: "\f183"
}

.fa-gittip:before {
    content: "\f184"
}

.fa-sun-o:before {
    content: "\f185"
}

.fa-moon-o:before {
    content: "\f186"
}

.fa-archive:before {
    content: "\f187"
}

.fa-bug:before {
    content: "\f188"
}

.fa-vk:before {
    content: "\f189"
}

.fa-weibo:before {
    content: "\f18a"
}

.fa-renren:before {
    content: "\f18b"
}

.fa-pagelines:before {
    content: "\f18c"
}

.fa-stack-exchange:before {
    content: "\f18d"
}

.fa-arrow-circle-o-right:before {
    content: "\f18e"
}

.fa-arrow-circle-o-left:before {
    content: "\f190"
}

.fa-toggle-left:before,
.fa-caret-square-o-left:before {
    content: "\f191"
}

.fa-dot-circle-o:before {
    content: "\f192"
}

.fa-wheelchair:before {
    content: "\f193"
}

.fa-vimeo-square:before {
    content: "\f194"
}

.fa-turkish-lira:before,
.fa-try:before {
    content: "\f195"
}

.fa-plus-square-o:before {
    content: "\f196"
}

.fa-space-shuttle:before {
    content: "\f197"
}

.fa-slack:before {
    content: "\f198"
}

.fa-envelope-square:before {
    content: "\f199"
}

.fa-wordpress:before {
    content: "\f19a"
}

.fa-openid:before {
    content: "\f19b"
}

.fa-institution:before,
.fa-bank:before,
.fa-university:before {
    content: "\f19c"
}

.fa-mortar-board:before,
.fa-graduation-cap:before {
    content: "\f19d"
}

.fa-yahoo:before {
    content: "\f19e"
}

.fa-google:before {
    content: "\f1a0"
}

.fa-reddit:before {
    content: "\f1a1"
}

.fa-reddit-square:before {
    content: "\f1a2"
}

.fa-stumbleupon-circle:before {
    content: "\f1a3"
}

.fa-stumbleupon:before {
    content: "\f1a4"
}

.fa-delicious:before {
    content: "\f1a5"
}

.fa-digg:before {
    content: "\f1a6"
}

.fa-pied-piper:before {
    content: "\f1a7"
}

.fa-pied-piper-alt:before {
    content: "\f1a8"
}

.fa-drupal:before {
    content: "\f1a9"
}

.fa-joomla:before {
    content: "\f1aa"
}

.fa-language:before {
    content: "\f1ab"
}

.fa-fax:before {
    content: "\f1ac"
}

.fa-building:before {
    content: "\f1ad"
}

.fa-child:before {
    content: "\f1ae"
}

.fa-paw:before {
    content: "\f1b0"
}

.fa-spoon:before {
    content: "\f1b1"
}

.fa-cube:before {
    content: "\f1b2"
}

.fa-cubes:before {
    content: "\f1b3"
}

.fa-behance:before {
    content: "\f1b4"
}

.fa-behance-square:before {
    content: "\f1b5"
}

.fa-steam:before {
    content: "\f1b6"
}

.fa-steam-square:before {
    content: "\f1b7"
}

.fa-recycle:before {
    content: "\f1b8"
}

.fa-automobile:before,
.fa-car:before {
    content: "\f1b9"
}

.fa-cab:before,
.fa-taxi:before {
    content: "\f1ba"
}

.fa-tree:before {
    content: "\f1bb"
}

.fa-spotify:before {
    content: "\f1bc"
}

.fa-deviantart:before {
    content: "\f1bd"
}

.fa-soundcloud:before {
    content: "\f1be"
}

.fa-database:before {
    content: "\f1c0"
}

.fa-file-pdf-o:before {
    content: "\f1c1"
}

.fa-file-word-o:before {
    content: "\f1c2"
}

.fa-file-excel-o:before {
    content: "\f1c3"
}

.fa-file-powerpoint-o:before {
    content: "\f1c4"
}

.fa-file-photo-o:before,
.fa-file-picture-o:before,
.fa-file-image-o:before {
    content: "\f1c5"
}

.fa-file-zip-o:before,
.fa-file-archive-o:before {
    content: "\f1c6"
}

.fa-file-sound-o:before,
.fa-file-audio-o:before {
    content: "\f1c7"
}

.fa-file-movie-o:before,
.fa-file-video-o:before {
    content: "\f1c8"
}

.fa-file-code-o:before {
    content: "\f1c9"
}

.fa-vine:before {
    content: "\f1ca"
}

.fa-codepen:before {
    content: "\f1cb"
}

.fa-jsfiddle:before {
    content: "\f1cc"
}

.fa-life-bouy:before,
.fa-life-buoy:before,
.fa-life-saver:before,
.fa-support:before,
.fa-life-ring:before {
    content: "\f1cd"
}

.fa-circle-o-notch:before {
    content: "\f1ce"
}

.fa-ra:before,
.fa-rebel:before {
    content: "\f1d0"
}

.fa-ge:before,
.fa-empire:before {
    content: "\f1d1"
}

.fa-git-square:before {
    content: "\f1d2"
}

.fa-git:before {
    content: "\f1d3"
}

.fa-hacker-news:before {
    content: "\f1d4"
}

.fa-tencent-weibo:before {
    content: "\f1d5"
}

.fa-qq:before {
    content: "\f1d6"
}

.fa-wechat:before,
.fa-weixin:before {
    content: "\f1d7"
}

.fa-send:before,
.fa-paper-plane:before {
    content: "\f1d8"
}

.fa-send-o:before,
.fa-paper-plane-o:before {
    content: "\f1d9"
}

.fa-history:before {
    content: "\f1da"
}

.fa-circle-thin:before {
    content: "\f1db"
}

.fa-header:before {
    content: "\f1dc"
}

.fa-paragraph:before {
    content: "\f1dd"
}

.fa-sliders:before {
    content: "\f1de"
}

.fa-share-alt:before {
    content: "\f1e0"
}

.fa-share-alt-square:before {
    content: "\f1e1"
}

.fa-bomb:before {
    content: "\f1e2"
}

.fa-soccer-ball-o:before,
.fa-futbol-o:before {
    content: "\f1e3"
}

.fa-tty:before {
    content: "\f1e4"
}

.fa-binoculars:before {
    content: "\f1e5"
}

.fa-plug:before {
    content: "\f1e6"
}

.fa-slideshare:before {
    content: "\f1e7"
}

.fa-twitch:before {
    content: "\f1e8"
}

.fa-yelp:before {
    content: "\f1e9"
}

.fa-newspaper-o:before {
    content: "\f1ea"
}

.fa-wifi:before {
    content: "\f1eb"
}

.fa-calculator:before {
    content: "\f1ec"
}

.fa-paypal:before {
    content: "\f1ed"
}

.fa-google-wallet:before {
    content: "\f1ee"
}

.fa-cc-visa:before {
    content: "\f1f0"
}

.fa-cc-mastercard:before {
    content: "\f1f1"
}

.fa-cc-discover:before {
    content: "\f1f2"
}

.fa-cc-amex:before {
    content: "\f1f3"
}

.fa-cc-paypal:before {
    content: "\f1f4"
}

.fa-cc-stripe:before {
    content: "\f1f5"
}

.fa-bell-slash:before {
    content: "\f1f6"
}

.fa-bell-slash-o:before {
    content: "\f1f7"
}

.fa-trash:before {
    content: "\f1f8"
}

.fa-copyright:before {
    content: "\f1f9"
}

.fa-at:before {
    content: "\f1fa"
}

.fa-eyedropper:before {
    content: "\f1fb"
}

.fa-paint-brush:before {
    content: "\f1fc"
}

.fa-birthday-cake:before {
    content: "\f1fd"
}

.fa-area-chart:before {
    content: "\f1fe"
}

.fa-pie-chart:before {
    content: "\f200"
}

.fa-line-chart:before {
    content: "\f201"
}

.fa-lastfm:before {
    content: "\f202"
}

.fa-lastfm-square:before {
    content: "\f203"
}

.fa-toggle-off:before {
    content: "\f204"
}

.fa-toggle-on:before {
    content: "\f205"
}

.fa-bicycle:before {
    content: "\f206"
}

.fa-bus:before {
    content: "\f207"
}

.fa-ioxhost:before {
    content: "\f208"
}

.fa-angellist:before {
    content: "\f209"
}

.fa-cc:before {
    content: "\f20a"
}

.fa-shekel:before,
.fa-sheqel:before,
.fa-ils:before {
    content: "\f20b"
}

.fa-meanpath:before {
    content: "\f20c"
}

/*!
 * jQuery UI Accordion 1.11.4
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/accordion/#theming
 */
.ui-accordion .ui-accordion-header {
	display: block;
	cursor: pointer;
	position: relative;
	margin: 2px 0 0 0;
	padding: .5em .5em .5em .7em;
	min-height: 0; /* support: IE7 */
	font-size: 100%;
}
.ui-accordion .ui-accordion-icons {
	padding-left: 2.2em;
}
.ui-accordion .ui-accordion-icons .ui-accordion-icons {
	padding-left: 2.2em;
}
.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
	position: absolute;
	left: .5em;
	top: 50%;
	margin-top: -8px;
}
.ui-accordion .ui-accordion-content {
	padding: 1em 2.2em;
	border-top: 0;
	overflow: auto;
}

/*!
 * jQuery UI Autocomplete 1.11.4
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/autocomplete/#theming
 */
.ui-autocomplete {
	position: absolute;
	top: 0;
	left: 0;
	cursor: default;
}

/*!
 * jQuery UI Button 1.11.4
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/button/#theming
 */
.ui-button {
	display: inline-block;
	position: relative;
	padding: 0;
	line-height: normal;
	margin-right: .1em;
	cursor: pointer;
	vertical-align: middle;
	text-align: center;
	overflow: visible; /* removes extra width in IE */
}
.ui-button,
.ui-button:link,
.ui-button:visited,
.ui-button:hover,
.ui-button:active {
	text-decoration: none;
}
/* to make room for the icon, a width needs to be set here */
.ui-button-icon-only {
	width: 2.2em;
}
/* button elements seem to need a little more width */
button.ui-button-icon-only {
	width: 2.4em;
}
.ui-button-icons-only {
	width: 3.4em;
}
button.ui-button-icons-only {
	width: 3.7em;
}

/* button text element */
.ui-button .ui-button-text {
	display: block;
	line-height: normal;
}
.ui-button-text-only .ui-button-text {
	padding: .4em 1em;
}
.ui-button-icon-only .ui-button-text,
.ui-button-icons-only .ui-button-text {
	padding: .4em;
	text-indent: -9999999px;
}
.ui-button-text-icon-primary .ui-button-text,
.ui-button-text-icons .ui-button-text {
	padding: .4em 1em .4em 2.1em;
}
.ui-button-text-icon-secondary .ui-button-text,
.ui-button-text-icons .ui-button-text {
	padding: .4em 2.1em .4em 1em;
}
.ui-button-text-icons .ui-button-text {
	padding-left: 2.1em;
	padding-right: 2.1em;
}
/* no icon support for input elements, provide padding by default */
input.ui-button {
	padding: .4em 1em;
}

/* button icon element(s) */
.ui-button-icon-only .ui-icon,
.ui-button-text-icon-primary .ui-icon,
.ui-button-text-icon-secondary .ui-icon,
.ui-button-text-icons .ui-icon,
.ui-button-icons-only .ui-icon {
	position: absolute;
	top: 50%;
	margin-top: -8px;
}
.ui-button-icon-only .ui-icon {
	left: 50%;
	margin-left: -8px;
}
.ui-button-text-icon-primary .ui-button-icon-primary,
.ui-button-text-icons .ui-button-icon-primary,
.ui-button-icons-only .ui-button-icon-primary {
	left: .5em;
}
.ui-button-text-icon-secondary .ui-button-icon-secondary,
.ui-button-text-icons .ui-button-icon-secondary,
.ui-button-icons-only .ui-button-icon-secondary {
	right: .5em;
}

/* button sets */
.ui-buttonset {
	margin-right: 7px;
}
.ui-buttonset .ui-button {
	margin-left: 0;
	margin-right: -.3em;
}

/* workarounds */
/* reset extra padding in Firefox, see h5bp.com/l */
input.ui-button::-moz-focus-inner,
button.ui-button::-moz-focus-inner {
	border: 0;
	padding: 0;
}

/*!
 * jQuery UI CSS Framework 1.11.4
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/category/theming/
 */

/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
	display: none;
}
.ui-helper-hidden-accessible {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}
.ui-helper-reset {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	line-height: 1.3;
	text-decoration: none;
	font-size: 100%;
	list-style: none;
}
.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
	content: "";
	display: table;
	border-collapse: collapse;
}
.ui-helper-clearfix:after {
	clear: both;
}
.ui-helper-clearfix {
	min-height: 0; /* support: IE7 */
}
.ui-helper-zfix {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: absolute;
	opacity: 0;
	filter:Alpha(Opacity=0); /* support: IE8 */
}

.ui-front {
	z-index: 100;
}


/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
	cursor: default !important;
}


/* Icons
----------------------------------*/

/* states and images */
.ui-icon {
	display: block;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
}


/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/*!
 * jQuery UI Datepicker 1.11.4
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/datepicker/#theming
 */
.ui-datepicker {
	width: 17em;
	padding: .2em .2em 0;
	display: none;
}
.ui-datepicker .ui-datepicker-header {
	position: relative;
	padding: .2em 0;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
	position: absolute;
	top: 2px;
	width: 1.8em;
	height: 1.8em;
}
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
	top: 1px;
}
.ui-datepicker .ui-datepicker-prev {
	left: 2px;
}
.ui-datepicker .ui-datepicker-next {
	right: 2px;
}
.ui-datepicker .ui-datepicker-prev-hover {
	left: 1px;
}
.ui-datepicker .ui-datepicker-next-hover {
	right: 1px;
}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
	display: block;
	position: absolute;
	left: 50%;
	margin-left: -8px;
	top: 50%;
	margin-top: -8px;
}
.ui-datepicker .ui-datepicker-title {
	margin: 0 2.3em;
	line-height: 1.8em;
	text-align: center;
}
.ui-datepicker .ui-datepicker-title select {
	font-size: 1em;
	margin: 1px 0;
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
	width: 45%;
}
.ui-datepicker table {
	width: 100%;
	font-size: .9em;
	border-collapse: collapse;
	margin: 0 0 .4em;
}
.ui-datepicker th {
	padding: .7em .3em;
	text-align: center;
	font-weight: bold;
	border: 0;
}
.ui-datepicker td {
	border: 0;
	padding: 1px;
}
.ui-datepicker td span,
.ui-datepicker td a {
	display: block;
	padding: .2em;
	text-align: right;
	text-decoration: none;
}
.ui-datepicker .ui-datepicker-buttonpane {
	background-image: none;
	margin: .7em 0 0 0;
	padding: 0 .2em;
	border-left: 0;
	border-right: 0;
	border-bottom: 0;
}
.ui-datepicker .ui-datepicker-buttonpane button {
	float: right;
	margin: .5em .2em .4em;
	cursor: pointer;
	padding: .2em .6em .3em .6em;
	width: auto;
	overflow: visible;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
	float: left;
}

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
	width: auto;
}
.ui-datepicker-multi .ui-datepicker-group {
	float: left;
}
.ui-datepicker-multi .ui-datepicker-group table {
	width: 95%;
	margin: 0 auto .4em;
}
.ui-datepicker-multi-2 .ui-datepicker-group {
	width: 50%;
}
.ui-datepicker-multi-3 .ui-datepicker-group {
	width: 33.3%;
}
.ui-datepicker-multi-4 .ui-datepicker-group {
	width: 25%;
}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
	border-left-width: 0;
}
.ui-datepicker-multi .ui-datepicker-buttonpane {
	clear: left;
}
.ui-datepicker-row-break {
	clear: both;
	width: 100%;
	font-size: 0;
}

/* RTL support */
.ui-datepicker-rtl {
	direction: rtl;
}
.ui-datepicker-rtl .ui-datepicker-prev {
	right: 2px;
	left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next {
	left: 2px;
	right: auto;
}
.ui-datepicker-rtl .ui-datepicker-prev:hover {
	right: 1px;
	left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next:hover {
	left: 1px;
	right: auto;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane {
	clear: right;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
	float: left;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
	float: right;
}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
	border-right-width: 0;
	border-left-width: 1px;
}

/*!
 * jQuery UI Dialog 1.11.4
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/dialog/#theming
 */
.ui-dialog {
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
	padding: .2em;
	outline: 0;
}
.ui-dialog .ui-dialog-titlebar {
	padding: .4em 1em;
	position: relative;
}
.ui-dialog .ui-dialog-title {
	float: left;
	margin: .1em 0;
	white-space: nowrap;
	width: 90%;
	overflow: hidden;
	text-overflow: ellipsis;
}
.ui-dialog .ui-dialog-titlebar-close {
	position: absolute;
	right: .3em;
	top: 50%;
	width: 20px;
	margin: -10px 0 0 0;
	padding: 1px;
	height: 20px;
}
.ui-dialog .ui-dialog-content {
	position: relative;
	border: 0;
	padding: .5em 1em;
	background: none;
	overflow: auto;
}
.ui-dialog .ui-dialog-buttonpane {
	text-align: left;
	border-width: 1px 0 0 0;
	background-image: none;
	margin-top: .5em;
	padding: .3em 1em .5em .4em;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
	float: right;
}
.ui-dialog .ui-dialog-buttonpane button {
	margin: .5em .4em .5em 0;
	cursor: pointer;
}
.ui-dialog .ui-resizable-se {
	width: 12px;
	height: 12px;
	right: -5px;
	bottom: -5px;
	background-position: 16px 16px;
}
.ui-draggable .ui-dialog-titlebar {
	cursor: move;
}

/*!
 * jQuery UI Draggable 1.11.4
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 */
.ui-draggable-handle {
	-ms-touch-action: none;
	touch-action: none;
}

/*!
 * jQuery UI Menu 1.11.4
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/menu/#theming
 */
.ui-menu {
	list-style: none;
	padding: 0;
	margin: 0;
	display: block;
	outline: none;
}
.ui-menu .ui-menu {
	position: absolute;
}
.ui-menu .ui-menu-item {
	position: relative;
	margin: 0;
	padding: 3px 1em 3px .4em;
	cursor: pointer;
	min-height: 0; /* support: IE7 */
	/* support: IE10, see #8844 */
	list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
}
.ui-menu .ui-menu-divider {
	margin: 5px 0;
	height: 0;
	font-size: 0;
	line-height: 0;
	border-width: 1px 0 0 0;
}
.ui-menu .ui-state-focus,
.ui-menu .ui-state-active {
	margin: -1px;
}

/* icon support */
.ui-menu-icons {
	position: relative;
}
.ui-menu-icons .ui-menu-item {
	padding-left: 2em;
}

/* left-aligned */
.ui-menu .ui-icon {
	position: absolute;
	top: 0;
	bottom: 0;
	left: .2em;
	margin: auto 0;
}

/* right-aligned */
.ui-menu .ui-menu-icon {
	left: auto;
	right: 0;
}

/*!
 * jQuery UI Resizable 1.11.4
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 */
.ui-resizable {
	position: relative;
}
.ui-resizable-handle {
	position: absolute;
	font-size: 0.1px;
	display: block;
	-ms-touch-action: none;
	touch-action: none;
}
.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
	display: none;
}
.ui-resizable-n {
	cursor: n-resize;
	height: 7px;
	width: 100%;
	top: -5px;
	left: 0;
}
.ui-resizable-s {
	cursor: s-resize;
	height: 7px;
	width: 100%;
	bottom: -5px;
	left: 0;
}
.ui-resizable-e {
	cursor: e-resize;
	width: 7px;
	right: -5px;
	top: 0;
	height: 100%;
}
.ui-resizable-w {
	cursor: w-resize;
	width: 7px;
	left: -5px;
	top: 0;
	height: 100%;
}
.ui-resizable-se {
	cursor: se-resize;
	width: 12px;
	height: 12px;
	right: 1px;
	bottom: 1px;
}
.ui-resizable-sw {
	cursor: sw-resize;
	width: 9px;
	height: 9px;
	left: -5px;
	bottom: -5px;
}
.ui-resizable-nw {
	cursor: nw-resize;
	width: 9px;
	height: 9px;
	left: -5px;
	top: -5px;
}
.ui-resizable-ne {
	cursor: ne-resize;
	width: 9px;
	height: 9px;
	right: -5px;
	top: -5px;
}

/*!
 * jQuery UI Selectable 1.11.4
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 */
.ui-selectable {
	-ms-touch-action: none;
	touch-action: none;
}
.ui-selectable-helper {
	position: absolute;
	z-index: 100;
	border: 1px dotted black;
}

/*!
 * jQuery UI Selectmenu 1.11.4
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/selectmenu/#theming
 */
.ui-selectmenu-menu {
	padding: 0;
	margin: 0;
	position: absolute;
	top: 0;
	left: 0;
	display: none;
}
.ui-selectmenu-menu .ui-menu {
	overflow: auto;
	/* Support: IE7 */
	overflow-x: hidden;
	padding-bottom: 1px;
}
.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
	font-size: 1em;
	font-weight: bold;
	line-height: 1.5;
	padding: 2px 0.4em;
	margin: 0.5em 0 0 0;
	height: auto;
	border: 0;
}
.ui-selectmenu-open {
	display: block;
}
.ui-selectmenu-button {
	display: inline-block;
	overflow: hidden;
	position: relative;
	text-decoration: none;
	cursor: pointer;
}
.ui-selectmenu-button span.ui-icon {
	right: 0.5em;
	left: auto;
	margin-top: -8px;
	position: absolute;
	top: 50%;
}
.ui-selectmenu-button span.ui-selectmenu-text {
	text-align: left;
	padding: 0.4em 2.1em 0.4em 1em;
	display: block;
	line-height: 1.4;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

/*!
 * jQuery UI Slider 1.11.4
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/slider/#theming
 */
.ui-slider {
	position: relative;
	text-align: left;
}
.ui-slider .ui-slider-handle {
	position: absolute;
	z-index: 2;
	width: 1.2em;
	height: 1.2em;
	cursor: default;
	-ms-touch-action: none;
	touch-action: none;
}
.ui-slider .ui-slider-range {
	position: absolute;
	z-index: 1;
	font-size: .7em;
	display: block;
	border: 0;
	background-position: 0 0;
}

/* support: IE8 - See #6727 */
.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
	filter: inherit;
}

.ui-slider-horizontal {
	height: .8em;
}
.ui-slider-horizontal .ui-slider-handle {
	top: -.3em;
	margin-left: -.6em;
}
.ui-slider-horizontal .ui-slider-range {
	top: 0;
	height: 100%;
}
.ui-slider-horizontal .ui-slider-range-min {
	left: 0;
}
.ui-slider-horizontal .ui-slider-range-max {
	right: 0;
}

.ui-slider-vertical {
	width: .8em;
	height: 100px;
}
.ui-slider-vertical .ui-slider-handle {
	left: -.3em;
	margin-left: 0;
	margin-bottom: -.6em;
}
.ui-slider-vertical .ui-slider-range {
	left: 0;
	width: 100%;
}
.ui-slider-vertical .ui-slider-range-min {
	bottom: 0;
}
.ui-slider-vertical .ui-slider-range-max {
	top: 0;
}

/*!
 * jQuery UI Tabs 1.11.4
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/tabs/#theming
 */
.ui-tabs {
	position: relative;/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
	padding: .2em;
}
.ui-tabs .ui-tabs-nav {
	margin: 0;
	padding: .2em .2em 0;
}
.ui-tabs .ui-tabs-nav li {
	list-style: none;
	float: left;
	position: relative;
	top: 0;
	margin: 1px .2em 0 0;
	border-bottom-width: 0;
	padding: 0;
	white-space: nowrap;
}
.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
	float: left;
	padding: .5em 1em;
	text-decoration: none;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active {
	margin-bottom: -1px;
	padding-bottom: 1px;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
	cursor: text;
}
.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
	cursor: pointer;
}
.ui-tabs .ui-tabs-panel {
	display: block;
	border-width: 0;
	padding: 1em 1.4em;
	background: none;
}

/*!
 * jQuery UI CSS Framework 1.12.0
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/category/theming/
 *
 * To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Arial%2CHelvetica%2Csans-serif&fsDefault=1em&fwDefault=normal&cornerRadius=3px&bgColorHeader=e9e9e9&bgTextureHeader=flat&borderColorHeader=dddddd&fcHeader=333333&iconColorHeader=444444&bgColorContent=ffffff&bgTextureContent=flat&borderColorContent=dddddd&fcContent=333333&iconColorContent=444444&bgColorDefault=f6f6f6&bgTextureDefault=flat&borderColorDefault=c5c5c5&fcDefault=454545&iconColorDefault=777777&bgColorHover=ededed&bgTextureHover=flat&borderColorHover=cccccc&fcHover=2b2b2b&iconColorHover=555555&bgColorActive=007fff&bgTextureActive=flat&borderColorActive=003eff&fcActive=ffffff&iconColorActive=ffffff&bgColorHighlight=fffa90&bgTextureHighlight=flat&borderColorHighlight=dad55e&fcHighlight=777620&iconColorHighlight=777620&bgColorError=fddfdf&bgTextureError=flat&borderColorError=f1a899&fcError=5f3f3f&iconColorError=cc0000&bgColorOverlay=aaaaaa&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=666666&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=5px&offsetTopShadow=0px&offsetLeftShadow=0px&cornerRadiusShadow=8px
 */


/* Component containers
----------------------------------*/
.ui-widget {
	font-family: Arial,Helvetica,sans-serif;
	font-size: 1em;
}
.ui-widget .ui-widget {
	font-size: 1em;
}
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
	font-family: Arial,Helvetica,sans-serif;
	font-size: 1em;
}
.ui-widget.ui-widget-content {
	border: 1px solid #c5c5c5;
}
.ui-widget-content {
	border: 1px solid #dddddd;
	background: #ffffff;
	color: #333333;
}
.ui-widget-content a {
	color: #333333;
}
.ui-widget-header {
	border: 1px solid #dddddd;
	background: #e9e9e9;
	color: #333333;
	font-weight: bold;
}
.ui-widget-header a {
	color: #333333;
}

/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,

/* We use html here because we need a greater specificity to make sure disabled
works properly when clicked or hovered */
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
	border: 1px solid #c5c5c5;
	background: #f6f6f6;
	font-weight: normal;
	color: #454545;
}
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited,
a.ui-button,
a:link.ui-button,
a:visited.ui-button,
.ui-button {
	color: #454545;
	text-decoration: none;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-button:hover,
.ui-button:focus {
	border: 1px solid #cccccc;
	background: #ededed;
	font-weight: normal;
	color: #2b2b2b;
}
.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited,
a.ui-button:hover,
a.ui-button:focus {
	color: #2b2b2b;
	text-decoration: none;
}

.ui-visual-focus {
	box-shadow: 0 0 3px 1px rgb(94, 158, 214);
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
	border: 1px solid #003eff;
	background: #007fff;
	font-weight: normal;
	color: #ffffff;
}
.ui-icon-background,
.ui-state-active .ui-icon-background {
	border: #003eff;
	background-color: #ffffff;
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
	color: #ffffff;
	text-decoration: none;
}

/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
	border: 1px solid #dad55e;
	background: #fffa90;
	color: #777620;
}
.ui-state-checked {
	border: 1px solid #dad55e;
	background: #fffa90;
}
.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
	color: #777620;
}
.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
	border: 1px solid #f1a899;
	background: #fddfdf;
	color: #5f3f3f;
}
.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
	color: #5f3f3f;
}
.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
	color: #5f3f3f;
}
.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
	font-weight: bold;
}
.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
	opacity: .7;
	filter:Alpha(Opacity=70); /* support: IE8 */
	font-weight: normal;
}
.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
	opacity: .35;
	filter:Alpha(Opacity=35); /* support: IE8 */
	background-image: none;
}
.ui-state-disabled .ui-icon {
	filter:Alpha(Opacity=35); /* support: IE8 - See #6059 */
}

/* Icons
----------------------------------*/

/* states and images */
.ui-icon {
	width: 16px;
	height: 16px;
}
.ui-icon,
/*.ui-widget-content .ui-icon {
	background-image: url("images/ui-icons_444444_256x240.png");
}
.ui-widget-header .ui-icon {
	background-image: url("images/ui-icons_444444_256x240.png");
}
.ui-button .ui-icon {
	background-image: url("images/ui-icons_777777_256x240.png");
}
.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon,
.ui-button:hover .ui-icon,
.ui-button:focus .ui-icon,
.ui-state-default .ui-icon {
	background-image: url("images/ui-icons_555555_256x240.png");
}
.ui-state-active .ui-icon,
.ui-button:active .ui-icon {
	background-image: url("images/ui-icons_ffffff_256x240.png");
}
.ui-state-highlight .ui-icon,
.ui-button .ui-state-highlight.ui-icon {
	background-image: url("images/ui-icons_777620_256x240.png");
}
.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
	background-image: url("images/ui-icons_cc0000_256x240.png");
}*/

/* positioning */
/*.ui-icon-blank { background-position: 16px 16px; }
.ui-icon-caret-1-n { background-position: 0 0; }
.ui-icon-caret-1-ne { background-position: -16px 0; }
.ui-icon-caret-1-e { background-position: -32px 0; }
.ui-icon-caret-1-se { background-position: -48px 0; }
.ui-icon-caret-1-s { background-position: -65px 0; }
.ui-icon-caret-1-sw { background-position: -80px 0; }
.ui-icon-caret-1-w { background-position: -96px 0; }
.ui-icon-caret-1-nw { background-position: -112px 0; }
.ui-icon-caret-2-n-s { background-position: -128px 0; }
.ui-icon-caret-2-e-w { background-position: -144px 0; }
.ui-icon-triangle-1-n { background-position: 0 -16px; }
.ui-icon-triangle-1-ne { background-position: -16px -16px; }
.ui-icon-triangle-1-e { background-position: -32px -16px; }
.ui-icon-triangle-1-se { background-position: -48px -16px; }
.ui-icon-triangle-1-s { background-position: -65px -16px; }
.ui-icon-triangle-1-sw { background-position: -80px -16px; }
.ui-icon-triangle-1-w { background-position: -96px -16px; }
.ui-icon-triangle-1-nw { background-position: -112px -16px; }
.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
.ui-icon-arrow-1-n { background-position: 0 -32px; }
.ui-icon-arrow-1-ne { background-position: -16px -32px; }
.ui-icon-arrow-1-e { background-position: -32px -32px; }
.ui-icon-arrow-1-se { background-position: -48px -32px; }
.ui-icon-arrow-1-s { background-position: -65px -32px; }
.ui-icon-arrow-1-sw { background-position: -80px -32px; }
.ui-icon-arrow-1-w { background-position: -96px -32px; }
.ui-icon-arrow-1-nw { background-position: -112px -32px; }
.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
.ui-icon-arrowthick-1-n { background-position: 1px -48px; }
.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
.ui-icon-arrow-4 { background-position: 0 -80px; }
.ui-icon-arrow-4-diag { background-position: -16px -80px; }
.ui-icon-extlink { background-position: -32px -80px; }
.ui-icon-newwin { background-position: -48px -80px; }
.ui-icon-refresh { background-position: -64px -80px; }
.ui-icon-shuffle { background-position: -80px -80px; }
.ui-icon-transfer-e-w { background-position: -96px -80px; }
.ui-icon-transferthick-e-w { background-position: -112px -80px; }
.ui-icon-folder-collapsed { background-position: 0 -96px; }
.ui-icon-folder-open { background-position: -16px -96px; }
.ui-icon-document { background-position: -32px -96px; }
.ui-icon-document-b { background-position: -48px -96px; }
.ui-icon-note { background-position: -64px -96px; }
.ui-icon-mail-closed { background-position: -80px -96px; }
.ui-icon-mail-open { background-position: -96px -96px; }
.ui-icon-suitcase { background-position: -112px -96px; }
.ui-icon-comment { background-position: -128px -96px; }
.ui-icon-person { background-position: -144px -96px; }
.ui-icon-print { background-position: -160px -96px; }
.ui-icon-trash { background-position: -176px -96px; }
.ui-icon-locked { background-position: -192px -96px; }
.ui-icon-unlocked { background-position: -208px -96px; }
.ui-icon-bookmark { background-position: -224px -96px; }
.ui-icon-tag { background-position: -240px -96px; }
.ui-icon-home { background-position: 0 -112px; }
.ui-icon-flag { background-position: -16px -112px; }
.ui-icon-calendar { background-position: -32px -112px; }
.ui-icon-cart { background-position: -48px -112px; }
.ui-icon-pencil { background-position: -64px -112px; }
.ui-icon-clock { background-position: -80px -112px; }
.ui-icon-disk { background-position: -96px -112px; }
.ui-icon-calculator { background-position: -112px -112px; }
.ui-icon-zoomin { background-position: -128px -112px; }
.ui-icon-zoomout { background-position: -144px -112px; }
.ui-icon-search { background-position: -160px -112px; }
.ui-icon-wrench { background-position: -176px -112px; }
.ui-icon-gear { background-position: -192px -112px; }
.ui-icon-heart { background-position: -208px -112px; }
.ui-icon-star { background-position: -224px -112px; }
.ui-icon-link { background-position: -240px -112px; }
.ui-icon-cancel { background-position: 0 -128px; }
.ui-icon-plus { background-position: -16px -128px; }
.ui-icon-plusthick { background-position: -32px -128px; }
.ui-icon-minus { background-position: -48px -128px; }
.ui-icon-minusthick { background-position: -64px -128px; }
.ui-icon-close { background-position: -80px -128px; }
.ui-icon-closethick { background-position: -96px -128px; }
.ui-icon-key { background-position: -112px -128px; }
.ui-icon-lightbulb { background-position: -128px -128px; }
.ui-icon-scissors { background-position: -144px -128px; }
.ui-icon-clipboard { background-position: -160px -128px; }
.ui-icon-copy { background-position: -176px -128px; }
.ui-icon-contact { background-position: -192px -128px; }
.ui-icon-image { background-position: -208px -128px; }
.ui-icon-video { background-position: -224px -128px; }
.ui-icon-script { background-position: -240px -128px; }
.ui-icon-alert { background-position: 0 -144px; }
.ui-icon-info { background-position: -16px -144px; }
.ui-icon-notice { background-position: -32px -144px; }
.ui-icon-help { background-position: -48px -144px; }
.ui-icon-check { background-position: -64px -144px; }
.ui-icon-bullet { background-position: -80px -144px; }
.ui-icon-radio-on { background-position: -96px -144px; }
.ui-icon-radio-off { background-position: -112px -144px; }
.ui-icon-pin-w { background-position: -128px -144px; }
.ui-icon-pin-s { background-position: -144px -144px; }
.ui-icon-play { background-position: 0 -160px; }
.ui-icon-pause { background-position: -16px -160px; }
.ui-icon-seek-next { background-position: -32px -160px; }
.ui-icon-seek-prev { background-position: -48px -160px; }
.ui-icon-seek-end { background-position: -64px -160px; }
.ui-icon-seek-start { background-position: -80px -160px; }*/
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
/*.ui-icon-seek-first { background-position: -80px -160px; }
.ui-icon-stop { background-position: -96px -160px; }
.ui-icon-eject { background-position: -112px -160px; }
.ui-icon-volume-off { background-position: -128px -160px; }
.ui-icon-volume-on { background-position: -144px -160px; }
.ui-icon-power { background-position: 0 -176px; }
.ui-icon-signal-diag { background-position: -16px -176px; }
.ui-icon-signal { background-position: -32px -176px; }
.ui-icon-battery-0 { background-position: -48px -176px; }
.ui-icon-battery-1 { background-position: -64px -176px; }
.ui-icon-battery-2 { background-position: -80px -176px; }
.ui-icon-battery-3 { background-position: -96px -176px; }
.ui-icon-circle-plus { background-position: 0 -192px; }
.ui-icon-circle-minus { background-position: -16px -192px; }
.ui-icon-circle-close { background-position: -32px -192px; }
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
.ui-icon-circle-triangle-n { background-position: -96px -192px; }
.ui-icon-circle-arrow-e { background-position: -112px -192px; }
.ui-icon-circle-arrow-s { background-position: -128px -192px; }
.ui-icon-circle-arrow-w { background-position: -144px -192px; }
.ui-icon-circle-arrow-n { background-position: -160px -192px; }
.ui-icon-circle-zoomin { background-position: -176px -192px; }
.ui-icon-circle-zoomout { background-position: -192px -192px; }
.ui-icon-circle-check { background-position: -208px -192px; }
.ui-icon-circlesmall-plus { background-position: 0 -208px; }
.ui-icon-circlesmall-minus { background-position: -16px -208px; }
.ui-icon-circlesmall-close { background-position: -32px -208px; }
.ui-icon-squaresmall-plus { background-position: -48px -208px; }
.ui-icon-squaresmall-minus { background-position: -64px -208px; }
.ui-icon-squaresmall-close { background-position: -80px -208px; }
.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
.ui-icon-grip-diagonal-se { background-position: -80px -224px; }*/


/* Misc visuals
----------------------------------*/

/* Corner radius */
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
	border-top-left-radius: 3px;
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
	border-top-right-radius: 3px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
	border-bottom-left-radius: 3px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
	border-bottom-right-radius: 3px;
}

/* Overlays */
.ui-widget-overlay {
	background: #aaaaaa;
	opacity: .3;
	filter: Alpha(Opacity=30); /* support: IE8 */
}
.ui-widget-shadow {
	-webkit-box-shadow: 0px 0px 5px #666666;
	box-shadow: 0px 0px 5px #666666;
}

/*!
 * jQuery UI Tooltip 1.11.4
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/tooltip/#theming
 */
.ui-tooltip {
	padding: 8px;
	position: absolute;
	z-index: 9999;
	max-width: 300px;
	-webkit-box-shadow: 0 0 5px #aaa;
	box-shadow: 0 0 5px #aaa;
}
body .ui-tooltip {
	border-width: 2px;
}

.blocker {
  position: fixed;
  top: 0; right: 0; bottom: 0; left: 0;
  width: 100%; height: 100%;
  overflow: auto;
  z-index: 1;
  padding: 20px;
  box-sizing: border-box;
  background-color: rgb(0,0,0);
  background-color: rgba(0,0,0,0.75);
  text-align: center;
}
.blocker:before{
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -0.05em;
}
.blocker.behind {
  background-color: transparent;
}
.modal {
  display: none;
  vertical-align: middle;
  position: relative;
  z-index: 2;
  max-width: 500px;
  box-sizing: border-box;
  width: 90%;
  background: #fff;
  padding: 30px 0 0 0; 
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -o-border-radius: 8px;
  -ms-border-radius: 8px;
  border-radius: 8px;
  -webkit-box-shadow: 0 0 10px #000;
  -moz-box-shadow: 0 0 10px #000;
  -o-box-shadow: 0 0 10px #000;
  -ms-box-shadow: 0 0 10px #000;
  box-shadow: 0 0 10px #000;
  text-align: left;
}

.modal a.close-modal {
  position: absolute;
  top: -12.5px;
  right: -12.5px;
  display: block;
  width: 30px;
  height: 30px;
  text-indent: -9999px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAAAXNSR0IArs4c6QAAA3hJREFUaAXlm8+K00Acx7MiCIJH/yw+gA9g25O49SL4AO3Bp1jw5NvktC+wF88qevK4BU97EmzxUBCEolK/n5gp3W6TTJPfpNPNF37MNsl85/vN/DaTmU6PknC4K+pniqeKJ3k8UnkvDxXJzzy+q/yaxxeVHxW/FNHjgRSeKt4rFoplzaAuHHDBGR2eS9G54reirsmienDCTRt7xwsp+KAoEmt9nLaGitZxrBbPFNaGfPloGw2t4JVamSt8xYW6Dg1oCYo3Yv+rCGViV160oMkcd8SYKnYV1Nb1aEOjCe6L5ZOiLfF120EjWhuBu3YIZt1NQmujnk5F4MgOpURzLfAwOBSTmzp3fpDxuI/pabxpqOoz2r2HLAb0GMbZKlNV5/Hg9XJypguryA7lPF5KMdTZQzHjqxNPhWhzIuAruOl1eNqKEx1tSh5rfbxdw7mOxCq4qS68ZTjKS1YVvilu559vWvFHhh4rZrdyZ69Vmpgdj8fJbDZLJpNJ0uv1cnr/gjrUhQMuI+ANjyuwftQ0bbL6Erp0mM/ny8Fg4M3LtdRxgMtKl3jwmIHVxYXChFy94/Rmpa/pTbNUhstKV+4Rr8lLQ9KlUvJKLyG8yvQ2s9SBy1Jb7jV5a0yapfF6apaZLjLLcWtd4sNrmJUMHyM+1xibTjH82Zh01TNlhsrOhdKTe00uAzZQmN6+KW+sDa/JD2PSVQ873m29yf+1Q9VDzfEYlHi1G5LKBBWZbtEsHbFwb1oYDwr1ZiF/2bnCSg1OBE/pfr9/bWx26UxJL3ONPISOLKUvQza0LZUxSKyjpdTGa/vDEr25rddbMM0Q3O6Lx3rqFvU+x6UrRKQY7tyrZecmD9FODy8uLizTmilwNj0kraNcAJhOp5aGVwsAGD5VmJBrWWbJSgWT9zrzWepQF47RaGSiKfeGx6Szi3gzmX/HHbihwBser4B9UJYpFBNX4R6vTn3VQnez0SymnrHQMsRYGTr1dSk34ljRqS/EMd2pLQ8YBp3a1PLfcqCpo8gtHkZFHKkTX6fs3MY0blKnth66rKCnU0VRGu37ONrQaA4eZDFtWAu2fXj9zjFkxTBOo8F7t926gTp/83Kyzzcy2kZD6xiqxTYnHLRFm3vHiRSwNSjkz3hoIzo8lCKWUlg/YtGs7tObunDAZfpDLbfEI15zsEIY3U/x/gHHc/G1zltnAgAAAABJRU5ErkJggg==');

}

.modal-spinner {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  padding: 12px 16px;
  border-radius: 5px;
  background-color: #111;
  height: 20px;
}

.modal-spinner > div {
  border-radius: 100px;
  background-color: #fff;
  height: 20px;
  width: 2px;
  margin: 0 1px;
  display: inline-block;

  -webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out;
  animation: sk-stretchdelay 1.2s infinite ease-in-out;
}

.modal-spinner .rect2 {
  -webkit-animation-delay: -1.1s;
  animation-delay: -1.1s;
}

.modal-spinner .rect3 {
  -webkit-animation-delay: -1.0s;
  animation-delay: -1.0s;
}

.modal-spinner .rect4 {
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s;
}

@-webkit-keyframes sk-stretchdelay {
  0%, 40%, 100% { -webkit-transform: scaleY(0.5) }
  20% { -webkit-transform: scaleY(1.0) }
}

@keyframes sk-stretchdelay {
  0%, 40%, 100% {
    transform: scaleY(0.5);
    -webkit-transform: scaleY(0.5);
  }  20% {
    transform: scaleY(1.0);
    -webkit-transform: scaleY(1.0);
  }
}
/*

    Site-wide style rules

    ---Color hex-------------------
    Blue:                   #0173AF
    Darker Blue (hover):    #005989
    Grey (text):            #656565
    Darker Grey (headers):  #333333
    Light Grey (bg):        #F8F8F8
    Footer Grey:            #4A4A4A
    Footer Header:          #979797
    Footer Text:            #CACACA
    Green:                  #49732E
    Red:                    #E70000
    -------------------------------

*/




/*#region Common */



div.row {
    max-width: 1024px;
}

div.row-wrapper {
    width: 100%;
}

main, header, footer, #header-search-bar {
    position: relative;
    -moz-transition: all 200ms ease;
    -webkit-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
    top: 0;
    left: 0;
    display: block;
}


.cmhc-container {
    width: 100%;
    min-width: 320px;
}

/*
:focus {
    outline: 1px dotted #212121;
}
*/


/*#endregion */

/*#region Header */
header {
    height: 110px;
    z-index: 100;
    background: white;
}

.site-title a {
    display: block;
    width: 460px;
    height: 66px;
    margin-top: 20px;
    background: transparent url('https://www.cmhc-schl.gc.ca/Content/project/cmhc/img/logo/CMHC_WordMark_EN.svg') no-repeat left 125px top 3px;
    text-decoration: none;
    color: #656565;
}
.site-title a.fr-lang {
    background: transparent url('https://www.cmhc-schl.gc.ca/Content/project/cmhc/img/logo/CMHC_WordMark_FR.svg') no-repeat left 125px top 3px;
}

/*
    For older browsers that don't support SVG, modernizr adds a class to HTML 
    called no-svg, no-inlinesvg, and no-svgasimg. 
*/

.no-svg .site-title a {
    background-image: url('https://www.cmhc-schl.gc.ca/Content/project/cmhc/img/logo/CMHC_WordMark_EN.png');
    background-repeat: no-repeat;
    background-position: 125px 5px;
}


.site-title span {
    display: none;
}

.site-title img {
    float: left;
    margin: 5px 13px 0 0;
    width: 115px;
}

.site-menu li {
/*Coveo Header IE Issue */
    /*float: left;*/
    margin: 43px 0 0 30px;
    position: relative;
}

#language-btn-wrapper {
    margin-left: 22px;
}

#language-btn-wrapper .nav-language {
    cursor: pointer;
    color: #0173AF;
    font-family: 'Montserrat',Arial,sans-serif;
    text-transform: uppercase;
    font-size: 0.75rem;
}

/*#endregion*/

/*#region Profile */

#user-profile {
    font-size: 0.875rem;
    line-height: 1.2rem;
}

    #user-profile > a {
        text-decoration: none;
        font-weight: bold;
        color: #656565;
    }

        #user-profile > a:hover {
            text-decoration: underline;
        }





    #user-profile #profile-name {
        display: inline-block;
        vertical-align: middle;
        font-size: 0.875rem;
        font-weight: normal;
        background: url('https://www.cmhc-schl.gc.ca/Content/project/cmhc/img/icon-arrow-down.svg') no-repeat right 10px center;
        background-size: 10px;
        border: 1px solid white;
        height: 48px;
        margin-top: 0px;
        padding: 7px 30px 7px 15px;
        position: relative;
        overflow: hidden;
        max-width:260px;
        border-left: 4px solid transparent;
    }

        #user-profile #profile-name.active {
            border: 1px solid #DEDEDE;
            background-color: #f8f8f8;
        }

        #user-profile #profile-name img {
            display: inline-block;
            width: 32px;
            margin-right: 5px;
            vertical-align: middle;
            border-radius: 50%;
            position:absolute;
        }
        #user-profile #profile-name span {
            padding-left: 50px;
            display: table-cell;
            height: 37px;
            vertical-align:middle;
        }
        #user-profile #profile-name:hover {
            background-color: #ECECEC;
            border-left: 4px solid #0173AF;
            cursor: pointer;
         }

#user-profile ul {
    display: none;
    margin: -1px 0 0 0;
    padding: 0;
    position: absolute;
    left: 0;
    right:0;
    border: 1px solid #DEDEDE;
    background-color: #f8f8f8;
    z-index: 3;
}

#user-profile li {
    margin: 0;
    width: 100%;
    display: block;
}

    #user-profile li a {
        border-left: 4px solid #f8f8f8;
        display: block;
        padding: 8px 12px;
        font-family: 'Roboto', Calibri, sans-serif;
        font-size: 0.8rem;
        font-weight: bold;
        color: #656565;
        text-transform: none;
        text-decoration: none;
        line-height: 1.2rem;
        
    }

        #user-profile li a:hover {
            border-left: 4px solid #0173AF;
            background: #ECECEC;
        }






/*#endregion*/

/*#region Search Bar */

#search-btn img {
    width: 16px;
}

#header-search-bar {
    width: 100%;
    position: absolute;
    top: -100px;
    z-index: 99;
    background-color: #F0F0F0;
    padding: 26px 10px 11px 10px;
    border-top: 1px solid #C8C8C8;
    border-bottom: 1px solid #C8C8C8;
    box-shadow: inset 0 20px 20px -10px #DEDEDE;
}

    #header-search-bar form {
        border: none;
    }

    #header-search-bar.search-bar-open {
        top: 110px;
    }

    #header-search-bar .float-left {
        margin: 0;
        width: 79%;
        text-indent: -10000px;
        line-height: 0;
    }

    #header-search-bar .float-right {
        margin: 0;
        width: 20%;
        max-width: 170px;
    }

    #header-search-bar input[type=search] {
        border-color: #F0F0F0;
        color: #000;
        border-radius: 4px;
        font-size: 1rem;
        padding: 14px 12px;
        margin-top: -5px;
        min-height:47px;
    }

    #header-search-bar input[type="search"]:focus {
        border-color: #0173AF;
        background-color: white;
    }

    #header-search-bar input[type=submit] {
        margin: 0;
        min-width: 150px;
        width: 100%;
    }

/*#endregion*/

/*#region Navigation */

.navigation-btn img {
    width: 18px;
    margin-top: -1px;
}

header nav {
    background: #4A4A4A;
    position: fixed;
    top: 0;
    right: -360px;
    width: 360px;
    height: 100%;
    -moz-transition: all 150ms ease;
    -webkit-transition: all 150ms ease;
    -o-transition: all 150ms ease;
    transition: all 150ms ease;
    overflow-x: auto;
    z-index: 105;
}

    header nav a {
        color: #F7F7F7;
        text-decoration: none;
        display: block;
        padding: 12px 40px 12px 30px;
        line-height: 1.3em;
        cursor: pointer;
        position: relative;
    }

        header nav a:hover,
        header nav > ul > li > a.active {
            background-color: #0071AE;
            color: #F7F7F7;
        }
           

        header nav a:focus {
            color: white;
        }


    header nav > ul {
        padding: 60px 0 20px 0;
    }

    header nav ul li ul {
        margin: 0;
    }

    header nav > ul > li > a {
        text-transform: uppercase;
        font-size: 0.94em;
    }

        header nav > ul > li > a:hover {
            background-color: #666666;
        }


    header nav > ul > li > ul {
        background-color: #005989;
        font-size: 0.875em;
    }

        header nav > ul > li > ul > li > a {
            padding-left: 30px;
        }

            header nav > ul > li > ul > li > a.active,
            header nav > ul > li > ul > li > ul > li > a.active {
                font-weight: bold;
            }

        header nav > ul > li > ul > li > ul > li > a {
            background-color: #005989;
            text-transform: inherit;
            padding-left: 20px;
        }

        header nav > ul > li > ul,
        header nav > ul > li > ul > li > ul,
        header nav > ul > li > ul > li > ul > li > ul {
            visibility: hidden;
            max-height: 0;
            opacity: 0;
        }

            header nav > ul > li > ul.active,
            header nav > ul > li > ul > li > ul.active,
            header nav > ul > li > ul > li > ul > li > ul.active {
                visibility: visible;
                opacity: 1;
                max-height: 100%;
                transition: opacity .4s linear;
            }

            header nav > ul > li > ul > li > ul {
                margin-left: 30px;
                border-left: 2px solid #4D8BAC;
            }

                header nav > ul > li > ul > li > ul > li > ul {
                    margin-left: 21px;
                    border-left: 2px solid #4D8BAC;
                }

                    header nav > ul > li > ul > li > ul > li > ul > li > a {
                        padding-left: 20px;
                    }




.nav-divider {
    border-top: 1px solid #686868;
    margin: 0 25px;
}

header nav a.nav-language {
    display: none;
}

header nav > ul:last-child {
    padding-top: 0;
}

header nav ul:last-child a {
    text-transform: inherit;
}

header nav.menu-open {
    right: 0;
}

header nav a.menu-arrow:hover {
    background-color: transparent;
}
header nav a:hover .menu-arrow {
    border-color: rgba(255,255,255, 0.4);
}

.menu-arrow {
    text-indent: -10000px;
    display: block;
    position: absolute;
    top: 5px;
    right: 15px;
    width: 12px;
    height: 12px;
    padding: 15px;
    background: url('https://www.cmhc-schl.gc.ca/content/project/cmhc/img/icon-arrow-down-white.svg') no-repeat center center;
    background-size: 12px;
    border: 1px solid transparent;
}

.menu-arrow-up {
    background-image: url('https://www.cmhc-schl.gc.ca/content/project/cmhc/img/icon-arrow-up-white.svg');
}

    .menu-arrow:hover, .menu-arrow-up:hover {
        background-size: 14px;
    }

#close-menu {
    position: absolute;
    top: 20px;
    right: 25px;
    cursor: pointer;
    color: white;
    font-size: 2em;
    font-weight: 300;
    padding: 0;
}

    #close-menu:hover {
        background-color: transparent;
    }

#header-search img {
    width: 14px;
}

/*Begin Enhancement DMND0014819 */

header nav > ul > li > a.current-page-item {
    background-color: #666666;
}

header nav a.current-page-item {
    background-color: #0071AE;
    color: #F7F7F7;
}

/*End Enhancement DMND0014819 */

/*#endregion*/

/*#region Footer */
.cmhc-container > footer {
    padding: 50px 0;
    background-color: #4A4A4A;
    min-height: 300px;
    color: #CACACA;
    font-size: 0.7em;
}

    .cmhc-container > footer a {
        color: #CACACA;
    }

        .cmhc-container > footer a:hover {
            color: white;
        }

.footer-navigation div {
    float: left;
    width: 20%;
}

.footer-navigation h5 {
    font-family: 'Montserrat', Arial, sans-serif;
    font-size: 0.85em;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #979797;
}

.footer-navigation li {
    padding: 6px 10px 2px 0;
}

    .footer-navigation li a {
        text-decoration: none;
        font-size: 0.72rem;
        line-height: 1rem;
        color: #e0e0e0;
        letter-spacing: 1px;
    }

.footer-navigation .footer-social {
    width: 40%;
}

.footer-social li {
    float: left;
    margin: 0 20px;
}

.footer-social img {
    width: 22px;
    opacity: 0.7;
}

    .footer-social img:hover {
        opacity: 0.99;
    }

.footer-social li:first-child img,
.footer-social li:last-child img {
    width: 26px;
}

.footer-bottom {
    border-top: 1px solid #606060;
    padding: 25px 0;
    margin-top: 35px;
    font-size: 0.95em;
    line-height: 2em;
}

    .footer-bottom a {
        text-decoration: underline;
    }

.footer-smallprint {
    float: left;
    width: 70%;
    padding-top: 10px;
    color: #CACACA;
}

    .footer-smallprint small {
        font-size: 0.68rem;
    }

    .footer-smallprint span {
        color: #CACACA;
    }

#Canada_logo img {
    float: right;
    width: 120px;
    vertical-align: top;
    margin-right: 40px;
}

/*#endregion*/

/*#region Divs */


.content-full, .content-mid, .content-sm, .content-xs {
    margin: auto;
    padding: 5px 10px;
}

.content-full {
    max-width: 1000px;
}

.content-mid {
    max-width: 820px;
}

.content-sm {
    max-width: 580px;
}

.content-xs {
    max-width: 420px;
    padding: 5px 20px;
}

.content-text {
    padding: 20px;
}


.float-left {
    float: left;
}

.float-right {
    float: right;
}

.clear-fix:after {
    content: ".";
    clear: both;
    display: block;
    height: 0;
    visibility: hidden;
}

.hidden {
    display: none !important;
}

.no-scrollable {
    overflow: hidden;
}

.spacer-10 {
    height: 10px;
}

.spacer-20 {
    height: 20px;
}

.spacer-40 {
    height: 40px;
}

.hr-1 {
    height: 1px;
    background-color: #dddddd;
}

/*#endregion*/

/*#region Article */

article {
    font-size: 1.125rem;
}

    article h1,
    article h2 {
        font-weight: bold;
        font-size: 1.25rem;
        margin: 20px 0;
    }
    
    article ol {
        list-style-type: decimal;
        padding-bottom: 20px;
    }

    article ul {
        padding: 10px 0;
    }


    article li {
        margin: 0 0 5px 20px;
        line-height: 1.5em;
        padding-left: 10px;
    }

    article ul > li {
        margin: 0 0 5px 20px;
        list-style-type: disc;
    }

    article p + ul {
        margin-top: -15px;
    }

    article table {
        margin-bottom: 20px;
    }

        article table tr th,
        article table tr td {
            border: 1px solid #ccc;
            color: inherit;
        }

    article caption {
        font-size: inherit;
        color: inherit;
        padding: 5px 0 15px 0;
    }



/*#endregion */

/*#region Tag */
.tag {
    width: auto;
    white-space: nowrap;
    position: relative;
    margin: 8px;
    displaY: inline-block;
    height: 18px;
    border-radius: 0 4px 4px 0;
    padding: 0 25px 0 25px;
    background: #0173AF;
    color: white;
    line-height: 1.5em;
    font-size: 0.7em;
}

    .tag:before {
        position: absolute;
        content: "\25CF";
        color: white;
        font-size: 9px;
        line-height: 16px;
        text-indent: 6px;
        left: -6px;
        top: 3px;
        width: 12px;
        height: 12px;
        background: #0173AF;
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg);
        border-radius: 4px 0 0 0;
    }
/*#endregion*/

/*#region Small Banners */
.banner-sm {
    background-color: #F8F8F8;
    border-top: 1px solid #D8D8D8;
    border-bottom: 1px solid #D8D8D8;
    padding: 20px 0;
}

    .banner-sm.calculator {
        margin: 30px 0;
    }

        .banner-sm.calculator h4 {
            margin: 10px 0;
            font-size: 1.1em;
            color: #4A4A4A;
        }

        .banner-sm.calculator a {
            color: #0173AF;
            text-decoration: underline;
        }

            .banner-sm.calculator a img {
                margin-bottom: -2px;
                width: 10px;
            }

.calculator-icon {
    height: 73px;
    width: 73px;
    padding-top: 10px;
    border: 3px solid #0173AF;
    border-radius: 50%;
    float: left;
    margin-right: 20px;
    text-align: center;
}

    .calculator-icon img {
        height: 43px;
    }

/*#endregion*/

/*#region Related Items */

.related-items {
    background-color: #0173AF;
    color: white;
    text-align: center;
    padding-bottom: 20px;
    margin-top:48px;
}

    .related-items h4 {
        margin: 40px 0;
        letter-spacing: 1px;
        font-family: 'Montserrat', Arial, sans-serif;
        text-transform: uppercase;
        color: white;
    }

    .related-items li {
        display: inline-block;
        width: 219px;
        height: 219px;
        background: white;
        padding: 18px;
        text-align: left;
        margin: 8px;
        overflow: hidden;
    }

    .related-items h5 {
        color: #0173AF;
        font-weight: normal;
        line-height: 1.2em;
    }

    .related-items a {
        text-decoration: none;
        color: inherit;
    }

        .related-items a:hover {
            text-decoration: underline;
        }

    .related-items p {
        color: #7D7D7D;
        font-size: 0.8em;
    }

/*#endregion*/

/*#region Feedback */

.feedback {
    text-align: center;
    border-top: 1px solid #D8D8D8;
    margin: 30px 0;
    padding-top: 50px;
}

    .feedback > div {
        max-width: 410px;
        padding: 5px 10px;
        margin: auto;
    }

    .feedback form {
        border: none;
    }

    .feedback h4 {
        font-weight: 300;
        margin: 0;
    }

    .feedback p {
        font-weight: 300;
    }

    .feedback a {
        font-weight: bold;
    }

    .feedback .button-panel {
        padding-top: 15px;
        margin-bottom: 15px;
    }

/*#endregion*/

/*#region Tags*/

.relevant-tags {
    text-align: left;
    border: 1px solid #dddddd;
    border-radius: 5px;
    padding: 18px;
    max-width: 800px;
    margin: auto auto 15px auto;
}

    .relevant-tags h4 {
        font-weight: 300;
        margin: 0 0 20px 0;
    }

    .relevant-tags li {
        float: left;
    }

    .relevant-tags a {
        color: white;
        text-decoration: none;
    }

.cmhc-container .date-published {
    font-style: italic;
    font-size: 1.1rem;
    padding: 0;
    margin: 20px auto 52px auto;
    max-width: 800px;
    text-align: left;
}

/*#endregion*/

/*#region help-tip-box */

.help-tip-box {
    background: #F8F8F8;
    border: 1px solid #d8d8d8;
    border-radius: 8px;
    padding: 25px 40px 10px 90px;
    margin-bottom: 20px;
    color: #4A4A4A;
    text-align: left;
    position: relative;
}

    .help-tip-box h5 {
        font-family: 'Roboto', Calibri, sans-serif;
        font-size: 1rem;
    }

    .help-tip-box p {
        font-size: 0.85rem;
        margin-bottom: 15px;
    }

    .help-tip-box li {
        list-style: disc;
        font-weight: normal;
        font-size: 0.85rem;
        line-height: 1.2rem;
        margin-bottom: 15px;
        margin-left: 20px;
    }

    .help-tip-box a {
        color: #0173AF;
        font-weight: normal;
        text-decoration: underline;
    }

    .help-tip-box div {
        margin-left: 20px;
    }



.blue-bulb {
    position: absolute;
    top: 20px;
    left: 20px;
    width: 50px;
}

.help-tip-close {
    position: absolute;
    top: 10px;
    right: 15px;
    font-size: 1.5em;
    font-weight: 300;
    color: #979797;
    cursor: pointer;
}


/*#endregion*/

/*#region Tiles*/

.tiles {
    margin-bottom: 20px;
    text-align:left;
}

    .tiles li {
        display: inline-block;
        border: 1px solid #E2DDDD;
        position: relative;
        width: 219px;
        height: 216px;
        background: white;
        /*    padding: 18px;*/
        text-align: left;
        margin: 10px 8px;
        vertical-align: top;
    }
    .tiles li a {
        display:block;
        height:100%;
        padding:18px;
    }
        .tiles li.stacked {
            width: 206px;
            height: 200px;
            margin: 10px 21px 23px 8px;
        }

        .tiles li h3 {
            font-weight: normal;
            font-size: 1.25rem;
            line-height: 1.2em;
            margin-bottom: 10px;
            color:#0173af;
        }

            .tiles li h3 a, .tiles li a{
                text-decoration: none;
            }

        .tiles li p {
            font-size: 0.85em;
        }


        .tiles li:after {
            content: '';
            position: absolute;
            width: 100%;
            height: 1px;
            bottom: 0;
            left: 0;
            box-shadow: inset 0 -60px 40px -40px white;
        }



        .tiles li.calculation,
        .tiles li.event,
        .tiles li.document {
            text-align: center;
        }

            .tiles li.calculation img {
                margin: 32px 0 17px 0;
            }

            .tiles li.event img {
                margin: 32px 0 17px 0;
            }

            .tiles li.document img {
                margin: 32px 0 17px 0;
            }

        .tiles li.stacked,
        .tiles li.stacked::before,
        .tiles li.stacked::after {
            background-color: white;
            border: 1px solid #E2DDDD;
        }

        .tiles li:hover,
        .tiles li.stacked:hover::after, 
        .tiles li.stacked:hover::before {
            background-color: white;
            border: 1px solid #0173af;
            cursor:pointer;
        }
            .tiles li.stacked h3 a:hover, .tiles li.stacked h3:hover, .tiles li.stacked p:hover {
                border: none;
            } 
                
        .tiles li.stacked::before, .tiles li.stacked::after {
            content: "";
            position: absolute;
            width: 100%;
            height: 100%;
        }

            .tiles li.stacked::before {
                left: 7px;
                top: 7px;
                z-index: -1;
            }

            .tiles li.stacked::after {
                left: 13px;
                top: 13px;
                z-index: -2;
            }

.delete-card {
    display: block;
    font-size: 1.4em;
    font-weight: 300;
    color: #9C9C9C;
    width: 12px;
    height: 12px;
    position: absolute;
    top: 2px;
    right: 8px;
    cursor: pointer;
    z-index:1;
}

/*#endregion*/

/*#region Related Reports */

.related-reports {
    background-color: #0173AF;
    padding: 20px 0;
    text-align: center;
}

    .related-reports h2 {
        margin: 20px 0 30px 0;
        color: white;
        text-align: center;
        font-family: 'Montserrat', Arial, sans-serif;
        text-transform: uppercase;
        font-weight: bold;
        letter-spacing: 1.5px;
        font-size:1rem;
    }

    .related-reports ul {
        margin: auto;
        max-width: 1024px;
        padding: 0 10px;
    }

    .related-reports li {
        vertical-align: top;
        position: relative;
        text-align: left;
        display: inline-block;
        width: 28%;
        height: 170px;
        background: white;
        padding: 20px;
        margin: 2%;
        border-radius: 10px;
        line-height: 24px;
    }

        .related-reports li:before {
            content: '';
            position: absolute;
            display: block;
            top: 0;
            right: 0;
            width: 20px;
            height: 20px;
            border: 1px solid #979797;
            border-bottom-left-radius: 5px;
            border-top-color: transparent;
            border-right-color: transparent;
        }

        .related-reports li:after {
            content: '';
            position: absolute;
            display: block;
            top: 0;
            right: 0;
            width: 0;
            height: 0;
            border-width: 9px;
            border-top-color: #0173AF;
            border-right-color: #0071ae;
            border-bottom-color: #f2f2f2;
            border-left-color: #f2f2f2;
            border-radius: 0 0 0 3px;
            border-style: solid;
        }

        .related-reports li h3 {
            margin-bottom: 5px;
            font-size: 1.25em;
        }

            .related-reports li h3 a {
                text-decoration: none;
            }

        .related-reports li p {
            font-size: 0.875em;
        }

    .related-reports > div > a {
        text-decoration: none;
        color: white;
        font-size: 0.9em;
        font-family: 'Montserrat', Arial, sans-serif;
        text-transform: uppercase;
        letter-spacing: 1px;
        float: right;
        border-bottom: 1px solid white;
        padding-bottom: 5px;
        margin: 30px 20px 20px 0;
    }



/*#endregion*/

/*#region Related Insights */


.related-insights {
    background: #f7f7f7;
    padding: 40px 0 20px 0;
    text-align: center;
}

    .related-insights h2 {
        font-family: 'Montserrat', Arial, sans-serif;
        text-transform: uppercase;
        letter-spacing: 1px;
        text-align: center;
    }

    .related-insights figure {
        vertical-align: top;
        width: 450px;
        min-height: 396px;
        background: white;
        display: inline-block !important;
        padding: 10px 20px;
        margin: 20px;
        text-align: left;
        position: relative;
    }

        .related-insights figure:hover {
            box-shadow: 0 1px 7px rgba(0,0,0,0.19);
        }

    .related-insights .content-full {
        padding-top: 10px;
        text-align: left;
    }

        .related-insights .content-full label {
            font-weight: bold;
            font-size: 0.85em;
            display: inline-block;
            padding-right: 10px;
        }

        .related-insights .content-full .ui-selectmenu-button {
            max-width: 300px;
        }


    .related-insights > div > a {
        text-decoration: none;
        color: #0173AF;
        font-size: 0.85em;
        font-family: 'Montserrat', Arial, sans-serif;
        text-transform: uppercase;
        letter-spacing: 1px;
        float: right;
        border-bottom: 1px solid #0173AF;
        padding-bottom: 5px;
        margin: 10px 20px 20px 0;
    }



    /*The following classes are from the HMIP partial views*/
    .related-insights .dashboardElementTitle {
        font-weight: bold;
        font-size: 0.8em;
        text-align: center;
        margin: 10px 0 20px 0;
    }

    .related-insights .dashboardElementSource {
        position: absolute;
        left: 14px;
        bottom: 8px;
        padding-right: 10px;
        font-size: 0.75em;
    }

        .related-insights .dashboardElementSource a > span {
            display: none;
        }




    .related-insights .dashboardTable {
        text-align: center;
        font-size: 0.8rem;
    }


        .related-insights .dashboardTable table {
            border-collapse: collapse;
            border: thin solid #666666;
            width: 100%;
        }


        .related-insights .dashboardTable thead {
            background-color: #666666;
        }

            .related-insights .dashboardTable thead th {
                color: white;
                padding: 4px;
            }

        .related-insights .dashboardTable tbody tr:nth-child(odd) {
            background-color: #dddddd;
        }

        .related-insights .dashboardTable tbody tr:nth-child(even) {
            background-color: white;
        }

        .related-insights .dashboardTable tbody td,
        .related-insights .dashboardTable tbody th {
            padding: 4px;
            border: thin solid #666666;
        }

    .related-insights .left { /*Needs to override ASF's !important and inline styles*/
        float: none !important;
    }

    .related-insights text { /*Needs to override ASF's !important and inline styles*/
        font-family: 'Roboto', Calibri, sans-serif !important;
    }


    .related-insights .svgContainer {
        display: inline-block;
        margin: auto;
    }


.timeRange {
    font-size: 1.2rem;
    padding: 10px 0;
}

.averageEmployment .dashboardTable table {
    border: 0;
    border-collapse: separate;
}

.averageEmployment .dashboardTable tbody td {
    padding: 20px;
    border: 0;
    width: 50%;
    vertical-align: top;
}

    .averageEmployment .dashboardTable tbody td:nth-child(2) {
        text-align: right;
    }

.averageEmployment .dashboardTable tbody tr {
    background-color: white;
}

.averageEmployment tbody td.timeRange {
    text-align: center;
    padding: 10px;
}

.pop {
    display: inline-block;
    position: absolute;
    left: 94px;
}


.dashboardElementContainer.absorbedAveragePrice .svgContainer {
    padding-top: 20px;
}

.dashboardElementContainer.absorbedAveragePrice .k-chart {
    margin-top: 20px;
    height: 80px;
}

.dashboardElementContainer.rentalUniverse .k-chart {
    height: 240px;
}

.dashboardElementContainer.YTDStartsByMarketType .k-chart {
    height: 280px;
}

.dashboardElementContainer.SAARTrendring6MonthMovingAverage .k-chart {
    height: 300px;
}

.dashboardElementContainer.Trend .k-chart {
    height: 300px;
}

.dashboardElementContainer.employmentGainsLosses .k-chart {
    height: 300px;
}

.related-insights .k-chart#asdf {
    padding-top: 60px;
}

#truncate-main li {
    overflow: hidden;
    height: 218px;
    text-overflow: ellipsis;
}

    #truncate-main li p, #truncate-main li h3 {
        overflow: hidden;
        text-overflow: ellipsis;
    }
.showHideMeContent2 table {
    text-align:center;
    margin:auto;
}
.cmhc-content-container ul {
    margin: 15px 0;
    list-style: disc;
}

.cmhc-content-container ol {
    list-style: decimal;
}
.cmhc-accordion .cmhc-accordion-content div {
    line-height: 22px;
}
    /*#endregion*/



/*---------------- 1024px ----------------*/
@media only screen and (max-width: 1024px) {
    .cmhc-container > footer {
        padding: 50px 20px;
    }
    .footer-social li {
        margin: 0 20px;
    }
}

/*---------------- 960px -----------------*/

@media only screen and (max-width: 960px) {

    header {
        height: 95px;
    }

    .site-title a {
        width: 90px;
        height: 40px;
        margin-top: 20px;
    }

        .site-title a img {
            width: 85px;
            margin: 0;
        }


    .site-title a {
        background: none;
    }


    .site-menu li {
        margin: 27px 0 0 15px;
    }

    #header-search-bar.search-bar-open {
        top: 85px;
    }

    
    
}

/*---------------- 800px -----------------*/

@media only screen and (max-width: 800px) {


    #language-btn-wrapper {
        display: none;
    }

    header nav a.nav-language {
        border: 1px solid white;
        max-width: 100px;
        position: relative;
        display: inline-block;
        margin-left: 16px;
        margin-top: 16px;
        padding: 11px;
        text-transform: uppercase;
        font-size: 0.95rem;
    }

    header nav.menu-open > ul {
        padding: 20px 0 20px 0;
    }

    #header-search-bar .float-left {
        float: none;
        width: 100%;
        margin-bottom: 20px;
    }

    #header-search-bar .float-right {
        width: 100%;
        float: none;
        margin: auto;
    }


    .cmhc-container > footer {
        padding: 30px 0;
    }

    .footer-navigation h5 {
        margin-top: 10px;
    }

    .footer-navigation.clear-fix {
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
    }

    .footer-navigation div {
        width: 30%;
        padding: 10px;
    }


    .footer-navigation .footer-social {
        width: 100%;
        display: flex;
        justify-content: center;
        padding: 15px 0;
    }

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

    .footer-smallprint {
        width: 100%;
        float: none;
        text-align: center;
        margin-bottom: 40px;
    }

        .footer-smallprint span:last-child {
            display: block;
            margin-top: 20px;
        }

    #Canada_logo img {
        float: none;
        margin: 0;
    }


    .footer-social img {
        width: 18px;
    }

    .footer-social li:first-child img,
    .footer-social li:last-child img {
        width: 20px;
    }

    .relevant-tags {
        margin: 0 20px;
    }

    .cmhc-container .date-published {
        margin: 10px 20px 30px 20px;
    }

    .related-insights figure, .related-insights .content-full {
        width: 92%;       
    }

    .related-insights .content-full {
        padding: 5px;
    }
    .related-items li, .related-reports li {
        width: 45%;       
    }
    #header-search-bar input[type="submit"] {
        font-size:0.75rem;
    }
    .ui-tooltip{
        margin-right:25px;
    }

}

    /*---------------- 640px -----------------*/

@media only screen and (max-width: 640px) {
    .site-menu li {
        margin: 30px 0 0 10px;
    }


    article {
        font-size: 1rem;
    }

        article h1,
        article h2 {
            font-size: 1.25rem;
        }


    .help-tip-box {
        padding: 20px 20px 10px 20px;
    }

        .help-tip-box h5 {
            margin: 10px 0 20px 0;
        }

    .blue-bulb {
        position: relative;
        top: 0;
        left: 0;
        width: 40px;
        float: left;
        margin: 0 10px 0 0;
    }

    .my-folder-sort.ui-menu .ui-menu-item {
        border-left: none;
    }

    .related-insights figure {
        min-height: 200px;
    }

    .related-insights .dashboardTable {
        margin-bottom:35px;
    }
}


    /*---------------- 480px -----------------*/

    @media only screen and (max-width: 480px) {

        /*#region Site */
        .site-menu li {
            margin: 30px 0 0 10px;
        }

        #user-profile #profile-name {
            height: auto;
            margin-top: -12px;
            padding: 1px 30px 10px 0;
            max-width: 145px;
            max-height: 42px;
            line-height: 18px;
            word-break: break-word;
            overflow: hidden;
        }
            #user-profile #profile-name span {
                height:40px;
            }
                #user-profile #profile-name.active {
                border: 1px solid white;
                background-color: white;
            }
            #user-profile #profile-name img {
                display: none;
            }
            #user-profile #profile-name span {
                padding-left: 0;                
            }

        #user-profile ul { 
            display: none; 
            margin: -1px 0 0 0; 
            padding: 0; 
            position: absolute; 
            border: 1px solid #DEDEDE; 
            background-color: #f8f8f8; 
            
        }

        .related-items li, .related-reports li {
            width: 90%;
        }

        header nav.menu-open {
            max-width: inherit;
            width: 100%;
        }


        .footer-navigation div {
            width: 50%;
        }

            .footer-navigation div:nth-child(3) {
                width: 100%;
            }

        .footer-navigation li {
            padding: 10px 0;
        }

        .footer-social li {
            margin: 0 25px;
        }



        .recalculate-form {
            padding: 20px 2px 0 2px;
        }



        /*#endregion*/
        /*#region Pages */
        

        .my-folder-nav li a {
            font-size: 0.75em;
        }

        .tiles li {
            width: 97%;
            height: 198px;
        }

            .tiles li.stacked {
                width: 94%;
                height: 190px;
            }
        .related-insights figure, .related-insights .content-full {
            width: 88%;
            margin:15px;
        }
        .disclaimerBox input#disclaimerAccept, .disclaimerBox input#disclaimerReject {
            margin: 0 auto 20px auto;
            display: block;
        }        
        figure#hmi-graph2 {
            padding: 15px;
        }
        /*#endregion*/
    }
@media only screen and (max-width: 359px) {
    figure#hmi-graph2 {
        padding: 10px 0;
    }
    #user-profile{
        font-size:0.75rem;
    }
    .related-insights .dashboardElementTitle {
        margin:3px 0;
    }
}
/*#region Accordion */

.wizard,
.cmhc-accordion {
    max-width: 780px;
    margin: auto;
    border:none;
}

form.wizard {
    border: none;
}

/* Accordion headers */

.cmhc-accordion.experienceEditor h3,
.cmhc-accordion-header a {
    border: 1px solid #0173af; 
    color: #0173af;
    margin-top: 10px;
    text-decoration: none;
    background-image: url('https://www.cmhc-schl.gc.ca/content/project/cmhc/img/icon-plus.svg');
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-size: 16px;
    display: block;
    font-size: 0.85rem;
    letter-spacing: 1px;
    font-family: 'Montserrat', Arial, sans-serif;
    text-transform: uppercase;
    padding: 12px 28px 12px 17px;
}

.cmhc-accordion.experienceEditor span > h3
{
    color: #656565;
    font-size: 1.2rem;
    font-weight: bold;
    background-image: none;
    background: #fff;
    text-transform: none;
    border: none; 
    padding: 0;
    font-family: 'Roboto',Calibri,sans-serif;
}

    .cmhc-accordion-header a:focus {
        color: #005989;
    }

.cmhc-accordion-header.cmhc-accordion-header-active a:focus {
    background-color: #005989;
    color: white;
}

.cmhc-accordion.experienceEditor h3,
.cmhc-accordion-header.cmhc-accordion-header-active a {
    background-color: #0173af;
    color: white;
    background-image: url('https://www.cmhc-schl.gc.ca/content/project/cmhc/img/icon-minus.svg');
}


.orange .cmhc-accordion-header a {
    border-color: #bd520e;
    color: #bd520e;
    background-image: url('https://www.cmhc-schl.gc.ca/content/project/cmhc/img/icon-plus-orange.svg');
}

.orange .cmhc-accordion-header.cmhc-accordion-header-active a {
    background-color: #bd520e;
    color: white;
    background-image: url('https://www.cmhc-schl.gc.ca/content/project/cmhc/img/icon-minus.svg');
}

/* Accordion content */

.wizard > div,
.wizard .ui-widget-content,
.cmhc-accordion > div > div {
    border: 1px solid #dddddd;
    border-radius: 0;
    margin-bottom: 10px;
    padding: 30px 100px 20px 100px;
    background: white;
}

.cmhc-accordion > div > div {
    padding: 1em 2.2em;
}

.cmhc-accordion-content:after {
    content: ".";
    clear: both;
    display: block;
    height: 0;
    visibility: hidden;
}
.cmhc-accordion-content p a img {
    margin-right:10px;
}
.ui-widget-content a {
    color: #0173af;
}


/* Wizard */


.wizard.ui-accordion .ui-accordion-header {
    border-radius: 0;
    border: 1px solid #0173af;
    color: #0173af;
    margin-top: 10px;
    text-decoration: none;
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-size: 16px;
    display: block;
    font-size: 0.85rem;
    letter-spacing: 1px;
    font-family: 'Montserrat', Arial, sans-serif;
    text-transform: uppercase;
    padding: 10px 30px 10px 15px;
    cursor: default;
}

    .wizard.ui-accordion .ui-accordion-header.ui-accordion-header-active {
        color: white;
    }


.wizard.experienceEditor h3,
.ui-accordion-header-active {
    font-size: 0.85rem;
    letter-spacing: 1px;
    font-family: 'Montserrat', Arial, sans-serif;
    text-transform: uppercase;
    background-color: #0173af;
    color: white;
    padding: 12px 10px 12px 20px;
}


.ui-accordion-header-collapsed {
    background-color: white;
    color: #0173af;
}

.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
    left: auto;
    right: 12px;
}


.wizard .ui-accordion-header-active .wizard-ok {
    display: none;
}


.wizard-ok {
    background: url('https://www.cmhc-schl.gc.ca/content/project/cmhc/img/icon-check.svg') no-repeat;
    background-size: contain;
    display: block;
    width: 20px;
    height: 20px;
    position: absolute;
    top: 20%;
    right: 8px;
}






/* Styles for the content inside the accordions */

.cmhc-accordion > div > div h3 {
    font-weight: bold;
    font-size: 1.2rem;
    margin-bottom: 5px;
}

.cmhc-accordion > div > div p + ul {
    margin-top: -20px;
}

.cmhc-accordion > div > div ul {
    padding: 10px 0;
}

    .cmhc-accordion > div > div ul li {
        margin: 0 0 5px 20px;
        line-height: 1.5em;
        padding-left: 10px;
        list-style: disc;
    }

    .cmhc-accordion > div > div ul > li > ul > li {
        list-style: circle;
    }

/*#endregion*/


/*#region Accordion (mobile) */

@media only screen and (max-width: 800px) {

    .wizard,
    .cmhc-accordion {
        margin: 0 20px 20px 20px;
    }

    .wizard > div,
    .ui-accordion .ui-accordion-content {
        padding: 30px 40px 20px 40px;
    }
}

@media only screen and (max-width: 480px) {

    .ui-accordion .ui-accordion-content {
        padding: 20px;
    }
}

    /*#endregion*/

/*#region Buttons 
    note: !important added to text color because the a.button would sometimes need to 
    override the element's inherited color, no matter what.
*/



.button-panel {
    clear: both;
    padding-top: 25px;
    text-align: center;
}

/* Primary */

input[type=button],
input[type=reset],
input[type=submit],
.button,
.button.secondary,
button {
    padding: 11px 25px;
    min-width: 170px;
    margin: 10px;
    border: 1px solid #0173AF;
    background-color: #0173AF;
    color: white !important;
    border-radius: 4px;
    letter-spacing: 1px;
    font-family: 'Montserrat', Arial, sans-serif;
    font-size: 0.85rem;
    text-transform: uppercase;
    cursor: pointer;
    transition: none;
    -webkit-appearance: none;
}

    input[type=reset]:hover,
    input[type=button]:hover,
    input[type=submit]:hover,
    input[type=reset]:focus,
    input[type=button]:focus,
    input[type=submit]:focus,
    .button:hover,
    .button:focus,
    button:hover,
    button:focus {
        background-color: #005989;
        border-color: #005989;
    }


    /* Secondary */
    input[type=reset].secondary,
    input[type=button].secondary,
    input[type=submit].secondary,
    .button.secondary {
        color: #0173AF !important;
        background-color: white;
    }

        input[type=reset].secondary:hover,
        input[type=button].secondary:hover,
        input[type=submit].secondary:hover,
        input[type=reset].secondary:focus,
        input[type=button].secondary:focus,
        input[type=submit].secondary:focus,
        input[type=reset].secondary.active,
        input[type=button].secondary.active,
        input[type=submit].secondary.active,
        .button.secondary:hover,
        .button.secondary:focus
        {
            color: white !important;
            background-color: #0173AF;
            border-color: #0173AF;
        }

    /* Disabled */

    input[type=button]:disabled,
    input[type=button]:disabled:hover,
    input[type=submit]:disabled,
    input[type=submit]:disabled:hover {
        background-color: white;
        color: #C6C6C6 !important;
        border: 2px solid #cccccc;
        cursor: default;
    }


    /* Yes/No Button in feedback */

    input[type=button].button-sm,
    input[type=submit].button-sm {
        font-size: 0.75em;
        min-width: 110px;
    }


/* Twitter button (Quotes) */

.twitter-button {
    display: block;
    padding: 15px 15px 15px 40px;
    max-width: 152px;
    margin: 10px auto;
    color: white;
    text-decoration: none;
    background: #00BCFF url(https://www.cmhc-schl.gc.ca/Content/project/cmhc/img/social-twitter.svg) no-repeat left 16px center;
    background-size: 17px;
    border-radius: 4px;
    letter-spacing: 1px;
    font-family: 'Montserrat', Arial, sans-serif;
    font-size: 0.75rem;
    text-transform: uppercase;
    cursor: pointer;
}

    .twitter-button:hover,
    .twitter-button:focus {
        background-color: #00A8E6;
        color: white !important;
    }


/* Icon buttons */

.folder-icon.secondary {
    background-image: url('https://www.cmhc-schl.gc.ca/content/project/cmhc/img/icon-folder.svg');
    background-repeat: no-repeat;
    background-size: 20px;
    background-position: 14px 9px;
    padding-left: 40px;
}

    .folder-icon.secondary:hover,
    .folder-icon.secondary:focus {
        background-image: url('https://www.cmhc-schl.gc.ca/content/project/cmhc/img/icon-folder-white.svg');
    }

.share-icon.secondary {
    background-image: url('https://www.cmhc-schl.gc.ca/content/project/cmhc/img/icon-share.svg');
    background-repeat: no-repeat;
    background-size: 22px;
    background-position: 14px 7px;
    padding-left: 40px;
}

    .share-icon.secondary:hover,
    .share-icon.secondary:focus {
        background-image: url('https://www.cmhc-schl.gc.ca/content/project/cmhc/img/icon-share-white.svg');
    }



/* Button Link */

input[type=button].button-link,
input[type=submit].button-link {
    color: #0173AF !important;
    background-color: white;
    padding: 0 0 7px 0;
    border: none;
    margin: 0;
    border-radius: 0;
    border-bottom: 1px solid #0173AF;
    min-width: 0;
}


#add-comparison, #remove-comparison {
    background: white url('https://www.cmhc-schl.gc.ca/content/project/cmhc/img/icon-plus.svg') no-repeat 0 2px;
    background-size: 12px;
    padding-left: 18px;
}

#download-anchor {
    background: white url('https://www.cmhc-schl.gc.ca/content/project/cmhc/img/icon-download.svg') no-repeat 0 -4px;
    background-size: 22px;
    padding-left: 30px;
    margin-bottom: 16px;
}



/*jQuery UI */
.ui-button {
    min-width: 0;
    z-index: 1;
}


.cmhc-button-container {
    float: left;
    width: 100%;
    margin: 30px 0;
    text-align: center
}

.cmhc-container .cmhc-button-container {
    margin: 30px 0 0
}




.cmhc-search-block .button {
    padding: 10px 49px;
    font-weight: bold
}

.cmhc-container .yes .button,
.cmhc-container .yes button,
.cmhc-container .no .button,
.cmhc-container .no button {
    padding: 12px 46px;
    font-family: Montserrat;
    font-size: .75rem;
    font-weight: bold;
    line-height: 14px
}

.cmhc-search-filter .button-group .button {
    font-family: roboto;
    font-size: .875rem;
    line-height: 20px;
    font-weight: bold;
    color: #656565
}


.cmhc-button-container button,
.cmhc-button-container .button {
    text-transform: uppercase
}

.bordered-buttons .button {
    background-color: transparent;
    border-color: #0071AE !important;
    border-width: 1px;
    border-style: solid;
    color: #0173af
}

.transparent-buttons .button {
    background-color: transparent !important;
    border-left: none !important;
    border-color: transparent !important;
    color: #656565;
    border-radius: 0;
    margin: 0;
    padding: 0;
    text-decoration: underline
}

.cmhc-button-container .button-component {
    display: inline-block
}

.button-component + .button-component,
.has-form + .has-form {
    margin-left: 15px
}

.cmhc-container .button-group > li:first-child button,
.cmhc-container .button-group > li:first-child .button {
    border-left: 1px solid;
    border-color: #0071AE
}



.cmhc-filter-buttons button:hover,
.cmhc-filter-buttons button:focus,
.cmhc-filter-buttons button:hover,
.cmhc-filter-buttons button:focus {
    color: #656565
}

.button-icon .button {
    padding: 13px 19px 14px 44px;
    background-repeat: no-repeat;
    background-position: 17px 12px;
    width: 20px
}



.cmhc-filter-buttons {
    margin: 10px 0 10px 0
}

    .cmhc-filter-buttons button + button {
        margin-left: 20px
    }





.cmhc-container .button-group li a.active {
    background-color: #0173af !important;
    color: #fff !important;
    border-color: #0173af !important
}

.cmhc-container .button-group li a.block {
    color: #bdbdbd !important;
    border-color: #bdbdbd !important;
    opacity: 1 !important;
    pointer-events: none;
    background-color: #fff
}

.secondary .button {
    background: #fff;
    border: 1px solid #0173AF !important;
    color: #0173AF;
    height: 40px;
    font-family: Montserrat;
    font-weight: bold;
    text-align: center;
    width: 170px;
    padding-left: unset !important;
    padding-right: unset !important
}



/*#endregion*/


/*#region Buttons (mobile)*/


@media only screen and (max-width: 640px) {


    .button-panel {
        padding: 10px 0;
    }

    .my-subscriptions input[type=submit] {
        font-size: 0.72em;
        width: 80%;
        max-width: 400px;
        white-space: normal;
        line-height: 1.5em;
    }
    .folder-icon.secondary {
        width: 100%;
        margin: 10px 0;
        max-width: 258px;
    }
}
@media only screen and (max-width: 355px) {
    .folder-icon.secondary {
        font-size:0.7rem;
    }
}

    /*#endregion */

form {
    border: 1px solid #dddddd;
    padding-bottom: 20px;
    font-weight: bold;
}

.error {
    color: #E70000;
    font-weight: normal;
}

/*#region Labels */

form label:not(.error) {
    margin-top: 24px;
    position: relative;
}

label.error {
    font-size: 0.85rem;
    line-height: 1.2rem;
    padding-top: 5px;
}

label.small {
    font-size: 0.85rem;
    line-height: 1.2rem;
}




/*#endregion*/

/*#region Textbox  */
input[type="text"],
input[type="password"],
input[type="email"],
input[type="search"],
textarea,
select {
    padding: 0 8px 0 8px;
    width: 100%;
    font-family: 'Roboto', Calibri, sans-serif;
    font-size: 1em;
    border: 1px solid #939393;
}

textarea {
    padding: 8px;
    font-size: 0.85rem;
}


    input[type="text"]:focus,
    input[type="password"]:focus,
    input[type="email"]:focus,
    input[type="search"]:focus,
    textarea:focus,
    select:focus {
        outline: none;
        border-color: #0173AF;
        background: white;
    }


input[type=text].error,
input[type=password].error,
input[type=email].error {
    border: 1px solid #E70000;
}



/*#endregion*/

/*#region Checkbox */

input[type=checkbox] {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

    input[type=checkbox]:focus ~ .checkmark {
        outline-width: 2px;
        outline-style: solid;
        outline-color: Highlight;
    }

@media (-webkit-min-device-pixel-ratio:0) {
    input[type=checkbox]:focus ~ .checkmark {
        outline-color: -webkit-focus-ring-color;
        outline-style: auto;
    }
}


input[type=checkbox]:checked ~ .checkmark:after {
    display: block;
}



.checkmark {
    vertical-align: middle;
    display: inline-block;
    height: 22px;
    width: 22px;
    background-color: white;
    border: 1px solid #999;
    margin-top: -3px;
    margin-right: 5px;
    position: relative;
}

    .checkmark:after {
        content: "";
        position: absolute;
        display: none;
        left: 5px;
        top: -1px;
        width: 10px;
        height: 17px;
        border: solid #0173AF;
        border-width: 0 4px 4px 0;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
    }


/* Small checkbox */

.small input[type=checkbox] ~ .checkmark {
    height: 10px;
    width: 10px;
}

.small input[type=checkbox]:checked ~ .checkmark {
    border: 1px solid white;
}

.small input[type=checkbox] ~ .checkmark:after {
    left: 2px;
    top: -4px;
    width: 6px;
    height: 11px;
    border: solid #0173AF;
    border-width: 0 3px 3px 0;
}

input[type=checkbox].error ~ .checkmark {
    border: 1px solid #e70000;
}


/*#endregion*/


/*#region Radiobutton */

input[type=radio] {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

    input[type=radio]:focus ~ .radio {
        outline-width: 2px;
        outline-style: solid;
        outline-color: Highlight;
    }

@media (-webkit-min-device-pixel-ratio:0) {
    input[type=radio]:focus ~ .radio {
        outline-color: -webkit-focus-ring-color;
        outline-style: auto;
    }
}


input[type=radio]:checked ~ .radio:after {
    display: block;
}



.radio {
    vertical-align: middle;
    display: inline-block;
    height: 22px;
    width: 22px;
    background-color: white;
    border: 1px solid #999;
    margin-top: -3px;
    margin-right: 5px;
    position: relative;
    border-radius: 50%;
}

    .radio:after {
        content: "";
        position: absolute;
        display: none;
        left: 4px;
        top: 4px;
        width: 12px;
        height: 12px;
        background: #0173AF;
        border: solid #0173AF;
        border-radius: 50%;
    }



.small input[type=radio] ~ .radio {
    height: 12px;
    width: 12px;
}


    .small input[type=radio] ~ .radio:after {
        left: 2px;
        top: 2px;
        width: 6px;
        height: 6px;
        border: solid #0173AF 1px;
        background: #0173AF;
    }







/*#endregion*/


/*#region Range  */
input[type=range] {
    -webkit-appearance: none;
    margin: 15px 5px 0 5px;
    padding: 0;
    width: 100%;
    background: transparent;
}

    /*input[type=range]:focus {
        outline: none;
    }*/

    input[type=range]::-webkit-slider-runnable-track {
        width: 100%;
        height: 2px;
        cursor: pointer;
        animate: 0.2s;
        background: #999;
        border: none;
    }

    input[type=range]::-webkit-slider-thumb {
        box-shadow: 0 0 2px #ccc;
        border: 1px solid #999;
        height: 20px;
        width: 20px;
        border-radius: 50%;
        background: #ffffff;
        cursor: pointer;
        -webkit-appearance: none;
        margin-top: -10px;
    }

    input[type=range]:focus::-webkit-slider-runnable-track {
        background: #999;
        border: none;
    }


    input[type=range]::-moz-range-track {
        width: 100%;
        height: 2px;
        cursor: pointer;
        animate: 0.2s;
        border: none;
    }

    input[type=range]::-moz-range-thumb {
        box-shadow: 0 0 2px #ccc;
        border: 1px solid #999;
        height: 20px;
        width: 20px;
        border-radius: 50%;
        background: #ffffff;
        cursor: pointer;
    }

    /* IE */

    input[type=range]::-ms-track {
        width: 100%;
        height: 2px;
        padding: 12px 0;
        cursor: pointer;
        background: transparent;
        border-color: transparent;
        color: transparent;
    }

    input[type=range]::-ms-fill-lower,
    input[type=range]:focus::-ms-fill-lower,
    input[type=range]::-ms-fill-upper,
    input[type=range]:focus::-ms-fill-upper {
        background: #999;
        padding: 0;
        margin: 0;
    }

    input[type=range]::-ms-thumb {
        border: 1px solid #999;
        height: 20px;
        width: 20px;
        border-radius: 50%;
        background: #ffffff;
        cursor: pointer;
        margin-bottom: -3px;
        padding: 0;
    }

    input[type=range]::-ms-tooltip {
        display: none;
    }


/*#endregion*/

/*#region Dropdown menu */


.ui-selectmenu-icon.ui-icon.ui-icon-triangle-1-s {
    background-image: url(https://www.cmhc-schl.gc.ca/content/project/cmhc/img/icon-arrow-down-grey.svg);
    background-size: 10px;
    background-position: right center;
}

.ui-menu.ui-corner-bottom.ui-widget {
    border-radius: 0;
}

.ui-selectmenu-button span.ui-selectmenu-text {
    padding: 5px 34px 5px 12px;
}

.ui-selectmenu-button.ui-button.ui-widget {
    padding: 2px 0;
    width: 100%;
    min-width: 168px;
    border-radius: 0;
    border: 1px solid #939393;
    background: white;
}

    .ui-selectmenu-button.ui-button.ui-widget.ui-selectmenu-button-open {
        border: 1px solid #0173AF;
        border-bottom-color: #ECECEC;
        outline: none;
        box-shadow: rgba(0, 0, 0, 0.2) 0 -1px 7px;
    }

.ui-selectmenu-menu.ui-front.ui-selectmenu-open {
    z-index: 104;
    box-shadow: rgba(0, 0, 0, 0.2) 0 0 7px;
}



.ui-menu .ui-menu-item {
    padding: 1px;
    font-size: 0.9em;
}

.ui-menu:hover .ui-menu-item:hover,
.ui-selectmenu-menu .ui-menu .ui-menu-item-wrapper.ui-state-active {
    background: #ECECEC;
}

.ui-selectmenu-menu .ui-menu .ui-menu-item-wrapper {
    padding: 9px 16px;
    color: inherit;
    border-color: transparent;
}

.ui-menu.ui-widget.ui-widget-content {
    border: 1px solid #0173AF;
    border-top: none;
    box-shadow: rgba(0, 0, 0, 0.2) 0px 5px 5px;
}
.ui-selectmenu-menu.ui-front.ui-selectmenu-open .ui-menu.ui-widget.ui-widget-content {
    max-height: 250px;  
    min-height:85px;
}
.ui-selectmenu-button.ui-button.ui-widget.error {
    border: 1px solid #e70000;
}
/* Common Tasks dropdown */

.common-tasks select {
    max-width: 240px;
}

.common-tasks .ui-selectmenu-button.ui-button {
    width: auto;
    margin-top: -8px;
    margin-left: 42px;
    text-transform: none;
    border: 1px solid transparent;
    height: 45px;
    min-width: 269px;
}

    .common-tasks .ui-selectmenu-button.ui-button.ui-widget.ui-selectmenu-button-open {
        box-shadow: 0 -2px 7px rgba(0,0,0,0.2);
        border: none;
        outline: none;
    }


    .common-tasks .ui-selectmenu-button.ui-button.ui-widget.ui-selectmenu-button-closed {
        background-color: transparent;
        border-bottom: 1px solid white;
    }

.common-tasks .ui-selectmenu-button-closed .ui-selectmenu-text {
    color: white;
    padding-left: 0;
    font-size: 1.1rem;
    letter-spacing: 1.5px;
}

.common-tasks .ui-selectmenu-button-open .ui-selectmenu-text {
    color: #0173af;
    padding: 10px 18px;
}

.common-tasks-item.ui-menu {
    padding: 0;
    border: none;
    box-shadow: 0 5px 7px rgba(0,0,0,0.2);
}

.common-tasks-item .ui-menu-item {
    font-size: 1rem;
    border-bottom: 1px solid #0173af;
    color: #0173af;
    letter-spacing: 1.5px;
    line-height: 1.2rem;
}

.common-tasks-item.ui-menu.ui-widget.ui-widget-content {
    margin-top: 1px;
    border-bottom: none;
    border: none;
}

.common-tasks .ui-selectmenu-button-closed .ui-selectmenu-icon.ui-icon.ui-icon-triangle-1-s {
    background: url('https://www.cmhc-schl.gc.ca/content/project/cmhc/img/icon-arrow-down-white.svg') no-repeat center center;
    background-size: 10px;
}

.common-tasks .ui-selectmenu-button-open .ui-selectmenu-icon.ui-icon.ui-icon-triangle-1-s {
    background: none;
}

/* PDF Landing page*/

#pdf-versions .ui-selectmenu-button.ui-button.ui-widget {
    max-width: 300px;
    margin-top: -6px;
    margin-left: 10px;
}

    #pdf-versions .ui-selectmenu-button.ui-button.ui-widget.ui-selectmenu-button-closed {
        display: inline-block;
        border-color: transparent;
        border-bottom: 1px solid #ddd;
    }

#pdf-versions .ui-selectmenu-button-closed .ui-selectmenu-text {
    letter-spacing: 1px;
    color: #333;
    padding-left: 2px;
}



/*#endregion*/

/*#region Tooltip */

.icon-tooltip {
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-left: 5px;
    background: url('https://www.cmhc-schl.gc.ca/content/project/cmhc/img/icon-info.svg') no-repeat;
    background-size: contain;
    cursor: pointer;
    vertical-align: middle;
}

.ui-tooltip {
    max-width: 220px;
    padding: 10px;
    background: #F7F7F7;
    border: 1px solid #C3C3C3;
    border-radius: 5px;
    font-size: 0.72em;
    line-height: 1.4em;
    box-shadow: none;
}

.arrow {
    width: 16px;
    height: 16px;
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 50%;
    margin-left: -15px;
    margin-top: -8px;
}

    .arrow::after {
        content: '';
        position: absolute;
        background: #F7F7F7;
        border: 1px solid #C3C3C3;
        display: block;
        overflow: hidden;
        width: 20px;
        height: 20px;
        left: 10px;
        top: -3px;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
    }

/*#endregion*/



/*#region Calendar (datepicker) */

.ui-datepicker-header.ui-widget-header.ui-helper-clearfix.ui-corner-all {
background: none;
border: none;


}

.ui-datepicker-title span{
color: #0173AF;
}

.ui-datepicker-next.ui-corner-all,
.ui-datepicker-next.ui-datepicker-next-hover {
    border: none;
    width: 13px;
    height: 13px;
    background: url('https://www.cmhc-schl.gc.ca/Content/project/cmhc/img/icon-chevron-right.svg') no-repeat;
    background-size: contain;
    margin: 8px 8px 0 0;
}

.ui-datepicker-prev.ui-corner-all,
.ui-datepicker-prev.ui-datepicker-prev-hover {
    border: none;
    width: 13px;
    height: 13px;
    background: url('https://www.cmhc-schl.gc.ca/Content/project/cmhc/img/icon-chevron-left.svg') no-repeat;
    background-size: contain;
    margin: 8px 0 0 8px;
}

.ui-datepicker-calendar td a.ui-state-default {
    border: none;
    background: none;
    border-radius: 50%;
    width: 32px;
    height:32px;
    padding-top: 7px;
    text-align: center;
    font-size: 0.8rem;
}

.ui-datepicker th {
    color: #0173AF;
}


.ui-datepicker-calendar td a.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-datepicker-calendar td a:hover {
    background: #f2f2f2;
    color: #656565;
}

.ui-datepicker-calendar td a.ui-state-default.ui-state-active {

background: #0173AF;
}

/*#endregion*/
/*#region Modal (common) */

.dialog h2,
.dialog h3,
.dialog h4 {
    letter-spacing: 1px;
    font-family: 'Montserrat', Arial, sans-serif;
    text-transform: uppercase;
    color: #9b9b9b;
    font-size: 1rem;
    text-align: center;
}

.dialog .modal-icon {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    border: 2px solid #e5e5e5;
    color: #0173AF;
    display: block;
    text-align: center;
    background-color: white;
    margin: 0 auto 15px auto;
    padding-top: 8px;
}

.modal-icon img {
    width: 26px;
}

.ui-widget-overlay {
    background-color: black;
    opacity: 0.5;
    z-index: 200000 !important;
}

.ui-dialog {
    z-index: 200001 !important;
}

    .ui-dialog-content.ui-widget-content,
    .ui-dialog.ui-widget-content,
    .ui-dialog.ui-corner-all,
    .ui-dialog-titlebar {
        border: none;
        padding: 0;
        border-radius: 0;
        background: white;
    }

    .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close {
        width: 20px;
        float: right;
        text-indent: -10000px;
        border: none;
        background: url('https://www.cmhc-schl.gc.ca/content/project/cmhc/img/icon-close.svg') no-repeat center center;
        background-size: 10px 10px;
        padding: 20px;
    }

.ui-icon-closethick.ui-icon {
    display: none;
}
.select-geography {
    height: 40px;       
    border:1px solid #979797;
    margin-bottom:5px;
}
.add-another-box {
    font-weight: 500;
    line-height: 34px;    
    font-size:14px;
}
.plus-another-box {
    font-weight: bold;
    color: #0078a0;
    font-size: 16px;
}
.modal-center {
    width: 300px;
    margin: auto;
    text-align: center;
}
.modal-center p {
    color: #4A4A4A;
    font-family: Roboto;
    font-size: 14px;
    font-weight: 500;
    line-height: 22px;
    float: left;
    clear: both;
    padding-top: 30px;
}
.modal-center .user-exists {
    text-align:center;
    float:none;
    color: #49732E;
    font-weight:bold;
    font-size:1.2rem;
    padding-bottom:20px;
}
    .modal-center h3{
    color: #9b9b9b;
    line-height: 24px;
    font-size: 1rem;
}
.modal-center h4 {
    color: #0173af;
    line-height: 24px;
    font-size: 1rem;
}
.dialog {
    width: 450px;
    margin: 10px 0 0 0;
}
.ui-dialog-content.ui-widget-content {
    overflow: visible;    
}

label.small {
    font-weight: 500;
}
.share-grey-icon {
    margin-right: 5px;
    vertical-align: middle;
}
.subscribe-done {
    width: 50px;
    margin: 0 auto 10px auto;
}
.subscribe-done img{
    height: 45px;
    width: 45px;
}
    .footer-links.custom-footer-done-margin {
    margin-top: 40px;
}
.ui-dialog .modal-login .ui-dialog-titlebar {
    width: 100%;
}
/*#endregion*/
/* #region Footer global for 12 popups start*/
.footer-links {
    clear: both;
    background-color: #f7f7f7;
    border-top: solid 1px #e1e1e1;
    font-size: 14px;
    font-weight: 500;
    padding: 25px 30px 30px 30px;
    text-align: center;
}
.custom-footer-margin {
    margin-top: 25px;
}
/* #endregion Footer global for 12 popups end*/
    /*#region Modal Login */
.modal-login, .common-share-email {
    width: 500px;
    margin: 10px 0 40px 0;
    position: relative;
}

    .modal-login > p {
        text-align: center;
        display: none;
        max-width: 340px;
        margin: 0 auto 20px auto;
    }

    .modal-login h3 {
        margin-bottom: 20px;
    }

    .modal-login > div {
        display: inline-block;
        width: 49%;
        margin: 2% 0 5% 0;
        padding: 0 7% 8% 7%;
        vertical-align: top;
    }

    .modal-login .login {
        border-right: 1px solid #eee;
    }


        .modal-login .login form {
            border: none;
        }

        .modal-login .login a {
            font-size: 0.85rem;
            text-align: right;
            display: block;
            font-weight: normal;
        }

        .modal-login .login form label {
            margin: 0 0 8px 0;
        }

        .modal-login .login form .access-denied {
            margin: 0;
            padding: 10px 0 0 0;
            color: #f04124;
            font-weight: normal;
            font-size: 0.85rem;
            line-height: 1.2rem;
            display: none;
        }

    .modal-login .register {
        font-size: 0.85rem;
    }

        .modal-login .register p {
            display: block;
            text-align: center;
            margin-bottom: 10px;
        }

        .modal-login .register li {
            line-height: 1.1rem;
            list-style: disc;
            margin-left: 10px;
            margin-bottom: 5px;
        }

    .modal-login .button,
    .modal-login input[type=submit] {
        margin: 20px 0 0 0;
        position: absolute;
        bottom: 30px;
    }
/*#endregion */


/*#region Modal Share Via */

.modal-share li {
    display: inline-block;
    margin: 0 4px;
    padding: 5px;
}
.modal-share li img {
    width: 28px;
}
.modal-share ul {
    display: block;
    margin: 40px auto;
    width: 250px;
}
/*#endregion*/

/*#region Share Via Email*/
.common-share-email form {
    border: none;
    margin: auto;
    padding-top: 15px;
    width: 70%;
}
.common-share-email .help-tip-box h5 {
    color: #4A4A4A;
    font-size: 14px;
    font-weight: 600;
    line-height: 16px;
    font-family: roboto;
    text-transform: capitalize;
}
.common-share-email .help-tip-box p {
    font-size: 13px;
    margin-bottom: 6px;
}
.common-share-email .help-tip-box p a {
    color: #0c5e9f;
    text-decoration: none;
}
.common-share-email .help-tip-box {
    margin: 0;
    padding-left: 75px;
}
.common-share-email .help-tip-box img {
    width:35px;
}
.common-share-email .help-tip-close{
    display:none;
}
/*#endregion*/
/* #region Share Email with signature*/
.modal-email-share-withsignature .your-signature {
    font-size: 14px;
    margin-bottom: 0;
}
.modal-email-share-withsignature .your-signature a {
    float: right;
}
.modal-email-share-withsignature .profile-box {
    border: 1px solid #D8D8D8;
    border-radius: 8px;
    background-color: #F8F8F8;
    font-family: Roboto;
    min-height: 180px;
    padding: 15px 10px 20px 145px;
    position: relative;
}
.modal-email-share-withsignature .profile-box .prof-pic {
    border-radius: 50%;
    left: 20px;
    max-width: 100px;
    position: absolute;
    top: 20px;
    width:100%;
}
.modal-email-share-withsignature .profile-box p {
    margin: 5px 5px;
    font-size: 13px;
    font-weight: normal;
    line-height: 18px;
    padding-top:0;
    word-break:break-word;
}
.modal-email-share-withsignature .profile-box .blue-color {
    color: #0173AF;
    word-break:break-word;
}
.modal-email-share-withsignature .profile-box .font-bold {
    font-weight: 600;
}
.modal-email-share-withsignature .profile-box p img {
    max-width: 75px;
    margin: 10px 0 0 0;
    width: 100%;
}
        /*#region save account*/
        /* #region modal-confirm-email*/
.warning-icon {
    margin: auto;
    width: 50px;
}
.modal-confirm-email img {
    width: 50px;
    padding-bottom: 15px;
}
.modal-confirm-email p {
    text-align: center;
    margin: 0 40px;
}
.modal-confirm-email .custom-margin {
    margin-bottom: 40px;
}
/* #endregion modal-confirm-email*/
/*#region save account*/
.modal-confirm-mail-done p, .modal-save-account p {
    color: #49732E;
    margin: auto;
    text-align: center;
}
.dialog.modal-save-account.modal p {
    font-size: 1rem;
    padding-top: 0;
    letter-spacing: -0.11px;
}
/* #endregion save account*/

/*#region Save calculation*/
.modal-save-calculation form {
    border: none;
}
.modal-save-calculation label {
    float:left;
}
/* #endregion Save calculation*/
/* #region modal-subscribe-observer */
.nounderline {
    text-decoration: none;
    cursor: text;
    margin: 0 5px;
}
/* #endregion modal-subscribe-observer */
    
/* #region modal-subscribe-publication-reports */
.modal-subscribe-newsroom .popupFilter {
    text-align: left;
    margin: 0 40px 38px 40px;
}
.popupFilter {
    text-align: left;   
}
.popupFilter .sub-heading {
    text-align: left;
    padding:30px 0 15px 0;
    letter-spacing: 1px;    
    color: #4A4A4A;
    font-size:0.88rem;
}
/* #endregion modal-subscribe-publication-reports */

/* #region modal-added-to -folder */
.modal-added-to-folder .button-component .button {
    margin: 47px 0 25px 0;
}
.modal-added-to-folder-done .subscribe-done, .modal-share-email-done .subscribe-done, .modal-export-calculation-done .subscribe-done, .modal-calculation-saved .subscribe-done {
    margin: 37px auto 0 auto;
    padding-bottom: 20px;
}
.modal-added-to-folder-done .subscribe-done span, .modal-share-email-done .subscribe-done span, .modal-calculation-saved .subscribe-done span {
    color: #49732E;
    padding: 5px 0 10px 0;
    display: block;
}
    /* #endregion modal-added-to -folder */
    /*#region TO DO */
.modal {
    border-radius: 0;
    text-align: center;
    box-shadow: none;
    padding-top: 40px;
}
.common-share-email.modal, .modal a.close-modal {
    text-align: left;
}
.modal h4, .modal h5 {
    letter-spacing: 1px;
    font-family: 'Montserrat', Arial, sans-serif;
    text-transform: uppercase;    
    margin: 10px 0 0 0;
}

    .modal h5 {
        color: #0173AF;
        font-size: 1em;
        margin-top: 5px;
    }

    .modal p {
        padding-top: 20px;
        font-size: 0.85em;        
    }

#modal-export .step2 p,
#modal-save .step2 p {
    color: #49732E;
    padding: 40px 0 29px 0;
    font-size: 1em;
}


#modal-save .step1 {
    width: 350px;
    margin: auto;
    text-align: left;
    padding-top: 30px;
    font-size: 0.85em;
    font-weight: bold;
}

#modal-save .button-panel {
    padding-top: 25px;
}

.ui-dialog .ui-dialog-buttonpane {
    background: #F8F8F8;
    border-top: 1px solid #D8D8D8;
    margin-top: 25px;
    padding: 30px 0;
    font-size: 0.85em;
    font-weight: bold;
    text-align: center;
}

    .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
        float: none;
        font-size: 1em;
    }

.ui-dialog-buttons button,
.ui-dialog-buttons button:hover,
.ui-dialog-buttons button:focus {
    border: none;
    color: #0173AF;
    text-decoration: underline;
    background: none;
    font-family: 'Roboto', Calibri, sans-serif;
    font-weight: bold;
    padding: 0 10px;
    border-radius: 0;
}

.ui-dialog-buttonset button:nth-child(2) {
    border-left: 1px solid #0173AF;
    padding-left: 13px;
}

/*#endregion*/

/*#region Modal (to delete) */

#modal-login {
    padding: 45px 45px 52px 45px;
    border-radius: 0;
}

.cmhc-modal-header > div {
    font-family: Montserrat;
    text-transform: uppercase;
    color: #817873;
    font-weight: 500;
    letter-spacing: 1px;
    font-size: .875rem;
}

.cmhc-modal-header {
    margin-bottom: 22px;
}

.cmhc-modal-header,
.cmhc-modal-footer {
    float: left;
    width: 100%;
}

.cmhc-modal-footer {
    margin-top: 20px;
}

    #cmhc-login,
    #cmhc-register,
    .cmhc-modal-footer .button-component {
        float: left;
        width: 175px;
        text-align: center
    }

        .cmhc-modal-footer .button-component.register {
            margin-left: 60px;
        }

#cmhc-register {
    margin-left: 60px;
}

.cmhc-modal-content {
    position: relative;
    float: left;
    width: 100%;
}

.cmhc-login-content {
    float: left;
    width: 175px;
}

.row-wrap {
    float: left;
    width: 100%;
    margin-bottom: 20px;
}

    .row-wrap p {
        font-size: 1rem;
        font-weight: bold;
        color: #4a4a4a;
        margin-bottom: 5px;
    }

    .row-wrap input {
        border: 1px solid #939393;
        margin-bottom: 0;
    }

.cmhc-login-content .row-wrap input {
    width: 172px;
    height: 41px;
}

.cmhc-login-content .row-wrap + .row-wrap {
    margin-bottom: 0;
}

.cmhc-login-content .forgot-pwd {
    float: right;
    text-decoration: underline;
    color: #016ca3;
    font-size: .875rem;
    margin-top: 5px;
    display: block;
    font-family: inherit;
}

.button-component.login .button,
.button-component.register .button {
    width: 100%;
    margin-bottom: 0;
    padding: 11px 0;
    font-family: Montserrat;
    font-size: .875rem;
    text-transform: uppercase;
}

.cmhc-register-content {
    float: left;
    width: 175px;
    margin-left: 60px;
}

    .cmhc-register-content p {
        text-align: center;
        font-size: .875rem;
        line-height: 1.25rem;
        margin-bottom: 10px;
    }

.register-list {
    float: left;
    width: 100%;
    list-style: outside;
    margin-left: 14px;
}

    .register-list li {
        float: left;
        width: 100%;
        font-size: .875rem;
        line-height: 1.25rem;
        margin-bottom: 3px;
        color: #4a4a4a;
    }

        .register-list li:last-child {
            margin-bottom: 0;
        }

        .register-list li:last-child {
            margin-bottom: 0;
        }

.modal a.close-modal {
    float: none !important;
    top: 22px !important;
    right: 22px !important;
    width: 18px !important;
    height: 18px !important;
    position: absolute !important;
}

    .modal a.close-modal:before,
    .modal a.close-modal:after {
        background-color: #9e9e9e !important;
    }

.modal a.close-modal,
.close {
    background-repeat: no-repeat;
    width: 18px;
    height: 18px;
    position: relative;
    float: right;
    cursor: pointer;
    right: 27px;
    top: 0;
    background-image: none !important;
    background: none !important;
    background-position: unset !important;
}

    .modal a.close-modal::before,
    .modal a.close-modal::after,
    .close::after,
    .close::before {
        position: absolute;
        left: 8px;
        content: ' ';
        height: 18px;
        width: 2px;
        background-color: #fff;
    }

    .close:before,
    .modal a.close-modal:before {
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg)
    }

    .close:after,
    .modal a.close-modal:after {
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }


#modal-photo.modal,
#modal-logo.modal {
    max-width: 660px;
    text-align: center;
    padding: 37px 0;
}

    #modal-photo.modal .image-editor,
    #modal-logo.modal .image-editor {
        width: 400px;
        display: inline-block;
    }
.login .localAccount h2 {
    line-height: 20px;
}

.commonModal {
    padding: 0;
    width: 34%;
    border-radius: 0;
}

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

    .commonModal .subTitle {
        float: left;
        width: 100%;
        text-align: center;
        padding: 22px 0 13px;
    }



    .commonModal p {
        font-family: Roboto;
        font-size: .875rem;
        text-align: center;
        float: left;
        font-weight: 500;
        color: #4a4a4a;
        padding: 0 65px;
    }

    .commonModal .button-component {
        float: left;
        text-align: center;
        width: 100%;
        padding: 28px 0 11px;
    }

        .commonModal .button-component a.button {
            padding: 11px 43px 12px 43px;
            font-family: Montserrat;
            font-size: .875rem;
            line-height: 17px;
            font-weight: bold;
            background-color: #0173af;
            margin-bottom: 0;
        }

            .commonModal .button-component a.button:hover,
            .commonModal .button-component a.button:focus,
            #modal-login .register a.button:hover,
            #modal-login .register a.button:focus {
                color: #fff;
                background-color: #005989;
            }


    .commonModal .subTitle.sharingTxt {
        padding: 12px 0 33px
    }

        .commonModal .subTitle.sharingTxt span {
            color: #9B9B9B;
        }

.share-via-container {
    width: 350px;
    margin: 0 auto;
    float: none;
    overflow: hidden
}

.modal.sharevia {
    padding: 30px 0 40px 0
}

.share-via-container .notify {
    text-align: center
}

.share-via-title {
    text-align: center;
    margin-top: 15px
}

    .share-via-title span {
        margin-left: 7px;
        font-family: Montserrat;
        font-size: 1rem;
        letter-spacing: 1px;
        text-transform: uppercase;
        color: #9b9b9b
    }


/*#endregion*/



.share-via-container form {
    float: left;
    width: 100%;
    margin-top: 40px;
    border: none;
}

    .share-via-container form label {
    text-align: left;
    margin-top: 5px;
    
    }
    .share-via-container form textarea {
        margin-bottom: 0;
    }
    .modal-subscribe-newsroom-saved .subscribe-success p{
        margin-bottom:8px;
    }
    textarea{
        resize:none;
    }
    select#geographies-ddl{
        font-size:0.875rem;
        color:#4a4a4a;
    }

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
   .ui-dialog.ui-corner-all.ui-widget.ui-widget-content.ui-front.ui-draggable.ui-resizable {
        left: 15% !important;
    }
}



/*#region Modal (mobile) */

@media only screen and (max-width: 800px) {
    .commonModal {
        width: 75%
    }

    .share-via-container {
        width: 100%;
        padding: 0 30px;
    }
    #home-video.modal a.close-modal {
        top: 7px !important;
    }
}

    @media only screen and (max-width: 480px) {

        #modal-login {
            padding: 61px 30px 34px 30px
        }

        .cmhc-modal-header {
            border: 1px solid #016ca3;
            border-radius: 4px
        }

            .cmhc-modal-header > div {
                float: left !important;
                width: 50% !important;
                font-size: .8125rem;
                color: #016ca3
            }

                .cmhc-modal-header > div.active {
                    background-color: #0173af;
                    color: #fff
                }

        #cmhc-register {
            margin-left: 0
        }

        #cmhc-register,
        #cmhc-login {
            padding: 5px
        }

        .cmhc-modal-header > div,
        .cmhc-modal-footer > div {
            padding: 10px
        }

        .cmhc-modal-footer .button-component {
            width: 143px;
            float: none;
            text-align: center
        }

        .cmhc-login-content,
        .cmhc-register-content {
            float: left;
            width: 100%;
            margin-left: 0
        }

        .cmhc-modal-footer > div {
            display: inline-block;
            margin-left: -3px
        }

            .cmhc-modal-footer > div a {
                margin-bottom: 0
            }

        .cmhc-modal-footer .button-component.register {
            margin-left: 0
        }

        .button-component.login .button,
        .button-component.register .button {
            background-color: #0173af;
            color: #fff;
            padding: 13px 10px
        }

        .cmhc-modal-footer {
            text-align: center
        }


        #modal-photo.modal {
            max-width: 100%
        }

            #modal-photo.modal .image-editor,
            #modal-logo.modal .image-editor {
                width: 85%
            }

        #modal-photo.modal,
        #modal-logo.modal {
            padding: 37px 0 29px 0
        }

        .commonModal {
            width: 100%
        }

            .commonModal p {
                padding: 0
            }
        .dialog {
            width: 100%;             
        }
        .common-share-email form {
            width:82%;
        }
        .dialog .blue-bulb {
            position: absolute;
            top: 20px;
            left: 20px;
            width: 50px;
        }
        .footer-links {
            padding: 25px 20px 30px 20px;
        }
        .modal-center {
            width: 100%;
            padding: 0 20px;
        }
        .modal-center h3, .modal-center h4 {
            font-size:0.9rem;
        }

                /* modal login*/
                .modal-login > div {
            padding:0 4% 8% 4%;
            min-height:282px;
        }
        .modal-login .button, .modal-login .secondary {
            min-width: 148px;
        }
        /* Login page in to single column*/
        .login .localAccount #next {
            position: relative;
            bottom: 0;
        }
        .modal-login .login .buttons {
            text-align: center;
            margin-top: 30px;
        }

        .modal-login .login, .modal-login .register, .modal-login {
            width: 100%;
            margin-bottom: 0;
        }

        .register .button {
            width: 110px;
            margin: 40px auto 0 auto;
            display: block;
            text-align: center;
        }
        .modal-login .login {
            border:none;
        }
        /* sign in end*/

        .modal-email-share-withsignature .profile-box {
            padding-left:95px;
        }
        .modal-email-share-withsignature .profile-box .prof-pic {
            max-width:75px;
            left:10px;
        }
    }



    /*#endregion */






/*#region MBS Information Circulars */
.mbs-form {
    margin-top: 25px;
}

    .mbs-form .or {
        margin: 40px 0 30px 0;
        border-top: 1px solid #C7C7C7;
        text-align: center;
        position: relative;
        font-weight: normal;
    }

        .mbs-form .or span {
            position: absolute;
            display: inline-block;
            padding: 10px;
            background: white;
            top: -20px;
            left: 45%;
            color: #9B9B9B;
            font-size: 1.1em;
        }

    .mbs-form .button-panel {
        padding-top: 40px;
    }

    .mbs-form input[type=button],
    .mbs-form input[type=reset] {
        min-width: 160px;
    }

.cmhc-container .mbs-disclaimer {
    margin: 0 10px;
}

    .cmhc-container .mbs-disclaimer h2 {
        font-weight: bold;
        font-size: 1rem;
        margin-bottom: 20px;
    }

    .cmhc-container .mbs-disclaimer p {
        font-size: 0.85em;
        margin-bottom: 20px;
        line-height: 1.8em;
        float: none;
    }

.mbs-results {
    display: none;
    margin: 0 10px;
    border-top: 1px solid #dddddd;
    padding: 30px 0;
    font-size: 0.85em;
}

    .mbs-results table {
        width: 100%;
    }

    .mbs-results th {
        padding: 10px;
        font-family: 'Montserrat', Arial, sans-serif;
        text-transform: uppercase;
        color: #656565;
        text-align: left;
    }

    .mbs-results td:nth-child(1) {
        width: 10%;
        padding-left: 30px;
        color: #9B9B9B;
    }

    .mbs-results td:nth-child(2) {
        width: 30%;
        color: #9B9B9B;
    }

    .mbs-results tbody tr:nth-child(odd) {
        background-color: #F7F7F7;
    }


    .mbs-results td {
        padding: 10px;
        text-transform: uppercase;
    }

        .mbs-results td a {
            font-weight: bold;
        }

    .mbs-results tbody tr {
        border: 1px solid #dddddd;
    }

/* MBS paging    */


.dataTables_paginate {
    background-color: #F7F7F7;
    text-align: center;
    padding: 30px;
    margin: 20px 0;
}

    .dataTables_paginate a {
        color: #0173AF;
        display: inline-block;
        padding: 8px;
        font-size: 1.1rem;
    }



        .dataTables_paginate a.current {
            text-decoration: none;
            color: #656565;
            font-weight: bold;
        }

.paginate_button.disabled {
    display: none;
}

.paginate_button.previous {
    padding-left: 20px;
    text-decoration: none;
    background: url('https://www.cmhc-schl.gc.ca/Content/project/cmhc/img/icon-chevron-left.svg') no-repeat left;
    background-size: 8px;
}

.paginate_button.next {
    padding-right: 20px;
    text-decoration: none;
    background: url('https://www.cmhc-schl.gc.ca/Content/project/cmhc/img/icon-chevron-right.svg') no-repeat right;
    background-size: 8px;
}

.mbs-validate-or {
    margin-bottom: 20px;
}

/*#endregion*/

/*#region Affordable Housing Project Profiles */

#project-profiles-form {
    margin-bottom: 60px;
}

.project-profiles {
    margin-top: 25px;
    padding: 30px 20px;
}

    .project-profiles h2 {
        font-weight: bold;
        font-size: 1.2em;
        line-height: 1.2em;
        margin-bottom: 30px;
        font-family: 'Roboto', Calibri, sans-serif;
    }

.project-profiles-results {
    color: #656565;
}

    .project-profiles-results li {
        padding-top: 18px;
        border-bottom: 1px solid #E8E8E8;
    }

        .project-profiles-results li:last-child {
            border-bottom: none;
            padding-bottom: 20px;
        }

    .project-profiles-results h3 {
        font-size: 1.3em;
        line-height: 1.2em;
        margin-bottom: 2px;
        text-decoration: none;
    }

    .project-profiles-results a {
        text-decoration: none;
    }

    .project-profiles-results p {
        margin-bottom: 10px;
    }
    .project-profiles #profilebutton {
        text-align:center;  
    }
/*#endregion*/
/*#region My Folder / My Subscriptions*/
.my-folder-nav {
    margin: 20px auto;
}

    .my-folder-nav li a {
        display: block;
        float: left;
        padding: 10px;
        width: 50%;
        border: 1px solid #0173AF;
        text-align: center;
        letter-spacing: 1px;
        font-family: 'Montserrat', Arial, sans-serif;
        font-size: 0.85em;
        text-transform: uppercase;
        text-decoration: none;
    }

    .my-folder-nav li:first-child a {
        border-radius: 5px 0 0 5px;
    }

    .my-folder-nav li:last-child a {
        border-radius: 0 5px 5px 0;
    }

    .my-folder-nav li a.active {
        background-color: #0173AF;
        color: white;
    }

/* Dropdown menu */

.my-folder .ui-selectmenu-button.ui-button.ui-widget {
    border-color: transparent;
    width: inherit;
}

.my-folder .ui-selectmenu-button span.ui-selectmenu-text {
    padding: 10px;
    letter-spacing: 1px;
    font-family: 'Montserrat', Arial, sans-serif;
    font-size: 0.85em;
    text-transform: uppercase;
    color: #7E7E7E;
}

.my-folder .ui-selectmenu-text {
    padding: 0;
}

.my-folder .ui-icon.ui-icon-triangle-1-s {
    background: url('https://www.cmhc-schl.gc.ca/content/project/cmhc/img/icon-chevron-down-grey.svg') no-repeat center center;
    background-size: 10px;
}

.my-folder .ui-selectmenu-button.ui-button.ui-widget.ui-selectmenu-button-open {
    border: 1px solid #DEDEDE;
    background-color: #f8f8f8;
}

.my-folder-sort.ui-menu.ui-widget.ui-widget-content {
    border: 1px solid #DEDEDE;
    background-color: #f8f8f8;
    border-top: none;
}

.my-folder-sort.ui-menu .ui-menu-item {
     border-left: 4px solid #f8f8f8;
}

    .my-folder-sort.ui-menu .ui-menu-item:hover {
        border-left: 4px solid #0173af;
    }

        .my-folder-sort.ui-menu .ui-menu-item:hover .ui-menu-item-wrapper {
            font-weight: bold;
        }




.my-subscriptions h3 {
    letter-spacing: 1px;
    font-family: 'Montserrat', Arial, sans-serif;
    font-size: 0.85em;
    text-transform: uppercase;
    padding: 20px 0 10px 0;
    color: #7E7E7E;
}

.my-subscriptions table {
    width: 100%;
    margin-bottom: 20px;
}

.my-subscriptions td {
    padding: 10px;
    font-size: 0.81em;
    color: #656565;
}

    .my-subscriptions td a {
        text-decoration: none;
        font-size: 0.7rem;
        color: #0071ae;
        line-height: 0.45em;
        border-bottom: 1px solid #0071ae;
        text-transform: uppercase;
        font-weight: bold;
    }    
    .my-subscriptions td .edit {
        text-transform: uppercase;
        font-family: 'Montserrat', Arial, sans-serif;
        font-size: 0.9em;
        letter-spacing: 1px;
        font-weight: bolder;
        display: inline-block;
        padding-bottom: 3px;
        border-bottom: 1px solid #0173af;
        color: #0173af;
        vertical-align: top;
    }
    .my-subscriptions td:last-child a {
        border: none;
        color: #9B9B9B;
        font-size: 14px;
        font-weight: normal;
    }

    .my-subscriptions tr {
        border: 1px solid #dddddd;
    }

    .my-subscriptions tr:nth-child(odd) {
        background-color: #F7F7F7;
    }

.my-subscriptions td:last-child,
.my-subscriptions td:nth-child(2) {
    width: 30px;
    color: #9B9B9B;
}

.my-subscriptions .button-panel {
    padding-top: 10px;
    padding-bottom: 40px;
}

/*#endregion*/



/*#region Registration and Account Management */

#acct-management > div > div {
    padding: 30px 100px 30px 100px;
}

#acct-management .button-panel a {
    font-weight: normal;
    display: inline-block;
    margin-top: 30px;
    font-size: 0.9rem;
}



#registration > div > div:first-child .float-left,
#registration > div > div:first-child .float-right,
#acct-management > div > div > div:first-child .float-left,
#acct-management > div > div > div:first-child .float-right {
    width: 48%;
}

#registration > div:last-child > div:first-child {
    padding: 20px;
    border: 1px solid #CCC;
    font-weight: normal;
    font-size: 0.85rem;
    line-height: 1.2rem;
    height: 160px;
    overflow: auto;
}

#registration > div:last-child > label {
    padding-left: 10px;
    font-weight: 300;
    text-align: center;
}

.skip-step {
    margin-top: 20px;
}


.signature {
    background: #f8f8f8;
    border: 1px solid #ececec;
    padding: 20px;
    max-width: 459px;
    margin: 20px auto;
}

    .signature input[type=file],
    .signature img {
        display: none;
    }

form .signature label {
    margin: 0;
    padding: 0;
    color: #0173AF;
    font-weight: bold;
    text-decoration: underline;
    font-size: 0.85rem;
}

.signature-photo {
    display: inline-block;
    width: 110px;
    vertical-align: top;
    text-align: center;
    margin-right: 20px;
}

    .signature-photo .container {
        width: 110px;
        height: 110px;
        background: white url('https://www.cmhc-schl.gc.ca/Content/project/cmhc/img/account/icon-photo-placeholder.png') no-repeat center center;
        border-radius: 50%;
        border: 2px dashed #ccc;
        margin: 0 auto 10px auto;
    }

        .signature-photo .container img {
            border-radius: 50%;
        }


.signature-logo {
    display: inline-block;
    width: 100%;
    max-width: 270px;
    vertical-align: top;
}

    .signature-logo .container {
        width: 109px;
        min-height: 54px;
        background: white url('https://www.cmhc-schl.gc.ca/Content/project/cmhc/img/account/icon-logo-placeholder.png') no-repeat center center;
        border: 1px dashed #ccc;
        margin: 10px 0;
    }

    .signature-logo p {
        margin: 0;
        padding: 0 0 0 8px;
        font-weight: bold;
        font-size: 0.85rem;
    }


    .signature-logo textarea,
    .signature-logo textarea:focus {
        width: 100%;
        margin: 7px 0;
        height: 105px;
        background: white;
        font-size: 0.85rem;
        resize:none;
    }

.modal-editphoto {
    max-width: 660px;
}

    .modal-editphoto h4 {
        font-family: 'Montserrat', Arial, sans-serif;
        text-transform: uppercase;
        letter-spacing: 1px;
        text-align: center;
        margin: 10px 0 40px 0;
    }

.cropit-preview {
    background-size: cover;
    width: 170px;
    height: 170px;
    border-radius: 0;
    margin: 50px auto;
    position: relative;
}

.signature-logo .cropit-preview {
    width: 200px;
    height: 200px;
}

.cropit-preview span {
    display: block;
    font-size: 0.825rem;
    position: absolute;
    bottom: -20px;
    left: 20px;
    text-align: center;
}

.cropit-preview-background {
    opacity: .2;
    cursor: auto;
    max-width: none;
}

.cropit-preview-background-container {
    background: #f8f8f8;
}

.cropit-preview-image,
.cropit-preview-image-container img {
    max-width: none;
}

.cropit-preview-image-container {
    cursor: move;
    border-radius: 50%;
}



.cropit-controls {
    margin-top: 20px;
    padding: 20px 0 10px 0;
    background-color: #f8f8f8;
    text-align: center;
}

    .cropit-controls label {
        vertical-align: top;
        font-size: 0.85rem;
        text-align: center;
        display: inline-block;        
        padding: 0 30px;
    }

        .cropit-controls label:nth-child(1) {
            width: 240px;
            position: relative;
            background: url('https://www.cmhc-schl.gc.ca/Content/project/cmhc/img/account/crop-it-slider.svg') no-repeat bottom center;
            padding-bottom: 13px;
        }

        .cropit-controls label:nth-child(2) {
            width: 140px;
            padding: 0 20px;
            border-left: 1px solid #ddd;
            border-right: 1px solid #ddd;
        }

        .cropit-controls label:nth-child(3) {
            width: 100px;
        }

    .cropit-controls input[type=button],
    .cropit-controls input[type=button]:hover {
        text-indent: -10000px;
        min-width: 20px;
        height: 20px;
        padding: 0;
        background-color: transparent;
        border: none;
    }


.rotate-cw-btn {
    background: url(https://www.cmhc-schl.gc.ca/Content/project/cmhc/img/account/icon-rotate-right.png) no-repeat center center;
}

.rotate-ccw-btn {
    background: url(https://www.cmhc-schl.gc.ca/Content/project/cmhc/img/account/icon-rotate-left.png) no-repeat center center;
}

.restore-btn {
    background: url(https://www.cmhc-schl.gc.ca/Content/project/cmhc/img/account/icon-restore.png) no-repeat center center;
}

.modal-editphoto .button-panel {
    margin-bottom: 30px;
}


.signature .optional {
    font-size: 0.8rem;
    font-weight: normal;
    padding:0 5%;
}


.requirement {
    padding: 25px;
    border: 1px solid #d8d8d8;
    border-radius: 8px;
    background-color: #f8f8f8;
    margin-bottom: 30px;
}

    .requirement h3,
    .requirement h4 {
        font-weight: bold;
        font-size: 1rem;
        margin-bottom: 10px;
        color: #4a4a4a;
    }

    .requirement p {
        font-size: 0.875rem;
        margin-bottom: 0;
        color:#4a4a4a;
    }

.registration-terms-agree > label.error {
    text-align: left;
    padding-left: 30px;
    
}
.registration-captcha .g-recaptcha,.shareicon-captcha {
	margin-top: 1.3rem!important;
    
}
.g-recaptcha{
margin-top: 1.3rem!important;
   
}
.registration-terms-agree {
     padding-left: 0px!important; 
    font-weight: 300;
     text-align: left!important;
    
}


/*#endregion*/

/*#region MyCMHC */

h2.my-cmhc {
    max-width: 780px;
    margin: 0 auto;
    padding: 0;
    font-size: 1.2rem;
}

    h2.my-cmhc ~ div.my-cmhc {
        margin-top: 20px;
    }

    h2.my-cmhc ~ div.help-tip-box {
        max-width: 780px;
        margin: 20px auto 30px auto;
    }

div.my-cmhc {
    max-width: 780px;
    padding: 20px 80px;
    margin: 52px auto;
    border: 1px solid #d8d8d8;
}

.my-cmhc img {
    width: 48px;
    margin: 20px auto 10px auto;
    display: block;
}

.my-cmhc form {
    border: none;
    margin: auto;
    padding-top: 20px;
}

.my-cmhc label {
    line-height: 1.2rem;
}

.my-cmhc form#closing-feedback {
    max-width: 360px;
}

    .my-cmhc form#closing-feedback fieldset > label {
        font-weight: normal;
        margin: 20px 0 8px 0;
    }

.my-cmhc fieldset {
    padding-bottom: 10px;
}

.my-cmhc legend {
    margin: 0 0 4px 0;
}

.my-cmhc textarea {
    margin: 10px 0 0 0;
}

.my-cmhc .button-panel {
    padding-top: 5px;
}

.my-cmhc .success {
    color: #49732E;
    font-size: 1.1em;
    font-weight: bold;
    text-align: center;
    margin-bottom: 30px;
}

.my-cmhc .confirmation-email {
    font-weight: bold;
}





/*#endregion*/

/*#region Guide Page*/

.guide-page {
    padding-top: 15px;
}

    .guide-page nav ul,
    .guide-page section,
    .guide-page footer {
        margin: auto;
        padding: 5px 20px;
        max-width: 820px;
    }

    .guide-page nav {
        margin-bottom: 20px;
        padding-bottom: 20px;
        border-bottom: 1px solid #dedede;
    }

        .guide-page nav ul {
            column-count: 2;
        }

            .guide-page nav ul > li {
                list-style-type: none;
                margin: 0 0 18px 0;
                padding: 0 20px 0 0;
                line-height: 1.5rem;
            }

                .guide-page nav ul > li > a {
                    letter-spacing: 1px;
                }

                    .guide-page nav ul > li > a:hover {
                        text-decoration: none;
                    }

                    .guide-page nav ul > li > a.active {
                        text-decoration: none;
                        color: #656565;
                        cursor: default;
                        font-size:1.23rem;
                    }

    .guide-page footer {
        padding: 40px 10px;
        clear: both;
    }


        .guide-page footer a {
            display: block;
            border: 1px solid #aaa;
            width: 263px;
            min-height: 108px;
            padding: 20px 40px;
            text-align: center;
            text-decoration: none;
            font-size: 0.95rem;
            line-height: 1.1rem;
        }

            .guide-page footer a:hover {
                box-shadow: 0 1px 7px rgba(0,0,0,0.19);
                background:#f8f8f8;
            }

            .guide-page footer a span {
                color: #0173AF;
                display: block;
                font-family: 'Montserrat', Arial, sans-serif;
                text-transform: uppercase;
                letter-spacing: 1px;
                margin-bottom: 10px;
            }


            .guide-page footer a.float-left span {
                background: url('https://www.cmhc-schl.gc.ca/Content/project/cmhc/img/icon-chevron-left.svg') no-repeat left 15px center;
                background-size: 10px;
            }

            .guide-page footer a.float-right span {
                background: url('https://www.cmhc-schl.gc.ca/Content/project/cmhc/img/icon-chevron-right.svg') no-repeat right 15px center;
                background-size: 10px;
            }


    .guide-page .categoryBlock li {
        list-style-type: none;
        border-left: 5px solid #eee;
        padding-left: 20px;
        margin-bottom: 40px;
    }

    .guide-page .categoryBlock h2 {
        margin-bottom: 0;
    }

    .guide-page img {
        display: block;
        margin: auto;
    }
    /* New to Canada (New Comers) page */

    .custom-margin .cmhc-accordion-content .text-component h4 {
        margin: 10px 0;
        font-size:1.25rem;
    }
    .custom-margin .cmhc-accordion-content .text-component p a {
        line-height: 30px;
        text-decoration:none;
        color:#0071ae;
    }
    .custom-margin .cmhc-accordion-content .text-component p a span{
        color:#656565;
    }
    .custom-margin .cmhc-accordion-content .text-component p a img {
        margin-right: 10px;
    }
    .custom-margin .cmhc-accordion-content .text-component p {
        margin-bottom: 20px;
    }
    /*#endregion*/
    /*#region PDF Landing page*/
    .pdf-landing {
        max-width: 820px;
        margin: auto;
        padding: 35px 20px;
        position: relative;
        margin-bottom:35px;
    }

    .pdf-landing > div {
        padding-left: 264px;
    }

/* Added on Feb 22 2019 - as per Accenture - INC7042815 */

    .pdf-landing ul {
        list-style-type: disc; 
    }

    .pdf-landing ul, ol {
        margin-left: 0; 
         padding-left: 40px;
        line-height: 24px;
        margin-bottom: 24px;
    }
/* END - Added on Feb 22 2019 - as per Accenture */


    .pdf-landing img {
        display: block;
        position: absolute;
        top: 35px;
        left: 10px;
        width: 100%;
        max-width: 240px;
        border: 2px solid #CBCBCB;
    }

    .pdf-landing h2 {
        font-weight: bold;
        font-size: 1.25rem;
        margin-bottom: 20px;
    }

    .pdf-landing dl {
        font-size: 0.875rem;
    }

    .pdf-landing dt,
    .pdf-landing dd {
        float: left;
        margin-bottom: 5px;
    }

    .pdf-landing dt {
        clear: left;
        padding-right: 5px;
    }

    .pdf-landing .button-panel {
        text-align: left;
    }

        .pdf-landing .button-panel input:first-child {
            margin-left: 0;
        }


#pdf-versions {
    border: none;
}

    #pdf-versions label {
        font-weight: normal;
        font-size: 0.95rem;
    }


/*#endregion*/


/*#region Media news room artilce page*/

.media-newsroom-article {
    margin: 0 auto 30px auto;
    max-width: 820px;
    padding: 5px 20px;
}

    .media-newsroom-article h2 {
        font-size: 1.3rem;
        margin-top: 40px;
    }

    .media-newsroom-article img {
        width: 100%;
        max-width: 650px;
        display: block;
        margin: auto;
    }

    .media-newsroom-article figure {
        margin-bottom: 30px;
    }

    .media-newsroom-article .media-video {
        min-height: 439px;
        width: 100%;
    }

    .media-newsroom-article figcaption {
        font-size: 0.95rem;
        margin: 10px 0;
    }


    .media-newsroom-article blockquote {
        margin-left: calc((-100vw / 2) + (800px / 2));
        margin-right: calc((-100vw / 2) + (800px / 2));
    }

        .media-newsroom-article blockquote p {
            width: 80%;
            max-width: 600px;
            text-align: center;
            display: block;
            margin: 30px auto;
        }
    .media-newsroom-article i {
        font-style: normal;
    }
    
    .media-newsroom-article #cmhc-media-content {
        margin-left: calc((-100vw / 2) + (800px / 2));
        margin-right: calc((-100vw / 2) + (800px / 2));
        margin-bottom: 60px;
        background: #F7F7F7;
        text-align: center;
        border-bottom: 1px solid #E4E4E4;
    }

        .media-newsroom-article #cmhc-media-content h2 {
            margin: 0 auto;
            color: #0173AF;
            display: block;
            font-size: 1.5rem;
            font-weight: 300;
            line-height: 1.5em;
            text-align: center;
            width: 90%;
            max-width: 360px;
            padding: 60px 0 40px 0;
        }

        .media-newsroom-article #cmhc-media-content ul {
            max-width: 800px;
            column-count: 2;
            margin: auto;
        }

        .media-newsroom-article #cmhc-media-content .button-panel {
            padding-bottom: 40px;
        }

            .media-newsroom-article #cmhc-media-content .button-panel p {
                font-size: 1rem;
                color: #999;
            }

        .media-newsroom-article #cmhc-media-content li {
            list-style-type: none;
            text-align: left;
            padding-left: 30px;
            padding-bottom: 10px;
            background: url('https://www.cmhc-schl.gc.ca/Content/project/cmhc/img/icon-check.svg') no-repeat left top;
            background-size: 20px;
            text-decoration: none;
            font-size: 1rem;
            color: #656565;
        }

    .media-newsroom-article .footnote {
        font-size: 0.85rem;
    }


    .media-newsroom-article table {
        width: 100%;
    }



/*#endregion*/

/*#region Text Version*/
.content_photo {
    padding: 20px;
    /*border: 1px solid #ccc;*/
    margin-bottom: 20px;
}

.showHideMeLink {
    display: block;
    text-align: center;
    font-size: 0.85rem;
    padding-top: 20px;
}

    .showHideMeLink:after {
        content: ' ';
        display: inline-block;
        width: 12px;
        height: 8px;
        background: url('https://www.cmhc-schl.gc.ca/Content/project/cmhc/img/icon-chevron-down.svg') no-repeat;
        background-size: contain;
        margin-left: 5px;
    }

    .showHideMeLink.active:after {
        width: 12px;
        height: 8px;
        background: url('https://www.cmhc-schl.gc.ca/Content/project/cmhc/img/icon-chevron-up.svg') no-repeat;
        background-size: contain;
        margin-left: 5px;
    }


.showHideMeContent2 {
    display: none;
    width: 75%;
    margin: auto;
}

    .showHideMeContent2 p {
        margin-bottom: 10px;
    }
figure.text-version-2 .image-caption {
    border: 1px solid #ccc;
    padding: 30px;
    padding-bottom: 40px;
    width: 50%;
    display: inline-block;
}

figure.text-version-2 .text-version {
    border: 1px solid #ccc;
    width: 50%;
    display: inline-block;
    border-top: 0px;
}

figure.text-version-2 .content_photo {
    border: none;
}

figure.text-version-2 .image-source {
    float: left;
    position: relative;
    padding-top: 10px;
}

figure.text-version-2 .image-title {
    padding: 10px;
}

/* The classes below are not the same as the migrated content */
.text-version-2 {
    margin: auto;
    clear: both;
    text-align: center;
    padding: 30px 0 30px 0;
}

.toggle-text {
    font-family: Roboto;
    font-weight: 500;
    color: #007DB0;
    text-decoration: underline;
}

.toggle-content {
    padding: 10px 0;
}

.figure-2 {
    padding: 37px 60px;
    border: solid 1px #D2D2D2;
}

.text-version-1 {
    background-color: #f7f7f7;
    padding: 40px 0 0 0;
}

.block-text {
    padding-top: 30px;
}

.text-version-1 .figure-desc {
    float: left;
    width: 40%;
}

.text-version-1 img {
    float: left;
    width: 45%;
}

.text-version-1 h3 {
    font-family: Roboto;
    font-size: 1.875rem;
    font-weight: 300;
    line-height: 40px;
}

.text-version-1 p {
    font-family: roboto;
    color: #656565;
    margin-top: 10px;
}

.text-version-1 figure {
    float: right;
    width: 55%;
    text-align: right;
}
.login .localAccount #next {
    font-weight:bold;
}
form#acct-management .cmhc-accordion-content p {
    font-size: 18px;
}
.media-newsroom-article blockquote.quote-figure-1{
    background:none;
}
div#ProfileList{
    margin-top:70px;
}
    /*#endregion*/

/*#region Pages (mobile) */
@media only screen and (max-width: 800px) {

    h2.my-cmhc {
        margin: 0 10px;
    }

        h2.my-cmhc ~ div.help-tip-box {
            margin: 20px 10px 30px 10px;
        }

    div.my-cmhc {
        margin: 52px 10px;
        padding: 20px 80px;
    }
    .pdf-landing{
        margin-bottom:0;
    } 
    .pdf-landing img {
        max-width: 180px;
    }

    .pdf-landing > div {
        padding-left: 204px;
    }

    #pdf-versions .ui-selectmenu-button.ui-button.ui-widget {
        max-width: none;
        margin-top: 5px;
        margin-left: 0;
    }

    .pdf-landing .secondary.share-icon {
        margin-left: 0;
    }


    /*Media newsroom article*/

    .media-newsroom-article blockquote,
    .media-newsroom-article #cmhc-media-content {
        margin-left: -20px;
        margin-right: -20px;
    }
    .media-newsroom-article figcaption {        
        text-align: center;
    }
    .custom-margin .cmhc-accordion-content .text-component h4 {       
        font-size: 1.125rem;
    }
    .New-to-Canada .cmhc-container .guide-page .text-component p {
        font-size: 1.125rem;
        line-height: 27px;
    }
}



@media only screen and (max-width: 640px) {

    div.my-cmhc {
        padding: 20px 36px;
    }

    #registration > div > div:first-child .float-left,
    #registration > div > div:first-child .float-right {
        width: 100%;
    }

        #registration > div > div:first-child .float-left input,
        #registration > div > div:first-child .float-right input {
            margin-bottom: 0;
        }

    .signature-photo {
        display: block;
        width: 90%;
        margin: 0 auto 20px auto;
    }

    .signature-logo {
        max-width: none;
        text-align: center;
    }

        .signature-logo p {
            text-align: left;
        }

        .signature-logo .container {
            margin: 20px auto;
        }



    .guide-page nav ul {
        column-count: 1;
    }

        .guide-page nav ul > li {
            list-style-type: none;
            margin: 0 0 12px 0;
        }



    .guide-page footer a {
        width: 162px;
        padding: 10px;
    }



        .guide-page footer a span {
            font-size: 0.9rem;
            padding: 0 20px;
        }

        .guide-page footer a.float-left {
            text-align: left;
        }

            .guide-page footer a.float-left span {
                background-position: left center;
            }

        .guide-page footer a.float-right {
            text-align: right;
        }

            .guide-page footer a.float-right span {
                background-position: right center;
            }





    .pdf-landing img {
        max-width: 240px;
        margin: auto;
        position: relative;
        left: 0;
        top: 0;
    }

    .pdf-landing > div {
        padding-left: 0;
    }

    .pdf-landing .button-panel {
        text-align: center;
    }

    .media-newsroom-article #cmhc-media-content ul {
        column-count: 1;
    }
   figure.text-version-2 .image-caption {
        width: 70%;
        padding-bottom:30px;
    }

    figure.text-version-2 .text-version {
        width: 70%;
    }

    figure.text-version-2 .image-source {
        position: relative;
    }
}
@media only screen and (max-width: 750px) {
    .login .localAccount #next {
        margin: 0 !important;
        width: 35%;
    }

    .my-subscriptions .button-panel input[type="button"] {
        white-space: normal;
    }

    .cmhc-container .text-component p, .guide-page nav ul > li > a {
        font-size: 1rem;
    }
    form#acct-management .cmhc-accordion-content p {
        font-size: 1.125rem;
    }
    #acct-management > div > div > div:first-child .float-left, #acct-management > div > div > div:first-child .float-right {
        width: 100%;
    }
    #acct-management > div > div {
        padding: 20px;
    }
    .related-reports > div > a{
        float:none;
        margin:20px;
        line-height:28px;
    }
    .guide-page .text-component p a {
        word-break:break-word;
    }
    .media-newsroom-article table.DataTable tr td, table.DataTable tr th {
        font-size: 13px;
        padding: 0.4rem 0.5rem;
    }
}
@media only screen and (max-width: 480px) {
    .media-newsroom-article figcaption {
        font-size: 11px;
    }

    .login .localAccount #next {
        min-width: 110px;
    }
    .login .localAccount h2{
        font-size:0.8rem;
    }

    .register .button {
        min-width: 110px;
        padding: 10px 15px;
    }
    .my-folder-nav li a{
        font-size:0.75rem;
    }
    artilce table.DataTable tr th, artilce table.DataTable tr td {
        font-size: 0.65rem;
    }
}
@media only screen and (max-width: 359px) {
    .guide-page footer a{
        width:148px;
    }
    .my-folder-nav li a {
        font-size: 0.65rem;
    }
}
    
    /*#endregion*/

/*#region Banner */

.banner {
    background-color: #f8f8f8;
    max-height: 250px;
    min-height: 40px;
    padding-top: 15px;
    box-shadow: inset 0 20px 20px -10px #e2e2e2;
    text-align: center;
    color: #9C9C9C;
    overflow: hidden;
    margin-bottom: 32px;
    clear:right;
}

    .banner h1 {
        font-size: 1.75em;
        line-height: 1.2em;
        margin: 40px auto 10px auto;
        color: #000000;
        font-family: 'Roboto', Calibri, sans-serif;
        font-weight: normal;
        max-width: 650px;
        padding: 5px 20px;
    }
    .banner p {
        margin: 0 auto 200px auto;
        max-width: 580px;
        padding: 5px 20px;
    }

.breadCrumb {
    display: block;
    position: absolute;
    width: 100%;
    margin: auto;
    padding: 0 5px;
    text-align: left;
}

.breadCrumb a {
    display: inline-block;
    background-size: 10px;
    font-size: 0.95em;
    font-weight: bold;
}

.quick-actions {
    width: 100%;
    text-align: center;
    position: absolute;
    top: 226px;  
    text-align: center;
}

    .quick-actions img, .icon-ring img {
        margin-top: 9px;
        width: 24px;
    }

    .quick-actions a, .icon-ring {
        width: 48px;
        height: 48px;
        border-radius: 50%;
        border: 2px solid #e5e5e5;
        color: #0173AF;
        display: inline-block;
        text-align: center;
        background-color: white;
        
        margin: 2px;
    }

        .quick-actions a:hover {
            border-color: #0173AF;
            cursor: pointer;
        }

/*#region NHS banner in CMHC*/
.banner a + h1 {
    margin-top: 10px;
}
.guide-page .custom-margin h3.cmhc-accordion-header {
    clear: both;
}
.banner .breadCrumb + a img{
    width:116px;
    height:auto;
}
.text-component .housing-images {
    display:inline-block;
    margin-bottom:25px;
}
.quote-figure-1 .content-full figcaption{
    text-align:center;
    margin:10px 0;
}
/*#endregion*/

/* Begin Enhancement DMND0014819  */
.breadcrumb-chevron{
    height: 10px;
    width: 8px;
}

.breadCrumb .content-full li{
    display:inline;
}

.breadCrumb ul {/*INC7107965*/
    padding-left: 5px;
}

/* End Enhancement DMND0014819 */

 /*breadcrumb issue for nhs img overlapping start desktop*/
.banner .breadCrumb + a img{ 
    top:30px;
    position:relative;
}

.banner a + h1 {
    margin-top: 24px !important;
}
 /*breadcrumb issue for nhs img overlapping start desktop ends*/
 
/*#region Banner (mobile) */

@media only screen and (max-width: 640px) {
    
    .banner h1 {
        font-size: 1.4em;
        margin-bottom: 20px;
        padding-top:55px;
    }

    .breadCrumb .content-full li{
        display:block !important;
        padding-bottom:5px;
    }
    
    /*done the fix as per the incident SCTASK7061982*/
    /*breadcrumb issue for nhs img overlapping start */

.banner .breadCrumb + a img {
    	top: 45px !important;
       
    }
    .banner h1 {
    	margin-bottom: 0px;
        padding-top: 40px;
    }
    
    .banner a + h1 {
        margin-top: 10px;
    }
/*breadcrumb issue for nhs img overlapping */
   .banner .breadCrumb .content-full li{
        display:inline-block !important;
        padding-bottom:5px;
    }

    .banner p {
        font-size: 0.95em;
    }

    .breadCrumb a {
        /*background-size: 8px;
        padding-left: 12px; */
        font-size: 0.8em;
    }
    .breadcrumb-chevron {
        height: 8px;
        width: 8px;
    }
/*#region NHS banner in CMHC*/
    .text-component.content-set .housing-images {
        display:block;
        margin-bottom: 10px;
    }
    .cmhc-accordion .cmhc-accordion-content div.text-component {
        overflow: auto;
    }

    /*#endregion*/
}


/* Inc7107965  Start-  BreadCrumb aligment in left side - below the logo aligment   */
	@media (max-width:991px){
	.breadCrumb .content-full{
	padding-left:0px;
	}
}

@media (min-width:992px){
	.breadCrumb .content-full{
	padding-left:5px;
	}
}
/* Inc7107965  end */



/*#endregion*/

/*#region Home */


.home-banner {
    background-color: #1A5B71;
    color: white;
}

    .home-banner h2 {
        padding-top: 108px;
        font-weight: 300;
        font-size: 3.1em;
        color: white;
    }

    .home-banner a {
        text-decoration: none;
        font-size: 1.25em;
        line-height: 1.6em;
        letter-spacing: 1px;
        color: white;
    }

        .home-banner a:last-child:hover {
            border-bottom: 1px solid white;
        }

.home-play {
    display: inline-block;
    margin: 57px 0;
}

.home-image {
    margin: auto;
    max-width: 1024px;
    height: 491px;
    text-align: center;
  /*  background: url('https://www.cmhc-schl.gc.ca/content/project/cmhc/img/home-hero.png') no-repeat center; */
  background: url('https://eppdscrmssa01.blob.core.windows.net/cmhcprodcontainer/sf/project/cmhc/home/hero-20180607.png') no-repeat center;
}



/*#endregion*/

/*#region What can we help you with?*/


.help-header h1 {
    letter-spacing: 1px;
    font-family: 'Montserrat', Arial, sans-serif;
    text-transform: uppercase;
    text-align: center;
    background: #f7f7f7;
    padding: 50px 0;
    color: #656565;
    font-size: 1rem;
}



.offer-information h4 {
    margin: 0 0 10px 0;
    font-weight: normal;
    color: #0173AF;
    font-size: 1.25rem;
}

.offer-information p {
    color: #656565;
    font-family: inherit;
    font-size: .875rem;
    line-height: 20px;
}


.cmhc-container .help-container {
    padding: 0 70px;
    padding-bottom: 30px;
    background: #f7f7f7
}

    .cmhc-container .help-container.help-container-bg {
        padding: 0 70px 80px 70px;
        margin-bottom: 0
    }

.cmhc-offers {
    overflow: hidden;
    cursor: pointer
}

    .cmhc-offers .offer-icon {
        display: inline-block;
        position: relative;
        text-align: center
    }

        .cmhc-offers .offer-icon img {
            transition: all .5s ease
        }

            .cmhc-offers .offer-icon img:first-child {
                opacity: 1;
                display: inline-block
            }

            .cmhc-offers .offer-icon img:last-child {
                opacity: 0;
                display: none
            }

    .cmhc-offers:hover .offer-icon img:first-child {
        opacity: 0;
        display: none
    }

    .cmhc-offers:hover .offer-icon img:last-child {
        opacity: 1;
        display: inline-block
    }

/*#endregion*/



/*#region Common Tasks */

.common-tasks {
    background-color: #0173af;
    text-align: center;
    padding: 40px 0 0 0;
}

    .common-tasks h2,
    .common-tasks h3,
    .common-tasks a {
        color: white;
    }

        .common-tasks h2,
        .common-tasks h2 label {
            font-size: 1rem;
            text-transform: uppercase;
            font-family: 'Montserrat', Arial, sans-serif;
            letter-spacing: 1.05px;
            font-weight: bold;
            color: white;
            cursor:default;
        }

    .common-tasks h3 {
        background: white;
        color: #0173af;
        max-width: 240px;
        padding: 18px;
        margin: 30px auto 0 auto;
        text-align: left;
        box-shadow: 0 5px 7px rgba(0,0,0,0.2);
    }

    .common-tasks a {
        text-decoration: none;
        font-size: 1.1rem;
        line-height: 1.4rem;
    }

        .common-tasks a:hover {
            text-decoration: underline;
        }

    .common-tasks ul {
        max-width: 960px;
        margin: 20px auto 40px auto;
    }

    .common-tasks li {
        display: inline-block;
        width: 24%;
        padding: 2%;
        vertical-align: top;
    }

    .common-tasks img {
        display: block;
        margin: 0 auto 20px auto;
        max-width: 64px;
    }

   

/*#endregion*/


/*#region Common Tasks - old */
.common-tasks-header {
    text-align: center;
    margin: 30px 0;
    color: #fff;
    font-family: inherit;
    font-size: 1.25rem;
    line-height: 27px
}

.common-task-container {
    padding: 50px 70px 60px 70px
}

.common-task-container,
.common-task-head {
    background-color: #0173af;
    color: #fff;
    padding: 50px 70px 67px 70px
}

.common-task-head {
    padding: 20px 0;
}


div.open > #ctNameHeader {
    color: #0173AF !important;
    font-size: 15px;
    float: none;
}

.inline {
    display: inline;
    padding-top: 25px;
}

.ctUppercase {
    text-transform: uppercase;
}

.ctShow {
    display: block !important;
}

.ctNoShow {
    display: none;
}

#ctMyDropDown span:first-of-type {
    color: #fff;
    font-size: 18px;
    float: none;
}

#ctMyDropDown a {
    text-decoration: none;
}

.task-name > span {
    color: white;
}



.task-holder {
    text-align: center;
    cursor: pointer
}

    .task-holder img {
        display: inline-block;
        height: auto
    }

    .task-holder .task-name {
        font-size: 1.125rem;
        line-height: 22px;
        color: #fff;
        margin-top: 30px
    }

    .task-holder:hover .task-name {
        text-decoration: underline
    }




.cmhc-container .task-header-dropdown {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.task-header-dropdown h1,
.task-header-dropdown .dropdown {
    display: inline-block
}

.task-header-dropdown h1 {
    color: #eaeaea;
    font-size: 1rem;
    text-transform: uppercase;
    font-family: 'Montserrat', Arial, sans-serif;
    letter-spacing: 1px;
    font-weight: bold
}

.task-header-dropdown .dropdown {
    color: #fff;
    padding: 10px 0;
    width: 240px;
    margin-left: 30px;
    position: relative;
    font-size: 1rem;
    border-bottom: 1px solid #fff;
    cursor: pointer;
    font-family: inherit;
    letter-spacing: 2px
}

    .task-header-dropdown .dropdown.open {
        padding: 13px 0 13px 13px;
        float: left;
        color: #0173AF;
        letter-spacing: normal;
        font-size: 1rem;
        background: #fff;
        width: 202px
    }

.dropdown.open {
    top: 13px
}

.task-header-dropdown .dropdown.open .cmhc-drop.buying li:first-child {
    border-top: 1px solid #0173AF
}

.task-header-dropdown .dropdown.open .cmhc-drop.buying li:last-child {
    border-bottom: 0
}

.task-header-dropdown .dropdown > span {
    color: #fff;
    font-size: .75rem;
    float: right
}

.cmhc-drop.buying {
    background-color: #fff;
    border: 0;
    box-shadow: 0 8px 5px -2px #d7d7d7
}

    .cmhc-drop.buying li {
        padding: 13px 0 13px 13px;
        border-bottom: 1px solid #0173AF;
        color: #0173AF
    }

        .cmhc-drop.buying li:hover {
            background-color: #ECECEC
        }

        .cmhc-drop.buying li:last-child {
            border-bottom: 0
        }

    .cmhc-drop.buying a {
        color: #0173AF;
        font-family: Roboto
    }
    div#home-video.modal {
        width: 100%;
    }
    

/*#endregion */

/*#region Home (mobile)*/
@media only screen and (max-width: 640px) {


    .help-header h1 {
        font-size: .8rem;
    }

    .cmhc-offers .offer-information p {
        text-align: center
    }

    .cmhc-offers {
        margin-bottom: 25px
    }

        .cmhc-offers .offer-icon {
            margin-bottom: 10px
        }

            .cmhc-offers .offer-icon,
            .cmhc-offers .offer-icon p,
            .cmhc-offers .offer-information h4 {
                text-align: center
            }


    .cmhc-container .home-banner h2 {
        padding-top: 40px;
        font-size: 1.75rem;
    }

    .cmhc-container .home-image {
        height: 240px;
        background-size: cover;
        padding:0 10px;
    }

    .cmhc-container .home-play {
        margin: 10px 0 5px 0;
    }

    .cmhc-container .home-banner a {
        font-size: 0.95em;
        line-height: 1.4em;
    }

        .cmhc-container .home-banner a img {
            width: 60px;
            height: 60px;
        }

    .common-tasks .ui-selectmenu-button.ui-button {
        display: block;
        width: 60%;
        margin: 20px auto;
        height: 45px;
        min-width: 300px;
    }

    .common-tasks li {
        width: 99%;
        padding: 2% 20%;
        margin: 20px auto;
    }

    .common-tasks img {
        margin-bottom: 10px;
        width: 80px;
        max-width: 80px;
    }
    
    .cmhc-container .help-container {
        padding-bottom:0;
    }
}
@media only screen and (min-width: 641px) and (max-width: 1024px) {
    .cmhc-container .help-container .medium-6,
    .cmhc-container .help-container .large-6 {
        width: 48%;
    }

    .help-container .cmhc-offers .offer-information {
        text-align: center;
    }

    .help-container .cmhc-offers .offer-icon {
        margin-bottom: 10px;
    }
}

@media only screen and (max-width: 480px) {
    .cmhc-container .help-container {
        padding: 0 30px;
    }
}
    /*#endregion*/


/*#region Tagged Index */

/*Tag*/

.tagged-index .tag-large {
    margin: 0 auto;
    max-width: 960px;

}

/* Dropdown */

.tagged-index .ui-selectmenu-button.ui-button.ui-widget {
    border-color: transparent;
    width: inherit;
    margin: 5px;
}

.tagged-index .ui-selectmenu-button span.ui-selectmenu-text {
    padding: 10px;
    letter-spacing: 1px;
    font-family: 'Montserrat', Arial, sans-serif;
    font-size: 0.85rem;
    text-transform: uppercase;
    color: #7E7E7E;
}

.tagged-index .ui-selectmenu-text {
    padding: 0;
}

.tagged-index .ui-icon.ui-icon-triangle-1-s {
    background: url('https://www.cmhc-schl.gc.ca/content/project/cmhc/img/icon-chevron-down-grey.svg') no-repeat center center;
    background-size: 10px;
}

.tagged-index .ui-selectmenu-button.ui-button.ui-widget.ui-selectmenu-button-open {
    border: 1px solid #DEDEDE;
    background-color: #f8f8f8;
}



/* Results*/
main .tagged-index .CoveoSearchInterface .coveo-search-section {
    background-color: white;
    border: none;
    /*Sitecore 9.3 Upgraded issue */
    display: block !important;
}

.tagged-index .CoveoResultList {
    max-width: 980px;
    margin: 0 auto 0 auto;        
}

.tagged-index .coveo-card-layout.CoveoResult {
    display: inline-block;
    border: 1px solid #E2DDDD;
    position: relative;
    width: 219px;
    height: 214px;
    background: white;
    padding: 18px;
    text-align: left;
    cursor: default;
    vertical-align: top;
}

    .tagged-index .coveo-card-layout.CoveoResult > div {
        padding: 0 !important;
    }

    .tagged-index .coveo-card-layout.CoveoResult p {
        font-size: 0.875rem;
    }

main .tagged-index .CoveoSearchInterface .CoveoResultLink {
    text-decoration: none;
    font-weight: normal;
    font-size: 1.25rem;
    line-height: 1.15em;
    margin-bottom: 10px;
}

.tagged-index .coveo-card-layout-container {
    margin-right: 0;
    display: block;
    flex: none;
    flex-wrap: unset;
}

/*#endregion */







/*#region indexSearch -- Maybe we don't need this anymore*/






/*.indexFourColumn .cmhcBoxes .columns {
    width: 23.3%;
    margin-right: 20px;
    height: 232px;
}

    .indexFourColumn .cmhcBoxes .columns:last-child {
        margin: 0;
    }

    .indexFourColumn .cmhcBoxes .columns .tile-folded {
        border: 1px solid #d8d8d8;
        height: 100%;
        padding: 23px 19px;
    }

        .indexFourColumn .cmhcBoxes .columns .tile-folded h3.heading {
            color: #016CA3;
            font-family: roboto;
            font-weight: normal;
            font-size: 1.25rem;
        }

        .indexFourColumn .cmhcBoxes .columns .tile-folded .text-component {
            font-family: roboto;
            font-size: .875rem;
            color: #656565;
            font-weight: normal;
            line-height: 18px;
            padding-top: 10px;
        }

.indexFourColumn .cmhcBoxes {
    margin-bottom: 20px;
}

.indexFourColumn .button-component {
    text-align: center;
    padding: 40px 0;
}

.indexlevels.indexFourColumn .cmhcBoxes .columns {
    min-height: 220px;
}

.indexFourColumn .cmhcBoxes .columns.indexBorder:before {
    content: "";
    width: 94%;
    position: absolute;
    top: 9px;
    left: 8px;
    background: #fff;
    z-index: 2;
    border: 1px solid #d8d8d8;
    height: 94%;
}

.indexFourColumn .cmhcBoxes .columns .tile-folded.indexDynamic {
    position: absolute;
    top: 4px;
    left: 0;
    width: calc(94.5%);
    width: -webkit-calc(94.5%);
    width: -moz-calc(94.5%);
    height: calc(93%);
    height: -webkit-calc(93%);
    height: -moz-calc(93%);
    z-index: 3;
    background-color: #fff;
}

.indexlevels.indexFourColumn .cmhcBoxes {
    margin-bottom: 23px;
}

.indexFourColumn .cmhcBoxes .columns.indexBorder:after {
    content: "";
    width: 94.5%;
    height: 94.5%;
    position: absolute;
    top: 15px;
    left: 13px;
    background: #fff;
    z-index: 1;
    border: 1px solid #d8d8d8;
}


.indexlevels.indexFourColumn .cmhcBoxes .columns .tile-folded {
    padding-right: 10px;
    position: relative;
}


.indexlevels .indexFourColumn .cmhcBoxes .columns {
    height: 220px;






    


.indexSearch .task-header-dropdown .dropdown {
    font-family: 'Montserrat', Arial, sans-serif;
    text-transform: uppercase;
    letter-spacing: 2px;
    color: #656565;
    padding: 10px 0;
    min-width: 132px;
    margin-left: 0;
    position: relative;
    font-size: 1rem;
    border: 0;
    cursor: pointer;
}


    .indexSearch .task-header-dropdown .dropdown > span {
        color: #656565;
        font-size: .65rem;
    }

.indexSearch .dropdown.open ul.cmhc-drop {
    border: 1px solid #0173af;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.15)
}

.indexSearch .dropdown.open .cmhc-drop.buying li:first-child {
    border-top: initial;
}

.indexSearch .dropdown.open .cmhc-drop.buying li {
    padding: 3px 0 4px 0;
    border-bottom: 0;
    text-align: center;
}

    .indexSearch .dropdown.open .cmhc-drop.buying li a {
        color: #656565;
        font-size: .875rem;
        margin-left: 0;
        text-transform: capitalize;
    }

.indexSearch .task-header-dropdown .dropdown.open {
    width: 132px;
    top: 0;
    text-transform: uppercase;
}

.indexSearch .task-header-dropdown .dropdown {
    padding: 25px 0 20px 0;
    text-transform: uppercase;
}

:root .indexSearch .task-header-dropdown {
    -webkit-box-align: start;
}

.indexSearch .dropdown.open .cmhc-drop.buying li:first-child {
    border-bottom: 1px solid #ececec;
}





}*/



/*#endregion*/


@media only screen and (max-width: 640px) {

    .indexFourColumn .cmhcBoxes {
        margin-bottom: 0;
        padding: 0;
    }

        .indexFourColumn .cmhcBoxes .columns,
        .indexFourColumn .cmhcBoxes .columns:last-child {
            width: 100%;
            margin: 0 0 20px;
        }

            .indexFourColumn .cmhcBoxes .columns .tile-folded h3.heading {
                line-height: 32px;
            }

            .indexFourColumn .cmhcBoxes .columns .tile-folded .text-component {
                font-size: 1rem;
                line-height: 28px;
            }




        .indexFourColumn .cmhcBoxes .columns {
            height: 225px;
        }

    .indexFourColumn .button-component {
        padding: 20px 0 40px 0;
    }

        .indexFourColumn .button-component .button {
            padding: 11px 38px 12px 39px !important;
        }

    .indexlevels.indexFourColumn .cmhcBoxes .columns .tile-folded {
        padding-right: 19px;
    }

    .indexSearch .task-header-dropdown {
        margin: 0;
    }

        .indexSearch .task-header-dropdown .dropdown.open,
        .indexSearch .task-header-dropdown .dropdown {
            width: 137px;
        }
}

/*#region The Observer */

.observer-container {
    padding: 25px 40px;
}

.observer-title h2 {
    letter-spacing: 1px;
    font-family: 'Montserrat', Arial, sans-serif;
    text-transform: uppercase;
    text-align: center;
    margin: 55px 0;
    color: #656565;
    font-size: 1rem;
    position: relative
}

    .observer-title h2::after {
        position: absolute;
        content: '';
        top: -80px;
        width: 1px;
        height: 71px;
        left: 50%;
        transform: translateX(-50%);
        background-color: #c5c5c5
    }


.observer-showall {
    text-align:center;
    margin: 50px 0 20px 0;
}




.theObserver {
    margin-top: 40px
}




    .observerBottom .page-relevant-help-block {
        margin-top: 0
    }

    .observerBottom .cmhc-tags-block {
        margin: 0;
        width: 100%;
        padding: 20px 30px
    }

    .observerBottom .date-published {
        padding: 0;
        margin-top: 30px
    }

    



/*#endregion */


/*#region The Observer (mobile) */

@media only screen and (min-width: 750px) and (max-width: 950px) {
    .cmhc-container .grid-sizer, .cmhc-container .grid-item {
        width: 31.5%;
    }
    .cmhc-container .grid-item .text-post h3 {
        word-break: break-word;
    }
}

@media only screen and (min-width: 600px) and (max-width: 749px) {
    .cmhc-container .grid-sizer, .cmhc-container .grid-item {
        width: 48.5%;
    }
    .cmhc-container .grid-item .text-post h3 {
        word-break:break-word;
    }
}

@media only screen and (max-width: 640px) {

    .observer-title h2::after {
        display: none;
    }

    .observer-title h2 {
        margin: 50px 0 25px 0;
    }


    .observer-showall {
        margin: 15px 0;
    }


        .observerBottom .date-published {
            padding-top: 20px
        }
    .content_photo img {
        width: 100%;
        max-width: 600px;
    }
}
@media only screen and (max-width: 480px) {
    .observer-container {
        padding: 25px;
    }

    
}

    /*#endregion */


/*#region Quotes */
.quote-figure-1 {
    background-color: #F7F7F7;
}

    .quote-figure-1 .content-full {
        padding: 0 0 0 20px;
    }

    .quote-figure-1 .float-left {
        width: 45%;
        padding: 6% 2% 2% 6%;
    }
    .quote-figure-1 h3 {
        font-size: 1.85rem;
        line-height: 1.3em;
        font-weight: 300;
        margin-bottom: 20px;
    }

    .quote-figure-1 p {
        font-size: 1.1rem;
    }

    .quote-figure-1 figure {
        width: 52%;
        float: right;
        text-align: right;
    }

    .quote-figure-1 img {
        width: 100%;
        max-width: 600px;
        display: block;
        margin: auto;
    }


.quote-figure-2 {
    padding: 10px 0;
}

    .quote-figure-2 .float-right {
        width: 45%;
        padding: 4% 8% 2% 3%;
    }

    .quote-figure-2 img {
        width: 100%;
        margin-bottom: 20px;
        max-width: 600px;
        display: block;
        margin: auto;
    }

    .quote-figure-2 figure {
        width: 50%;
        float: left;
    }

    .quote-figure-2 figcaption {
        text-align: center;
        font-style: italic;
        font-size: 0.85rem;
    }

    .quote-figure-2 p {
        font-size: 1.7rem;
        line-height: 1.3em;
        font-weight: 300;
    }


.quote-twitter,
.quote-person-2 {
    background-color: #0071AE;
}

    .quote-twitter q,
    .quote-twitter footer,
    .quote-person-2 q,
    .quote-twitter i,
    .quote-twitter a,
    .quote-person-2 footer {
        color: white;
    }


.quote-twitter {
    margin: 10px 0;
    padding: 50px 0;
    text-align: center;
}

    .quote-twitter q {
        font-size: 1.6rem;
        line-height: 1.3em;
        font-weight: 300;
    }

    .quote-twitter footer {
        padding: 20px 0;
    }

.quote-person-1 {
    text-align: center;
}

    .quote-person-1 img {
        display: block;
        margin: 10px auto;
        width: 96px;
        border-radius: 50%;
        border: 10px solid #DBDBDB;
    }

    .quote-person-1 q {
        font-weight: 300;
        font-size: 1.375rem;
        line-height: 1.3em;
        color: #4a4a4a;
    }

    .quote-person-1 footer {
        font-weight: bold;
        padding: 10px 0;
        line-height: 1.3em;
        font-size: 1rem;
        color: #4a4a4a;
    }


.quote-person-2 {
    padding: 25px 0;
}

    .quote-person-2 .float-left,
    .quote-person-2 .float-right {
        width: 50%;
        padding: 4%;
    }

    .quote-person-2 img {
        margin: 20px 10px 0 0;
        width: 96px;
        border-radius: 50%;
        border: 10px solid white;
        vertical-align: top;
        display: inline-block;
    }

    .quote-person-2 q,
    .quote-person-2 footer {
        font-weight: 500;
        font-size: 1rem;
        line-height: 1.5em;
        display: block;
        width: 70%;
        float: right;
        letter-spacing: 0.5px;
    }

    .quote-person-2 footer {
        font-weight: normal;
        font-size: 1rem;
        padding-top: 10px;
    }


            /*#endregion */

/*#region Quotes (mobile) */

@media only screen and (max-width: 960px) {

    .quote-figure-1 .float-left,
    .quote-figure-1 figure {
        width: 50%;
    }

    .quote-figure-1 h3 {
        font-size: 1.4em;
        line-height: 1.3em;
        font-weight: 300;
        margin-bottom: 10px;
    }

    .quote-figure-1 p {
        font-size: 0.95em;
    }

    .quote-figure-2 p {
        font-size: 1.3em;
    }

    .quote-person-1 img,
    .quote-person-2 img {
        width: 80px;
        border-width: 9px;
    }

    .quote-person-2 q,
    .quote-person-2 footer {
        width: 60%;
        font-size: 1em;
    }
    
        
    }

 
    
    
    @media only screen and (max-width: 640px) {
        .quote-figure-1 .content-full {
            padding: 0;
        }

        .quote-figure-1 .float-left,
        .quote-figure-1 figure,
        .quote-figure-2 .float-right,
        .quote-figure-2 figure {
            width: 100%;
            text-align: center;
        }

        .quote-figure-1 .float-left {
            padding: 6% 7% 2% 7%;
        }

        .quote-figure-1 h3 {
            font-size: 1.2em;
        }

        .quote-figure-2 p {
            font-size: 1em;
            line-height: 1.6em;
            font-weight: 400;
        }

        .quote-figure-2 figcaption {
            font-size: 0.8em;
            margin-bottom: 10px;
        }

        .quote-twitter q {
            font-size: 1.3em;
        }

        .quote-twitter footer {
            font-size: 0.8em;
        }

        .quote-person-1 q {
            font-size: 1.3em;
        }

        .quote-person-2 {
            text-align: center;
        }

            .quote-person-2 .float-left,
            .quote-person-2 .float-right {
                clear: both;
                float: none;
                width: 100%;
                text-align: left;
            }

            .quote-person-2 img {
                margin: 0 10px 0 0;
            }

            .quote-person-2 q,
            .quote-person-2 footer {
                display: inline-block;
                width: 68%;
            }

            .quote-person-2 q {
                font-size: 1rem;
            }

            .quote-person-2 footer {
                font-size: 0.75em;
                padding-bottom: 30px;
            }



/*  .cmhc-quotes-container {
        margin: 0;
        padding: 0 !important;
        background-color: transparent
    }

    .quote {
        margin: 0;
        background-color: #0071ae
    }

    .cmhc-quotes-container > div:first-child .quote {
        padding: 45px 15px 22px 15px
    }

    .cmhc-quotes-container > div:last-child .quote {
        padding: 22px 15px 45px 15px;
        margin-top: 10px
    }

    .quote > div,
    .quote > p {
        vertical-align: top
    }

        .quote > div img {
            width: 80px
        }

    .quote p {
        font-size: 1rem;
        line-height: 22px
    }

    .quote span {
        font-size: .75rem;
        margin-top: 10px
    }








    .quotes-1container {
        background: -moz-linear-gradient(top, #eaeaea 1%, #f7f7f7 4%);
        background: -webkit-linear-gradient(top, #eaeaea 1%, #f7f7f7 4%);
        background: linear-gradient(to bottom, #eaeaea 1%, #f7f7f7 4%);
        filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#eaeaea', endColorstr='#f7f7f7', GradientType=0);
        padding-left: 0 !important;
        padding-right: 0 !important
    }

        .quotes-1container > div,
        .quotes-2container > div {
            display: block;
            float: none !important;
        }

        .quotes-1container .text-component .quotes-1container-text {
            margin: auto;
            padding: 10px 0 35px 0
        }

    p.quotes-1container-heading {
        width: 85%;
        margin: auto
    }

    .quotes-2container .text-component p {
        width: 85%;
        margin: auto;
        padding: 35px 0;
        font-size: 1rem !important;
        line-height: 25px !important;
        text-align: center
    }

    .quotes-1container {
        padding-top: 10px !important
    }

    .quotes-2container {
        padding-top: 55px !important
    }

    .quotes-1container .text-component {
        padding-top: 30px;
        text-align: center;
        padding-right: 0
    }

    .cmhc-container .quotes-3container .text-component,
    .cmhc-container .quotes-4container .text-component {
        width: 85%;
        margin: auto;
        padding-top: 30px
    }

        .cmhc-container .quotes-3container .text-component h2,
        .cmhc-container .quotes-4container .text-component h2 {
            line-height: 29px;
            font-size: 1.25rem;
            text-align: center;
            width: 95%;
            margin: auto;
            font-family: roboto;
            padding-top: 0
        }

        .cmhc-container .quotes-4container .text-component h2 {
            padding: 20px 0 10px 0
        }

    .cmhc-container .quotes-4container .text-component {
        padding: 40px 0 40px 0
    }

    .quotes-1container img {
        width: 100%
    }

    .quotes-1container .text-component .quotes-1container-heading {
        font-size: 1.25rem;
        line-height: 30px
    }

    p.quotes-1container-heading {
        width: 95% !important;
        margin: auto
    }

    .quotes-3container .text-component p {
        font-size: .75rem !important;
        padding-top: 5px
    }

    .quotes-3container {
        margin-top: 20px;
        padding: 20px 0 60px 0 !important
    }

        .quotes-3container .button-component .button {
            padding: 14px 27px 13px 48px
        }*/
    }

    /*#endregion */



.tag-large {
    max-width: 1024px;
    margin: 57px auto 18px auto;
    color: white;
    padding: 8px 40px 15px 60px;
    font-size: 1.25rem;
    line-height: 1.5em;
    height: 48px;
    background: #0173AF url('https://www.cmhc-schl.gc.ca/Content/project/cmhc/img/tag-pin.svg') no-repeat;
    position: relative;
}

.tag-large a {
  display:block;
  color: white;
  font-size: 2.4rem;
  text-decoration:none;
  font-weight: 300;
  line-height: 1rem;
  position: absolute;
  top: 50%;
  right: 16px;
  margin-top: -9px;
}

@media only screen and (max-width: 1024px) {
    .tag-large {
        margin: 57px 40px 18px 40px;
    }
}


@media only screen and (max-width: 800px) {
     .tag-large {
        margin: 0 -28px 18px -28px !important;
        background-image: none;
        padding: 9px 40px 16px 20px;
        font-size: 1.125rem;
        height: auto;
    }
    .pubs-reports .tag-large {
        margin: 0 -18px 18px -18px !important;
    }
}



    .cmhc-tag .close {
        width: 25px;
        height: 25px;
        position: relative;
        float: right;
        cursor: pointer;
        margin-top: 13px;
    }

        .cmhc-tag .close:before,
        .cmhc-tag .close:after {
            position: absolute;
            left: 15px;
            content: ' ';
            height: 25px;
            width: 2px;
            background-color: #fff;
        }

    .cmhc-large-tag span.label {
        border-radius: 0;
    }

    /*.cmhc-tags-block {
    margin: 0 70px;
    border: 1px solid #E2E2E2;
    border-radius: 4px;
    padding: 30px;
    float: left;
    width: calc(100% - 140px);
    width: -webkit-calc(100% - 140px);
    width: -moz-calc(100% - 140px);
}*/


    .cmhc-tags-block {
        margin: 0 0 15px 0;
        width: 100%;
        padding: 10px 10px 0 10px;
    }

    .cmhc-tag {
        margin-bottom: 10px;
    }

    .cmhc-tags-block p {
        margin-bottom: 20px;
        font-family: "Roboto";
        font-size: 1rem;
        color: #656565;
    }

    .cmhc-tag {
        display: inline-block;
        margin-right: 10px;
        float: left;
    }

        .cmhc-tag .close {
            right: 2px;
        }


    .cmhc-large-tag {
        padding: 0;
        float: left;
        width: 100%;
        margin-top: 30px;
    }

        .cmhc-large-tag .cmhc-tag {
            float: left;
            width: 100%;
        }

            .cmhc-large-tag .cmhc-tag .tag-bullet > .tag-pin {
                width: 34px;
                height: 48px;
            }

            .cmhc-large-tag .cmhc-tag span.label {
                line-height: 48px;
                width: calc(100% - 37px);
                font-size: 1.25rem;
                text-align: left;
                padding: 0 15px 0 20px;
            }

            .cmhc-large-tag .cmhc-tag .label,
            .cmhc-large-tag .cmhc-tag .tag-bullet {
                height: 48px;
            }

            .cmhc-large-tag .cmhc-tag .tag-bullet {
                margin-left: 0;
            }

    .cmhc-tag .tag-bullet,
    .cmhc-tag .label {
        float: left;
        height: 21px;
    }

    .cmhc-tag .tag-bullet {
        overflow: hidden;
    }

        .cmhc-tag .tag-bullet > .tag-pin {
            width: 31px;
            height: 48px;
            float: left;
            /*background: url(/-/media/Files/MediaNewsPage/tag-pin.ashx) no-repeat;*/
            background: url('https://www.cmhc-schl.gc.ca/Content/project/cmhc/img/tag-pin.svg') no-repeat;
            background-size: 31px 48px;
        }

    .cmhc-tag .label {
        line-height: 21px;
        background: #016CA3;
        padding: 0;
        font-size: .75rem;
        border-top-right-radius: 5px;
        border-bottom-right-radius: 5px;
        text-align: center;
        width: 86px;
        font-family: Roboto;
    }


    /* Looks like this is for mobile*/

    /*.cmhc-large-tag {
    padding: 0;
}

    .cmhc-large-tag .cmhc-tag .label,
    .cmhc-large-tag .cmhc-tag .tag-bullet {
        height: 100%;
    }

    .cmhc-large-tag .cmhc-tag span.label {
        font-size: 1.125rem;
        text-align: left;
        width: 100%;
        border-radius: initial;
        padding: 10px 55px 10px 15px;
        float: left;
        white-space: normal;
        line-height: 23px;
        max-height: none;
        position: relative;
    }

.cmhc-tag .close {
    width: 30px;
    height: 30px;
    position: absolute;
    float: right;
    cursor: pointer;
    display: inline-block;
    margin-top: 0;
    right: 13px;
    top: 57%;
    transform: translateY(-50%);
}

    .cmhc-tag .close:before,
    .cmhc-tag .close:after {
        height: 20px;
    }

.cmhc-large-tag .cmhc-tag span.label a {
    display: none;
}

.cmhc-large-tag .cmhc-tag .tag-bullet,
.cmhc-large-tag .cmhc-tag {
    margin-left: 0;
}

    .cmhc-large-tag .cmhc-tag .tag-bullet {
        display: none;
    }

.cmhc-tag .tag-bullet {
    margin-left: 0;
}

    .cmhc-tag .tag-bullet + .tag-bullet {
        margin-left: 10px;
    }*/


/*#region Calculators (common) */


#debt-service-ratio,
#affordability-calculator,
#mortgage-calculator {
    padding-top: 5px;
}




.affordability-calculator-result-header,
.mortgage-calculator-result-header,
.debt-service-ratio-result-header {
    max-width: 780px;
    background-color: #0173af;
    color: white;
    text-align: center;
    margin: 0 auto 0 auto;
    font-size: 1.1em;
}

.debt-service-ratio-result-header {
    margin: 40px auto 0 auto;
}

    .affordability-calculator-result-header p,
    .affordability-calculator-result-header span,
    .mortgage-calculator-result-header p,
    .mortgage-calculator-result-header span,
    .debt-service-ratio-result-header h3,
    .debt-service-ratio-result-header p,
    .debt-service-ratio-result-header span {
        color: white;
    }

#affordability-calculator-result label,
#debt-service-ratio-result label {
    margin-top: 0;
    max-width: 380px;
}


.recalculate-form {
    max-width: 780px;
    margin: auto;
    padding: 30px 100px 0 100px;
    border: 1px solid #D8D8D8;
    color: #4A4A4A;
}


    .recalculate-form .clear-fix {
        margin-bottom: 5px;
        line-height: 1.2em;
    }

    .recalculate-form .float-right {
        max-width: 170px;
    }

    .recalculate-form .button-panel {
        padding-bottom: 20px;
    }

    .recalculate-form .left-over {
        border-top: 2px solid #E4E4E4;
        border-bottom: 2px solid #E4E4E4;
        padding: 15px 0;
        margin: 20px 0 5px 0;
    }

    .recalculate-form .left-over-bottom {
        border-bottom: 2px solid #E4E4E4;
        margin-bottom: 5px;
    }

    .recalculate-form .left-over .float-right {
        text-align: left;
        width: 170px;
        line-height: 1.5em;
        padding-top: 8px;
    }

    .recalculate-form label:not(.error) {
        padding-top: 10px;
        font-weight: bold;
    }


    .recalculate-form input[type=text] {
        font-size: 1em;
        min-width: 170px;
    }

input[type=submit].recalculate-button {
    margin: 5px 0;
}



/*#endregion*/

/*#region Affordability Calculator */

.affordability-calculator-result-header {
    height: 149px;
    padding-top: 20px;
    text-align: center;
    margin-top: 5px;
}

    .affordability-calculator-result-header p {
        display: inline-block;
        vertical-align: top;
        padding: 0 20px;
        margin-top: 15px;
    }

        .affordability-calculator-result-header p:nth-child(2) {
            border-left: 1px solid white;
        }

        .affordability-calculator-result-header p span {
            display: block;
            font-size: 2.1em;
            margin: 12px 0 0 0;
        }

.left-over-amount {
    font-weight: normal;
}


#affordability-calculator h4 {
    margin: 20px 0 30px 0;
}

#affordability-calculator .step1 {
    padding: 30px;
}

#affordability-calculator .step1,
#affordability-calculator .step3 {
    text-align: center;
}

#affordability-calculator .step3-options {
    text-align: center;
    clear: both;
    padding-top: 30px;
    font-size: 0.9em;
}

#affordability-calculator .step1 .button-panel {
    padding-top: 0;
}

#affordability-calculator-result .ui-selectmenu-button {
    margin-bottom: 16px;
}




.buyOrRent {
    margin-bottom: 30px;
}

    .buyOrRent a:active,
    .buyOrRent a:active:not(.selected) h5 {
        background: #0173af;
        color: white;
    }

    .buyOrRent a {
        margin: 1.5%;
        background-color: #F7F7F7;
        border: 1px solid #BEBEBE;
        cursor: pointer;
        width: 30.3%;
        padding: 5% 4%;
        float: left;
        font-weight: normal;
        text-decoration: none;
        color: #656565;
    }

        .buyOrRent a h5 {
            font-family: 'Roboto', Calibri, sans-serif;
            font-size: 1.25rem;
        }

        .buyOrRent a.selected {
            background-color: white;
            border: 2px solid #0173af;
            color: #0173af;
        }

            .buyOrRent a.selected h5 {
                color: #0173af;
            }

.spend-amount {
    color: #0173af;
    font-size: 1.6em;
    padding: 0 0 10px 0;
    font-weight: bold;
}

.ui-slider.ui-widget.ui-widget-content {
    padding: 0;
    margin: 30px;
    border-color: #A4A4A4;
}


.spend-slider {
    margin-top: 32px;
    margin-bottom: 50px;
    padding: 0;
}

    .spend-slider .min,
    .spend-slider .max {
        display: block;
        padding-top: 20px;
    }

    .spend-slider .min {
        margin-left: -10px;
    }

    .spend-slider .max {
        margin-right: -25px;
    }

.spend-details label {
    text-align: left;
}

.step3-option-slider {
    margin-bottom: 0;
}

.error.milliondollar {
    font-size: 0.9rem;
    line-height: 1.25em;
    margin-bottom: 20px;
    display: none;
}

/*#endregion*/
/*#region Mortgage Calculator*/
.under20 {
    max-width: 800px;
    margin: 0 auto;
    display: none;
}

    .under20 .help-tip-box {
        margin-bottom: 0;
    }

#mortgage-calculator-result {
    padding-top: 10px;
}

.insurance-premium,
.insurance-premium-amount {
    text-transform: none;
    font-weight: bold;
    color: #656565;
}

.premiumHelpText .help-tip-box {
    margin: 10px 0;
}

#mortgage-calculator-result .help-tip-box {
    margin-top: 10px;
}

#mortgage-calculator-result table {
    width: 100%;
    max-width: 580px;
    margin: auto;
    padding: 5px 10px;
}

#mortgage-calculator-result th {
    font-weight: bold;
    text-align: left;
    padding: 11px 0;
    color: #656565;
}

#mortgage-calculator-result td {
    text-align: left;
    width: 30%;
    max-width: 168px;
    padding: 12px 20px 12px 0;
}

.mortgage-calculator-result-header {
    padding: 10px 10px;
}

#mortgage-calculator-result .mortgage-calculator-result-header th {
    padding-top: 30px;
    font-weight: normal;
    color: white;
}

#mortgage-calculator-result .mortgage-calculator-result-header td {
    padding: 20px inherit;
    vertical-align: top;
    line-height: 1.4em;
}

#mortgage-calculator-result .recalculate-form,
.mc_buttons {
    padding: 30px 20px 24px 20px;
}

.payment-amount {
    display: block;
    font-size: 2em;
    margin-bottom: 5px;
    letter-spacing: 1px;
    white-space: nowrap;
}

.payment-frequency {
    font-size: 0.8em;
}

.mortgage-calculator-result-subheader {
    max-width: 780px;
    margin: auto;
    background: #F8F8F8;
    border: 1px solid #d8d8d8;
    border-bottom: none;
    padding: 30px 20px 24px 20px;
}

#mortgage-calculator-result form label,
#mortgage-calculator-result form input[type=text],
#mortgage-calculator-result form select {
    margin: 0;
}

.mc_buttons {
    text-align: right;
    width: 100%;
    max-width: 600px;
    margin: auto;
    padding: 5px 10px;
}


/* Comparison */



#mortgage-calculator-result.comparison table {
    max-width: 680px;
}

#mortgage-calculator-result.comparison .mc_buttons {
    max-width: 670px;
}




/* Tooltip style for the line chart*/
.line-chart-tooltip {
    color: #656565;
    border-radius: 3px;
    border: 1px solid #979797;
    display: inline-block;
    padding: 6px 10px;
    line-height: 1.2em;
}

    .line-chart-tooltip h6 {
        font-size: 0.8rem;
        color: #FFA82C;
        padding: 3px 0;
    }

    .line-chart-tooltip span {
        font-size: 0.72rem;
    }

.k-tooltip.k-chart-tooltip {
    z-index: 100;
    color: white;
    font-size: 0.8rem;
    padding: 5px;
}

    .k-tooltip.k-chart-tooltip .chart-secondary-tooltip-title {
        color: #563373;
    }


/*#endregion*/

/*#region Debt Service Ratio*/


.debt-service-ratio-result-header {
    padding: 40px 20px 20px 20px;
}


    .debt-service-ratio-result-header .help-tip-box {
        max-width: 568px;
        margin: 10px auto;
    }

.gauge-value img {
    width: 25px;
    margin-left: 10px;
    display: inline-block;
}

.debt-service-ratio-result-header h3 {
    font-size: 1em;
}



.debt-service-ratio-result-header .help-tip-box p {
    font-size: 0.77em;
    color: #4A4A4A;
}

.debt-service-ratio-result-header .help-tip-close {
    color: #4A4A4A;
}

.radial-gauge {
    margin: -34px auto 0 auto;
    width: 250px;
    height: 200px;
    position: relative;
}

    .radial-gauge span {
        color: #7FB8D6;
        font-size: 0.7em;
        position: absolute;
    }

        .radial-gauge span:nth-child(2) {
            top: 145px;
            left: 0;
        }

    .radial-gauge.gds span:nth-child(3) {
        top: 48px;
        left: 64px;
    }

    .radial-gauge.tds span:nth-child(3) {
        top: 40px;
        left: 88px;
    }

    .radial-gauge span:nth-child(4) {
        top: 145px;
        right: 0;
    }


.gauge-container-left,
.gauge-container-right {
    width: 48%;
    display: inline-block;
    margin-bottom: 10px;
}

.gauge-container-left {
    border-right: 1px solid #7FB8D6;
}

.gauge-value {
    font-size: 2em;
    display: block;
    margin-top: -30px;
}

.gauge-thrseshold {
    display: block;
    margin: 10px 0;
    font-size: 0.8em;
}

.ui-accordion-header-active.ui-state-active .insurance-premium {
    display: none;
}



/*#endregion*/

/*#region Slider */
.ui-slider {
    height: 0;
}

.ui-slider-handle {
    border-radius: 50%;
    border-color: #B5B5B5;
    box-shadow: 0 2px 2px #ccc;
    margin-top: -5px;
}

    .ui-slider-handle:hover,
    .ui-slider-handle.ui-corner-all.ui-state-default.ui-state-active {
        width: 24px;
        height: 24px;
        margin-top: -8px;
    }

    .ui-slider-handle.ui-corner-all.ui-state-default {
        background-color: white;
        cursor: pointer;
    }

        .ui-slider-handle.ui-corner-all.ui-state-default.ui-state-active {
            border-color: #B5B5B5;
        }

/*#endregion*/

/* #region PDF export start*/
.footer-bottom-pdf {
    display: none;
    height: 100px;
    line-height: 40px;
    margin: 0 auto;
    max-width: 1000px;
    padding: 20px 10px;
}

.k-pdf-export .affordability-calculator-result-header, .k-pdf-export .mortgage-calculator-result-header, .k-pdf-export .debt-service-ratio-result-header, .k-pdf-export .related-items {
    background: none;
}

.k-pdf-export .footer-bottom {
    border: none;
    margin: 20px 0;
    padding: 0;
}

.k-pdf-export .footer-smallprint a, .k-pdf-export .footer-smallprint span {
    color: #666666;
}

.k-pdf-export .input-currency:before {
    top: 7px;
}

.k-pdf-export .input-currency input {
    padding-top: 5px;
}

.k-pdf-export .footer-navigation, .k-pdf-export .quick-actions, .k-pdf-export nav, .k-pdf-export .site-menu, .k-pdf-export .feedback, .k-pdf-export .relevant-tags,
.k-pdf-export #header-search-bar, .k-pdf-export .related-items, .k-pdf-export .recalculate-button, .k-pdf-export input#save-this-calculation, .k-pdf-export .left-over-bottom,
.k-pdf-export .date-published, .k-pdf-export footer, .k-pdf-export .icon-tooltip, .k-pdf-export #add-comparison, .k-pdf-export #remove-comparison, .k-pdf-export .mortgage-calculator-result .content-sm {
    display: none;
}

.k-pdf-export .ui-accordion .ui-accordion-header, .k-pdf-export .ui-accordion-header-active {
    border-color: #d8d8d8;
    background: none;
    color: #555555;
}

.k-pdf-export .footer-bottom-pdf {
    display: block;
}

.k-pdf-export .banner p {
    margin-bottom: 0px;
    padding-bottom: 0;
}

.k-pdf-export .banner h1 {
    margin-top: 0;
}

.k-pdf-export .debt-service-ratio-result-header span, .k-pdf-export .affordability-calculator-result-header p, .k-pdf-export .affordability-calculator-result-header span,
.k-pdf-export .debt-service-ratio-result-header h3, .k-pdf-export .radial-gauge span, .k-pdf-export .banner-sm.calculator a, .k-pdf-export .mortgage-calculator-result-header th,
.k-pdf-export .mortgage-calculator-result-header span {
    color: #000000 !important;
}

.k-pdf-export {
    width: 780px;
    height: auto;
}

    .k-pdf-export .ui-dialog {
        display: none !important;
    }

    .k-pdf-export .ui-widget-overlay, .k-pdf-export .blocker {
        opacity: 0;
    }
/*#endregion*/


@media only screen and (max-width: 800px) {
    .recalculate-form {
        margin: 0 10px 0 10px;
    }

    .affordability-calculator-result-header {
        margin: 0 10px 0 10px ;
    }
    .debt-service-ratio-result-header {
        margin: 40px 10px 0 10px ;
    }

    .mortgage-calculator-result-header,
    .mortgage-calculator-result-subheader {
        margin: 0 10px;
    }

    #debt-service-ratio-result .clear-fix,
    #affordability-calculator-result .clear-fix {
        margin-bottom: 0;
    }

    #debt-service-ratio-result .float-right,
    #affordability-calculator-result .float-right {
        width: 100%;
        max-width: none;
    }

        #debt-service-ratio-result .float-right:last-child,
        #affordability-calculator-result .float-right:last-child {
            text-align: center;
        }

    .banner-sm.calculator .content-mid {
        text-align: center;
    }

    .banner-sm.calculator .content-mid .calculator-icon {
        margin: 0 auto 20px auto;
        float:none;
    }



 
    /* Add Comparison */

    #mortgage-calculator-result.add-comparison td {
        float: left;
        max-width: 48%;
        margin-right: 2%;
        padding-right:0;
    }

    .add-comparison .recalculate-form input[type=text], .add-comparison .ui-selectmenu-button.ui-button.ui-widget {
        min-width: 140px;
    }

    #mortgage-calculator-result .mc_buttons {
        padding-right: 0;
    }
    #mortgage-calculator-result.add-comparison .recalculate-button{
        width:100% !important;
    }
    #mortgage-calculator-result.add-comparison tr td:last-child {
        margin-right: 0;
        margin-left: 2%;
    }
    .buyOrRent a {
        padding: 5% 3%;
    }
}


@media only screen and (max-width: 640px) {

    .recalculate-form {
        padding: 30px 20px 0 20px;
    }

    #mortgage-calculator-result .recalculate-form input[type=text],
    #mortgage-calculator-result .recalculate-form .ui-selectmenu-button.ui-button.ui-widget {
        width: calc(100vw - 80px);
    }



    .affordability-calculator-result-header {
        height: auto;
        padding-bottom: 30px;
    }

        .affordability-calculator-result-header p {
            width: 80% !important; /*Need to put important because js added inline styles*/
            margin: auto;
        }

            .affordability-calculator-result-header p:nth-child(2) {
                border-left: none;
                border-top: 1px solid white;
                margin-top: 25px !important;
                padding-top: 20px;
                padding-bottom: 10px;
            }

    #mortgage-calculator-result th {
        display: block;
        padding-bottom: 5px;
    }


    #mortgage-calculator-result td {
        display: table;
        margin-bottom: 10px;
    }

    #mortgage-calculator-result .mortgage-calculator-result-header th {
        padding: 20px 0 0 0;
        text-align: center;
    }

    #mortgage-calculator-result .mortgage-calculator-result-header td {
        margin: 20px auto 10px auto;
        text-align: center;
    }

    .mc_buttons {
        text-align: center;
        padding: 20px 0;
    }





    input[type=submit].recalculate-button {
        width: 100%;
    }

    .gauge-container-left, .gauge-container-right {
        width: 90%;
        display: inline-block;
        margin-bottom: 10px;
    }

    .gauge-container-left {
        border-right: none;
        border-bottom: 1px solid #7FB8D6;
        padding-bottom: 20px;
        margin-bottom: 30px;
    }



    .left-over .float-left {
        width: 100%;
        text-align: center;
    }

        .left-over .float-left label {
            font-weight: normal;
        }

    .left-over-amount {
        font-size: 1.4em;
    }

    /* Comparison */
    #mortgage-calculator-result.comparison .mortgage-calculator-result-header td {
        font-size: 0.85rem;
        padding-right: 0;
        margin: 0;
    }

    #mortgage-calculator-result.comparison tr {
        text-align: center;
    }

    #mortgage-calculator-result.comparison td {
        display: inline-block;
        width: 50%;
    }

    #mortgage-calculator-result.comparison .recalculate-form input[type=text],
    #mortgage-calculator-result.comparison .recalculate-form .ui-selectmenu-button.ui-button.ui-widget {
        width: 100%;
        min-width: unset;
    }

    .buyOrRent a {
        padding: 3% 1.3%;
    }
}
@media only screen and (max-width: 580px) {
   .buyOrRent a {
        width: 98%;
        padding: 5% 4% 10% 4%;
        float: left;
        font-weight: normal;
    }
}

    /*---------------- 480px -----------------*/

    @media only screen and (max-width: 480px) {

        .affordability-calculator-result-header {
            padding: 20px 0;
        }

            .affordability-calculator-result-header p {
                padding: 0 40px;
            }
    }
    /*---------------- 359px -----------------*/

    @media only screen and (max-width: 480px) {
        .add-comparison .recalculate-form input[type=text], .add-comparison .ui-selectmenu-button.ui-button.ui-widget {
            min-width: 120px;
        }
    }


/*#region Coveo common */

main .CoveoSearchInterface .coveo-main-section {
    max-width: 960px;
    padding-bottom: 90px;
}

.coveo-powered-by.coveo-footer-logo,
.coveo-tab-section.coveo-placeholder-fix,
main .CoveoSearchInterface .coveo-search-button-loading,
main .CoveoSearchInterface .coveo-result-layout-section,
main .CoveoSearchInterface .magic-box-clear,
main .CoveoSearchInterface .coveo-facet-header-eraser,
main .CoveoSearchInterface .coveo-facet-value-exclude,
main .pubs-reports .coveo-search-section, /* Only global search should have the search bar on top */
main .media-newsroom .coveo-search-section, /* Only global search should have the search bar on top */
main .coveo-facet-value .coveo-facet-value-checkbox > svg, /* This is the default coveo checkbox svg. We replace it with :after */
.media-newsroom .coveo-results-header {
    display: none;
}

.archived-text {
    font-size: 0.75rem;
    font-weight: bold;
    padding: 2px 4px;
    margin-right: 5px;
    text-transform: uppercase;
    color: #999;
    border: 1px solid #999;
    border-radius: 4px;
}

.pdf-text {
    display: inline-block;
    color: #656565;
    margin-left: 5px;
}

main .CoveoResult a:hover,
main .CoveoResult a:visited {
    text-decoration: none;
}

/*#endregion */

/*#region Search filters */
main .CoveoSearchInterface .coveo-facet-column {
    border: 1px solid #ccc;
    width: 298px;
    padding: 16px 26px !important;
    margin-right: 50px;
}

main .CoveoSearchInterface .CoveoFacet {
    border: none;
}

main .CoveoSearchInterface .coveo-facet-header {
    background: none;
    padding: 0;
}

main .CoveoSearchInterface .coveo-facet-header-title,
main .CoveoSearchInterface legend {
    color: #656565;
    font-size: 0.85em;
    letter-spacing: 1px;
    font-family: 'Montserrat', Arial, sans-serif;
    text-transform: uppercase;
}

main .CoveoSearchInterface legend {
    margin-bottom: 10px;
}

main .CoveoSearchInterface .coveo-facet-footer {
    background-color: transparent;
}

main .CoveoSearchInterface .coveo-facet-value {
    padding: 0;
}

    main .CoveoSearchInterface .coveo-facet-value:hover {
        background: none;
    }

main .CoveoSearchInterface .coveo-facet-value-label {
    padding: 0;
    margin: 0;
    font-size: 0.85rem;
}


main .CoveoSearchInterface .coveo-facet-value-caption {
    display: inline-block;
    white-space: initial !important;
    text-indent: 1px;
    width: 80%;
}


main .CoveoSearchInterface input[type=button] {
    margin: 20px 0 0 0;
    min-width: 144px;
}

main .CoveoSearchInterface fieldset > label {
    margin-bottom: 3px;
}

.published-from-to label {
    width: 110px;
    display: inline-block;
    line-height: inherit;
    text-indent: -10000px;
    vertical-align: middle;
}

/*date dash issue for ie*/
.date-dash
{
    vertical-align:middle;
}
/*End date dash issue for ie*/

.published-from-to input[type=text] {
    font-size: 0.8rem;
    background: white url('https://www.cmhc-schl.gc.ca/Content/project/cmhc/img/icon-calendar-grey.svg') no-repeat right 5px center;
    background-size: 16px;
    cursor:pointer;
}

    .published-from-to input[type=text]:focus {
        background-image: url('https://www.cmhc-schl.gc.ca/Content/project/cmhc/img/icon-calendar-blue.svg');
    }

/*#endregion*/

/*#region Coveo checkbox */

main .coveo-facet-value .coveo-facet-value-checkbox {
    width: 10px;
    height: 10px;
    border: 1px solid #999;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    margin-right: 8px;
    background: white;
    position: relative;
    float: left;
    top: 8px;
    border-radius: 0;
    box-sizing: border-box;   /* For Sitecore Upgrade */
}

    main .coveo-facet-value .coveo-facet-value-checkbox:after {
        content: "";
        position: absolute;
        display: none;
        left: 2px;
        top: -4px;
        width: 6px;
        height: 11px;
        border: solid #0173AF;
        border-width: 0 3px 3px 0;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
    }

main .coveo-facet-value-label-wrapper input[type=checkbox]:checked ~ .coveo-facet-value-checkbox {
    border: 1px solid white;
}

    main .coveo-facet-value-label-wrapper input[type=checkbox]:checked ~ .coveo-facet-value-checkbox:after {
        display: block;
    }

/*#endregion */

/*#region Results */
main .CoveoSearchInterface .coveo-results-column {
    float: none !important;
    max-width: 620px;
    padding: 0;
}

main .CoveoSearchInterface .coveo-results-header {
    padding-top: 15px;
    box-shadow: none;
    min-height: 25px;
}


main .CoveoSearchInterface .coveo-summary-section {
    font-size: 1.1rem;
    margin: 0 !important;
}
.coveo-results-header.coveo-no-results .coveo-summary-section {
    margin: 0 25px !important;
}

main .CoveoSearchInterface .coveo-summary-section ul {
    list-style: initial !important;
    margin-left: 20px;
}



main .CoveoSearchInterface .coveo-list-layout.CoveoResult {
    margin: 0 0 20px 0;
    border-bottom: 2px solid #ccc;
    padding: 0 0 20px 0;
}



    main .CoveoSearchInterface .coveo-list-layout.CoveoResult > div {
        padding: 0 !important;
    }


main .CoveoSearchInterface .CoveoResultLink {
    margin-left: 0 !important;
    margin-bottom: 5px;
    color: #0173af;
    text-decoration: underline;
    line-height: 1.5rem;
    margin-right:5px;
    display:inline;
}

main .CoveoSearchInterface .CoveoResult a {
    color: #0173af;
    font-size: 1.225rem;
}

main .CoveoSearchInterface p {
    font-size: 1rem;
    margin-bottom: 10px;
}


/*#endregion*/

/*#region Tags */
main .CoveoSearchInterface .span-class a {
    font-size: 0.75rem;
    color: white;
    background: #0173af;
    padding: 4px 10px 0 24px;
    display: inline-block;
    margin: 0 10px 10px 0;
    background: #0173AF url('https://www.cmhc-schl.gc.ca/Content/project/cmhc/img/tag-pin.svg') no-repeat;
    background-size: 15px;
    height: 22px;
    border-radius: 4px;
    line-height:13px;
}


.tagged-show-more {
    text-align: center;
}

/*#endregion */

/*#region Pager */


main .CoveoSearchInterface .CoveoPager {
    /*background: #F8F8F8;*/
    width: 100%;
    max-width: none;
    position: absolute;
    bottom: 0;
    left: 0;
    display: block;
    margin: 0;
    padding: 30px;
    text-align: center;
}


    main .CoveoSearchInterface .CoveoPager .coveo-pager-list-item,
    main .CoveoSearchInterface .CoveoPager .coveo-pager-list-item:hover a {
        background: none;
        border: none;
        color: #0173AF;
        font-size: 1.12rem;
        margin: 0;
    }

        main .CoveoSearchInterface .CoveoPager .coveo-pager-list-item.coveo-active a {
            color: #656565;
            text-decoration: none;
            font-weight: bold;
            pointer-events:none;
        }


    main .CoveoSearchInterface .CoveoPager .coveo-pager-next-icon {
        width: 15px;
        height: 15px;
        display: block;
        background: url('https://www.cmhc-schl.gc.ca/Content/project/cmhc/img/icon-chevron-right.svg') no-repeat;
        background-size: contain;
        margin: 0 0 -3px 10px;
    }
    main .CoveoSearchInterface .CoveoPager .coveo-pager-previous-icon {
        width: 15px;
        height: 15px;
        display: block;
        background: url('https://www.cmhc-schl.gc.ca/Content/project/cmhc/img/icon-chevron-left.svg') no-repeat;
        background-size: contain;
        margin: 0 0 -3px 10px;
    }
    main .CoveoSearchInterface .CoveoPager .coveo-pager-next-icon svg, main .CoveoSearchInterface .CoveoPager .coveo-pager-previous-icon svg {
        display: none;
    }


/*#endregion */


/*#region Global Search */

main .CoveoSearchInterface .coveo-search-section {
    margin: 0 0 38px 0;
    max-width: none;
    width: 100%;
    z-index: 99;
    background-color: #F0F0F0;
    padding: 26px 10px 11px 10px;
    border-top: 1px solid #C8C8C8;
    border-bottom: 1px solid #C8C8C8;
    box-shadow: inset 0 20px 20px -10px #DEDEDE;
}


main .CoveoSearchInterface .CoveoSearchbox {
    margin: auto;
    max-width: 960px;
}

/*For Sitecore Upgrade 9.3  */
main .CoveoSearchInterface .coveo-search-section .magic-box-input {
    margin: -5px 0 0 -8px;
    width: 95%;
    background: #F0F0F0;
    overflow: visible;
}

main .CoveoSearchbox .magic-box .magic-box-input > input {
    border: 1px solid #F0F0F0;
    font-family: 'Roboto', Calibri, sans-serif;
    color: black;
    border-color: #F0F0F0;
    background: white;
    border-radius: 4px;
    font-size: 1rem;
    padding: 14px 12px;
    text-indent: 0;
    /*For Sitecore Upgrade 9.3  */
    margin: 7px;
}

    main .CoveoSearchbox .magic-box .magic-box-input > input:focus {
        box-shadow: 0 0 5px #999;
        border-color: #0173AF;
    }

main .CoveoSearchInterface .CoveoOmnibox {
    border: none;
}

main .CoveoSearchInterface .CoveoSearchButton {
    min-width: 170px;
    height: 40px;
    margin-top: 10px;
    border: 1px solid #0173AF;
    background-color: #0173AF;
    color: white !important;
    border-radius: 4px;
    letter-spacing: 1px;
    font-family: 'Montserrat', Arial, sans-serif;
    font-size: 0.85rem;
    text-transform: uppercase;
    cursor: pointer;
    transition: none;
}


main .global-search .coveo-list-layout.CoveoResult:last-child {
    border-bottom: none;
}

/*#endregion*/

/*#region Media Newsroom */

.media-newsroom {
    padding-top: 20px;
}

main .media-newsroom .CoveoSearchInterface .CoveoResultLink {
    margin-bottom: 10px;
}

.media-newsroom .release-date {
    font-size: 1rem;
    margin-bottom: 4px;
}

.media-newsroom .search-showmore {
    text-align: left;
}

    .media-newsroom .search-showmore .button {
        margin: 0;
    }

.media-newsroom .CoveoResultList {
    margin-top: 0;
}

.media-newsroom .select-all,
.media-newsroom .select-none {
    font-size: 0.85rem;
    color: #656565;
    display: inline-block;
    margin: 8px 24px 18px 0;
}

/*#endregion */

/*#region Pubs and Reports */
.pubs-reports {
display: none;
}

    .pubs-reports .CoveoSearchbox,
    .pubs-reports .coveo-search-section {
        display: none;
    }


fieldset.type {
    margin-bottom: 20px;
}

.pubs-reports .CoveoSearchInterface {
    margin-top: 60px;
    margin-bottom: 30px;
}


.pubs-reports-search {
    max-width: 960px;
    margin: 50px auto 30px auto;
}

    .pubs-reports-search h2,
    .pubs-reports-browse h2 {
        text-align: center;
        font-weight: 300;
        font-size: 1.25rem;
        margin-bottom: 24px;
    }

    .pubs-reports-search form {
        padding: 20px 190px;
        font-weight: normal;
    }

        .pubs-reports-search form label {
            margin-top: 15px;
        }


            .pubs-reports-search form label:first-child {
                font-size: 1.25rem;
                font-weight: bold;
            }

    .pubs-reports-search input[type=search] {
        margin-bottom: 20px;
    }

    .pubs-reports-search .button-panel {
        padding-top: 0;
    }

#advanced-search-toggle {
    font-weight: normal;
    display: block;
    text-align: center;
    font-size: 0.85rem;
    padding: 10px 0 2px 0;
}

    #advanced-search-toggle:after {
        content: '';
        display: inline-block;
        width: 11px;
        height: 11px;
        background: url('https://www.cmhc-schl.gc.ca/Content/project/cmhc/img/icon-chevron-down.svg') no-repeat;
        background-size: contain;
        margin: 0 0 -2px 7px;
    }


    #advanced-search-toggle.active:after {
        background: url('https://www.cmhc-schl.gc.ca/Content/project/cmhc/img/icon-chevron-up.svg') no-repeat;
        background-size: contain;
        margin: 0 0 -2px 7px;
    }

.advanced-search {
    display: none;
}

    .advanced-search fieldset.type label {
        display: inline-block;
        margin-right: 20px;
    }

    .advanced-search fieldset.published-from-to label {
        width: 150px;
    }

    .advanced-search fieldset.published-from-to input[type=text] {
        font-size: 1rem;
        height: 42px;
    }


.pubs-reports-browse .cmhc-accordion {
    max-width: 960px;
    margin-bottom:40px;
}

.pubs-reports-browse .cmhc-accordion-content {
    background: #0173AF;
    border: 1px solid #0173AF;
    padding: 15px 25px;
}


.pubs-reports-browse ul {
    margin: auto;
    text-align: center;
}

.pubs-reports-browse li {
    vertical-align: top;
    position: relative;
    text-align: left;
    display: inline-block;
    max-width: 280px;
    height: 170px;
    background: white;
    padding: 20px;
    margin: 2%;
    border-radius: 10px;
}

    .pubs-reports-browse li:before {
        content: '';
        position: absolute;
        display: block;
        top: 0;
        right: 0;
        width: 20px;
        height: 20px;
        border: 1px solid #979797;
        border-bottom-left-radius: 5px;
        border-top-color: transparent;
        border-right-color: transparent;
    }

    .pubs-reports-browse li:after {
        content: '';
        position: absolute;
        display: block;
        top: 0;
        right: 0;
        width: 0;
        height: 0;
        border-width: 9px;
        border-top-color: #0173AF;
        border-right-color: #0071ae;
        border-bottom-color: #f2f2f2;
        border-left-color: #f2f2f2;
        border-radius: 0 0 0 3px;
        border-style: solid;
    }

    .pubs-reports-browse li h3 {
        margin-bottom: 5px;
        font-size: 1.2rem;
    }

        .pubs-reports-browse li h3 a {
            text-decoration: none;
            font-weight: normal;
        }

    .pubs-reports-browse li p {
        font-size: 0.83em;
    }


.pubs-reports-browse .button.secondary:hover,
.pubs-reports-browse .button.secondary:focus {
    border-color: white;
}

.pubs-reports-browse > div > div ul li {
    margin: 0 10px 30px 7px;
}

.pubs-reports-browse .button-panel {
    padding-top: 5px;
    padding-bottom: 20px;
}

.dropdown-filters {
    line-height: 48px;
    border: 1px solid #979797;
    background: #F7F7F7 url('https://www.cmhc-schl.gc.ca/Content/project/cmhc/img/icon-filter.svg') no-repeat 12px 17px;    
    text-align: left;
    padding-left: 40px;
    cursor: pointer;
    color: #4a4a4a;
    font-size: 0.875rem;
    display: none;
}

.dropdown-filters:after {
    content: '';
    display: inline-block;
    width: 11px;
    height: 11px;
    background: url('https://www.cmhc-schl.gc.ca/Content/project/cmhc/img/icon-chevron-down-grey.svg') no-repeat;
    background-size: contain;
    margin: 0 0 -2px 7px;
    margin: 20px;
    float: right;
}

.dropdown-filters.active:after {
    background: url('https://www.cmhc-schl.gc.ca/Content/project/cmhc/img/icon-chevron-up-grey.svg') no-repeat;
    background-size: contain;
    margin: 20px;
    float: right;
}




/*#endregion */



@media (min-width: 320px) and (max-width: 360px){
    .dropdown-filters:after {
        margin: 20px 5px !important;
    }
    main .CoveoSearchInterface .CoveoSearchButton{
        min-width:40% !important;
    }
}


@media only screen and (max-width: 1023px) {
    main .CoveoSearchInterface .coveo-main-section,
    .pubs-reports-search,
    .pubs-reports-browse .cmhc-accordion {
        margin-left: 10px;
        margin-right: 10px;
    }
    .coveo-dropdown-header-wrapper {
        display: none !important;
    }
    .tagged-index .CoveoResultList {
        padding-left: 0;
        text-align: center;
    }
}


@media only screen and (max-width: 960px) {
    main .CoveoSearchInterface .coveo-facet-column {
        display: block !important;
    }
}


@media only screen and (max-width: 800px) {
    .CoveoSearchInterface .CoveoResultList {
        margin: 15px 0;        
    }    
    .pubs-reports-search form {
        padding: 20px 100px;
    }

/*commented for Sitecore Upgrade 
    main .CoveoSearchInterface .coveo-search-section .magic-box-input {
        width: 74%;
    }
    */
     main .CoveoSearchInterface .coveo-search-section{
        padding-top:26px;
        box-shadow:none;
    }
    .coveo-search-section .content-full {
        text-align:center;
    }
    main .CoveoSearchInterface .coveo-results-column,
    main .CoveoSearchInterface .coveo-facet-column {
        padding: 0 9px;
    }  
}
@media only screen and (max-width: 750px) {
    .tagged-index .coveo-card-layout.CoveoResult {
        width: 45%;
        margin: 0 10px 20px 10px;
    }    
}

@media only screen and (max-width: 700px) {


    .pubs-reports .CoveoSearchInterface {
        margin-top: 20px;
    }

    main .CoveoSearchInterface .coveo-results-column,
    main .CoveoSearchInterface .coveo-facet-column {
        width: 100%;
        border: none;
        padding: 0 20px;
        margin: 0;
        display: block;
    }

    main .CoveoSearchInterface .coveo-results-column {
        padding: 20px;
    }

    .CoveoSearchInterface .coveo-facet-column-mobile {
        display: none;
    }

    .dropdown-filters {
        display: block;
    }

    .coveo-facet-column-mobile {
        border: 1px solid #E2DDDD;
        background-color: #F7F7F7;
        border-top: none;
    }


    fieldset.published-from-to,
    fieldset.type {
        padding: 0 20px 20px 20px;
        width: 100%;
        margin-bottom: 20px;
        border-bottom: 1px solid #E2DDDD;
    }

    .advanced-search fieldset.published-from-to,
    .advanced-search fieldset.type {
        padding: 0 10px 20px 10px;
    }

        .advanced-search fieldset.type label {
            display: block;
        }

    fieldset.published-from-to legend {
        padding-top: 20px;
    }

    fieldset.options {
        padding: 0 20px 20px 20px;
    }

    .coveo-facet-column-mobile fieldset legend {
        background: none;
        padding-bottom: 10px;
    }

    .coveo-facet-column-mobile #apply-filter {
        display: block;
        margin: 20px auto;
    }

    #MainPanel {
        margin: 0 18px;
    }

        #MainPanel .global-search {
            margin: 0 -18px;
            width: auto;
        }

    main .CoveoSearchInterface .CoveoFacet {
        margin-top: 0;
        background: none;
        padding: 18px 0 0 18px;
        border-bottom: 1px solid #E2DDDD;
    }

    main .CoveoSearchInterface .coveo-search-section .magic-box-input {
        max-width: 95%;
        width: auto;
        margin: auto;
    }

    main .CoveoSearchbox .magic-box .magic-box-input > input {
        margin: 0;
    }

    main .CoveoSearchInterface .coveo-search-section {
        min-height: 156px;
        border: none;
    }

    main .CoveoSearchInterface .CoveoSearchButton {
        margin: 68px 33% 0 33%;
        float: left;
        min-width: 36%;
    }

    .media-newsroom .CoveoFacet {
        margin-bottom: 0px;
    }

    main .CoveoSearchInterface .coveo-facet-value-label {
        font-size: 0.82rem;
    }

    main .pubs-reports .CoveoSearchInterface .coveo-main-section {
        margin: 0;
    }

    .tagged-index .coveo-card-layout.CoveoResult p {
        font-size: 0.975rem;
    }

    .media-newsroom .search-showmore {
        text-align: center;
    }

    main .CoveoSearchInterface .CoveoPager .coveo-pager-list-item,
    main .CoveoSearchInterface .CoveoPager .coveo-pager-list-item:hover a {
        font-size: 0.875rem
    }

    main .CoveoSearchInterface .CoveoPager .coveo-pager-next-icon, main .CoveoSearchInterface .CoveoPager .coveo-pager-previous-icon {
        width:12px;
        height:12px;
    }
}

@media only screen and (max-width: 640px) {
    .pubs-reports-search form {
        padding: 20px;
    }

    .advanced-search fieldset.published-from-to label {
        width: 108px;
    }

    .advanced-search fieldset.published-from-to input[type=text] {
        font-size: 0.9rem;
        height: 38px;
    }
    
}
@media only screen and (max-width: 550px) {
    .tagged-index .coveo-card-layout.CoveoResult {
        width: 90%;
    }
}
    @media only screen and (max-width: 359px) {
        .published-from-to label, .advanced-search fieldset.published-from-to label {
            width: 94px;
        }
        .advanced-search fieldset.published-from-to,
        .advanced-search fieldset.type {
            padding: 0 5px 20px 5px;
        }
        .published-from-to input[type=text] {            
            font-size: 0.7rem;
        }
        .pubs-reports-search .advanced-search fieldset legend {
            margin-bottom: 12px;
        }
    }

    @media only screen and (min-width: 701px) {
        .coveo-facet-column-mobile {
            display: block !important;
        }
    }

@media print {

    a[href]:after {
        content: "";
    }

    .site-menu, .footer-social, .no-print, .modal, .quick-actions, .button {
        display: none;
    }
    .modal-share {
        display: none !important;
    }
}

/* Event page start*/

.event-page, .upcoming-event-page {
    margin: auto;
    padding: 15px 20px;
    max-width: 820px;
    margin-bottom:40px;
}
.event-page h2 {
    font-size: 1.25rem;
    font-weight: bold;
    line-height: 24px;
    margin: 30px 0 24px 0;
}
.event-page .cmhc-accordion .expanded div h3 {
    color: #006AA2;
    font-weight: 300;
    line-height: 24px;
    margin-bottom: 38px;
    font-size:1.25rem;
}
.event-page .cmhc-accordion > div > div{
    padding:42px 80px;
}
    .event-page .no-of-attendees {
        min-width: 95px;
        width: 16%;
        border: none;
        border-bottom: 1px solid #d8d8d8;
        color: #9b9b9b;
        background: none;
        background-image: url(https://www.cmhc-schl.gc.ca/content/project/cmhc/img/icon-arrow-down-grey.svg);
        background-size: 10px;
        background-repeat: no-repeat;
        background-position: right;
        padding:0;
        margin-left:10px;
    }
    .event-page #event-name {
        border: white;
        border-bottom: 1px solid #d8d8d8;
        background: none;
        width: 35%;
        display: inline-block;
        box-shadow: none;
        margin-left: 16px;
        padding-left: 0;
        font-style: italic;
    }
    .event-page label {
        display:inline-block;
    }
    .event-page .event-reg {
        display: block;
        margin: 20px 0;
    }
    .event-page textarea{
        height:250px;
        background:#f7f7f7;
        border:none;
    }
    .event-page .button-panel{
        text-align:right;
    }
    .event-page .button-panel .registration {
        margin-right: 0;
    }
    .upcoming-event-page .button-panel{
        text-align:left;
        padding:0 0 20px 0;
    }
    .upcoming-event-page .button-panel .registration {
        margin:10px 0 0 0;
        line-height:12px;
        min-width:150px;
    }
    .upcoming-event-table{
        width:99%
    } 
    .upcoming-event-table td {
        line-height: 6px;
    }
    .upcoming-event-table .space-class {
        width: 40px;        
    }
    .upcoming-event-table .month-text {
        width: 60px;
        background-color: #e61939;
        color: white;
        text-align: center;
        font-size: 11px;
        letter-spacing: 2px;
        font-weight: bold;
        font-family: 'Montserrat', Arial, sans-serif;
    }
    .upcoming-event-table .border-bottom-cls {           
        border-bottom: 1px solid #d8d8d8;
    }
    .upcoming-event-table .border-left-cls {
        border-left: 1px solid #d8d8d8;
    }
    .upcoming-event-table .border-right-cls {
        border-right: 1px solid #d8d8d8;
    }
    .upcoming-event-table .month-date-text {
        width: 60px;
        border: 1px solid #d8d8d8;
        text-align: center;
        font-size: 30px;
        line-height: 30px;
        font-family: 'Roboto', Calibri, sans-serif;
        color: #656565;
    }
    .event-content-area {
        width: 99.1%;
        padding-top: 20px;
        border: 1px solid #d8d8d8;
        border-top: none;
    }
    .event-content-area .heading-section {
        padding: 0 40px;
        font-size: 16px;
        line-height: 25px;
        color: #656565;
        font-family: 'Roboto', Calibri, sans-serif;
    }
    .event-content-area .heading-section h1 {
        font-weight: normal;
        color: #006fad;
        font-size: 20px;
        line-height: 26px;
        margin: 20px 0 10px 0;
    }
    .heading-section .time-block-mobile {    
        font-style: italic;
    }
    .space-between-events{
        height:40px;
    }
            /* Event page end*/

@media only screen and (max-width: 700px) {
    .event-page h2 {
        color: #0071AE;
        font-weight: 300;
        margin: 40px 17px 24px 17px;
        line-height:32px;
    }
    .event-page .cmhc-accordion {
        margin: 0;
    }
    .event-page {
        padding: 5px 10px;
    }
    .event-page p {
        margin: 0 17px 33px 17px;
    }
    .event-page .cmhc-accordion > div > div {
        padding: 17px;
    }
    .event-page .cmhc-accordion .expanded div h3 {
        margin-bottom: 18px;
    }

    .event-page #event-name, .event-page .no-of-attendees {
        margin-left: 0;
    }
    .event-page label, .event-page .no-of-attendees {
        display: block;
    }
    .event-page .button-panel{
        text-align:center;
    }
    .upcoming-event-page {
        padding: 5px 15px;
    }
    .event-content-area .heading-section{
        padding:0 25px;
    }
    .upcoming-event-table .space-class{
        width:25px;
    }
    .heading-section .pipe-hide-mobile {
        display: none;
    }
    .heading-section .time-block-mobile {
        display: block;        
    }
    .heading-section span{
        color:#a8a8a8;
        font-size:0.85rem;
    }
    .upcoming-event-page .button-panel{
        padding-top:10px;
    }
    .upcoming-event-page .button-panel .registration{
        font-size: 0.7rem;
        letter-spacing: 1px;
    }
    .event-page .button-panel .registration{
        font-size:0.75rem;
    }
}


/* Begin INC7017064 fix */
section.nhs-banner h1 {
    max-width: 780px;
}
section.nhs-banner h1 p{
    max-width: 640px;
}

/* End INC7017064 fix */
/* PRB7000329 Nav Skip. --------------------------*/
.navskip {
    height: 0;
    width: 0;
    overflow: hidden;
    float: right;
    font-size: 0;
    position: absolute;
    top: -100px;
}
/*Nav Skip. --------------------------END*/
/* Bug17809 MBS Wave tool issue --------------------------*/
.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    border: 0;
}
/*Wave tool issue --------------------------END*/
/*Show More button on Pubs&Reports*/
.button-panel .cmhc-showmore {
    		color: #0173AF !important;
    		background-color: #fff !important;
}
/*#endregion*/
/* DMND0019212 (R1) Remove photo and remove logo option...................*/
a#remove-photo {
    font-size: .85rem;
}
a#remove-logo {
    font-size: .85rem;
}
/* DMND0019212 (R1) Remove photo and remove logo option...................END*/
/* Start of INC7061724*/
@media(max-width:800px){
 main .CoveoSearchInterface input[type=button] {
    margin: 20px 0 10px 0;
    min-width: 144px;
    left: 0px;
}
 main .CoveoSearchInterface .coveo-search-section {
    padding-top: 26px !important;    
}
.CoveoSearchInterface .coveo-facet-column
{
padding: 5px 15px !important;
}

}
/* End of INC7061724*/

/*Begin fix for INC7094037 - search 700px */

/*#clear-filter
{
 margin: 20px 20px;
}commnted as this will be overwritten by INC7094038*/
/* End of fix for INC7094037 - search 700px */


/*Begin fix for INC7082378 - Global Header */

h1 {
  font-size: 1.75rem;
}

h2 {
  font-size: 1.5rem;
}

h3 {
  font-size: 1.25rem;
}

h4 {
  font-size: 1rem;
  font-weight: bold;
}

h5 {
  font-size: 0.9rem;
}

h6 {
  font-size: 0.8rem;
}

/*End fix for INC7082378 - Global Header */

/*Begin fix for INC7094037 - clear filter*/

@media (max-width:767px){

      
    .searchPageBtn input[type=button]:hover,
   
    .searchPageBtn input[type=button]:focus{

        background-color:  #0173AF;
        border-color:  #0173AF;
    }

}
@media(max-width:700px){
#clear-filter {
    margin: 15px 0 15px 15px;
}
}
@media (min-width: 701px) and (max-width: 767px){
#clear-filter {
    margin: 15px 0 15px 0px;
}
}
/*End fix for INC7094037 - clear filter*/
/*Begin fix for INC7094038 - clear filter*/

/*#clear-filter {
    margin: 20px 0 0 0; 
    min-width: 100%;
    max-width: 100%;
    white-space: inherit;
} */

@media(min-width: 768px){
.flex.searchPageBtn .item.clear {
    margin: 0;
}
}

/*@media(min-width:768px){
.flex.searchPageBtn {
    justify-content: left;
}
}

.flex {
    display: flex;
    justify-content: center;
    align-items: flex-end;
}

.item {
    flex-grow: 1;
    flex-shrink: 0;
    min-width: 45%;
    max-width: 45%;
    margin: 0 12px;
}*/


/*End fix for INC7094038 - clear filter*/
/* Begin Fix for PRB7000415*/

.CoveoQuerySummary div {
    padding-top: 2px;
}
.coveo-query-summary-search-tips-info {
    font-weight: bold;
}
.CoveoQuerySummary ul li {
    line-height: 20px;
}
/*End fix for PRB7000415*/

/*Fix for PRB7000352*/

.coveo-pager-list-item.coveo-active{

    cursor:none;

    pointer-events:none;

}

/*End fix for PRB7000352*/
/*#region Coveo Enhancements*/
/*New Header search bar*/
header.search-page .site-menu {
    padding: 10px;
}

/*header .site-menu ul {
    padding-top:20px;
    bottom:10px;
    display: block;
    position:relative;
   /*justify-content: flex-start;
    align-items: flex-start;
}*/

    header .site-menu ul li {
        margin: 0;
        display:inline-block;
        /*flex-grow: 0;
        flex-shrink: 1;*/
    }

header.search-page .site-menu ul li {
    margin: 0 0 20px;
   /* flex-grow: 1;
    flex-shrink: 0;*/
}
header.search-page .search-main {
    display:none;
}

header ul li.default-menu {
    display: none;
}

header.search-page ul li.default-menu {
    display: inline-block;
   
}

header .search-bar {
    padding-top: 15px;
}

    header .search-bar > div {
        display: inline-block;
        vertical-align: middle;
    }

header form[name="search-form"] {
    padding: 0;
    display: flex;
    border: 0;
    min-width: 300px;
}

    header form[name="search-form"] input, header form[name="search-form"] button {
        flex-grow: 1;
    }

    header form[name="search-form"] input {
        padding: .5em;
        margin: 0;
        border: 1px solid #ddd;
    }

    header form[name="search-form"] button {
        padding: .5em 1em;
        min-width: auto;
        border-radius: 0;
        margin: 0;
    }

header .menu-list {
    padding-left: 15px;
}

    header .menu-list a {
        padding: .6em;
        border: 1px solid #ddd;
        color: #0173AF;
        text-decoration: none;
        display: block;
    }

header.search-page .search-bar {
    display: none;
}
@media(max-width:991px) {
    .menutext {
        display: none;
    }
     header .menu-list a {
        border: none;
    }
}
@media(max-width:767px) {
  
    header form[name="search-form"] {
        max-width: 160px;
        min-width: auto;
    }

    header .menu-list a {
        border: none;
    }

    header .menu-list {
        padding-left: 0;
    }

   
    header.search-page .site-menu {
        padding: 0;
    }

    header form[name="search-form"] button {
        padding: .7em 1em;
        min-width: 39px;
        border-radius: 0;
        margin: 0;
    }

    @-moz-document url-prefix() {
        header .menu-list {
            padding-left: 30px;
        }
        /*header .search-bar > div {
                    max-width: 150px;
                }*/
        header form[name="search-form"] {
            max-width: 135px;
        }
    }
}

/*global search box style*/
.search-main .menu-list{
    display:inline-block;
    vertical-align:top;
}
.search-main,.global-search-box{
    display:inline-block;
}
.global-search-box .CoveoSearchInterface{
    min-width:275px;
}

.global-search-box .magic-box .magic-box-input > input{
        height: 36px;
         line-height:16px !important;
        /*Sitecore 9.3 Upgrade Search box header */
       padding: 12px 0 12px 12px !important;
}
.global-search-box .magic-box .magic-box-clear{
    line-height: 36px;
}
.global-search-box .magic-box .magic-box-input,.global-search-box .magic-box .magic-box-input .magic-box-underlay,
.global-search-box .magic-box .magic-box-clear{
    height: 2.3125rem;
}
.global-search-box .CoveoSearchButton{
    height:2.4rem;
    width:50px;
    background:#0173AF;
    border:1px solid #0173AF;
}
.global-search-box .CoveoSearchButton:hover{
    background-color: #005989;
    border-color: #005989;
}
.global-search-box .coveo-search-button-svg{
    color:#fff;
}
.global-search-box .CoveoSearchButton:hover .coveo-magnifier-circle-svg{
    fill:#fff;
}
@media (max-width:767px){
    .global-search-box .CoveoSearchInterface{
        min-width:155px;
    }
    .global-search-box .CoveoSearchInterface .CoveoSearchbox{
        margin-right:0;
    }
}
/*End of New Header search bar*/
/*Pagination to Project Profile*/
.page_navigation {
    padding: 15px 0;
}

.page_link {
    color: #0078a0;
    text-decoration: underline;
    padding: 0 5px;
}

    .page_link.active_page {
        color: #656565;
        text-decoration: none;
    }
/*Pagination to Project Profile end*/
/*Style to Icons on search page*/
.search-type {
    font-size: 10px !important;
    padding: 4px 6px; /*6px 8px;*/
    background-color: #333;
    color: #fff;
    text-transform: uppercase;
   /* margin-left: 10px;*/
    white-space: nowrap;
}

    .search-type.pdf {
        background-color: #ed1B2e;
    }

    .search-type.blog {
        background-color: #5f9281;
    }

    .search-type.news {
        background-color: #B94700;
    }

    .search-type.excel {
        background-color: #67823a;
    }
/*end of Style to Icons on search page*/
/*Filter count on search page*/
span.coveo-facet-value-count:before {
    content: "(";
}

span.coveo-facet-value-count:after {
    content: ")";
}
/*Filter count on Seach page end*/
/*Clear filter*/
.flex {
    display: flex;
    justify-content: center;
    align-items: flex-end;
}

.item {
    flex-grow: 1;
    flex-shrink: 0;
    min-width: 45%;
    max-width: 45%;
    margin: 0 12px;
}

#apply-filter {
    margin: 20px 0 0 0px;
    /* min-width: 144px;
     */
    min-width: 100%;
    max-width: 100%;
    white-space: inherit;
}

#clear-filter {
    margin: 20px 0 0 0px;
    /* min-width: 144px;
     */
    min-width: 100%;
    max-width: 100%;
    white-space: inherit;
}

/*.item.clear input {
    background-color: #fff;
    color: #0173AF !important;
    border-color: rgba(1, 115, 175, 0.5);
}*/

html[lang="fr"] main .CoveoSearchInterface input[type=button] {
    font-size: 10px;
}
/*end of Clear filter*/
/*end region coveo enhancement*/
@media only screen and (max-width: 767px) {

    .CoveoSearchInterface .coveo-facet-column.coveo-no-results {
        display: none !important;
    }

    .CoveoSearchInterface .coveo-results-column.coveo-no-results {
        padding: 0px !important;
    }

    .CoveoSearchInterface.coveo-small-facets .coveo-results-header {
        padding-left: 0px !important;
    }

    main .CoveoSearchInterface .coveo-summary-section .CoveoQuerySummary {
        float: left;
        margin-top: 35px;
    }

    .coveo-results-header.coveo-no-results .CoveoQuerySummary {
        margin-top: 0 !important;
    }

    .coveo-sort-section {
        float: right;
        position: absolute;
        right: 0;
    }

    .coveo-query-summary-no-results-string {
        top: -15px !important;
    }

    .CoveoDidYouMean {
        margin-top: 40px !important;
    }

    #clear-filter {
        margin: 10px 0px 10px 5px;
    }
}
/*Clear filter*/
@media(max-width:767px) {
    main .CoveoSearchInterface input[type=button] {
        margin: 10px;
        min-width: 110px
    }

    .coveo-facet-column-mobile #apply-filter {
        margin: 10px 0 !important;
    }

    .coveo-facet-column-mobile .item {
        margin: 0;
    }
}
/*End of Clear filter*/
/*Did you mean style*/
.CoveoDidYouMean {
    padding: 10px 0;
    margin-top: 30px;
}

.coveo-did-you-mean-suggestion {
    color: #f90c2c;
    font-weight: bold;
    font-size: 18px;
}

    .coveo-did-you-mean-suggestion a {
        color: #0173AF;
    }

.coveo-query-summary-cancel-last {
    display: none !important;
}

.coveo-query-summary-no-results-string {
    position: absolute;
    top: -25px;
    left: 0;
}
/*End of Did you mean style*/
/*Date Sort style*/
.CoveoSearchInterface .coveo-results-column.coveo-no-results {
    margin: initial !important;
    border: 1px solid #e5e3e3;
    max-width: 100% !important;
    margin-top: 30px !important;
}

.coveo-sort-icon-descending-svg {
    width: 7px !important;
    height: 7px !important;
    color: #0173aF !important;
}

.coveo-sort-icon-ascending-svg {
    width: 7px !important;
    height: 7px !important;
    color: #0173aF !important;
}

.CoveoSort.coveo-selected, .CoveoSort.coveo-selected:hover {
    /*border-bottom: 2px solid #0173aF!important;*/
    border-bottom: none !important;
}

.sort-text {
    padding: 0 5px 10px 5px !important;
    border-bottom: 2px solid #0173aF !important;
}

.sort-label {
    padding: 0 5px 10px 5px;
}

.CoveoSort {
    padding: 0px !important;
}

    .CoveoSort.coveo-selected:focus {
        outline: none;
    }

/*End of Date sort style*/


/*Global search dropdown style*/
.global-search-main{
    top:-15px;
    position:relative;
}
.global-search-main .ui-selectmenu-button.ui-button.ui-widget {
    border: 1px solid #ccc;
    width: inherit;
    min-width: 115px;
    padding-right: 20px;
}
#search-sort-menu.ui-menu .ui-menu-item {
    border-left: 4px solid #f8f8f8!important;
}
#search-sort-menu.ui-menu .ui-menu-item:hover {
    border-left: 4px solid #0173af!important;
}
#search-sort-menu.ui-menu.ui-widget.ui-widget-content{
    border: 1px solid transparent !important;;
}
.ui-selectmenu-menu.ui-front.ui-selectmenu-open #search-sort-menu{
    min-height:60px!important;
}
.ui-selectmenu-menu #search-sort-menu .ui-menu-item-wrapper{
    padding: 7px 10px;
}
.global-search-main .ui-selectmenu-button span.ui-selectmenu-text {
    padding: 5px 10px;
    letter-spacing: 1px;
    font-family: 'Montserrat', Arial, sans-serif;
    font-size: 0.85rem;
    text-transform: uppercase;
    color: #0173af;
}

.global-search-main .ui-selectmenu-text {
    padding: 0;
}

.global-search-main .ui-icon.ui-icon-triangle-1-s {
    background: url('https://www.cmhc-schl.gc.ca/content/project/cmhc/img/icon-chevron-down-grey.svg') no-repeat center center;
    background-size: 10px;
    margin-right:10px;
}
.coveo-results-header.coveo-no-results .global-search-main{

display : none;

}
.tagged-index .ui-selectmenu-button.ui-button.ui-widget.ui-selectmenu-button-open {
    border: 1px solid #DEDEDE;
    background-color: #f8f8f8;
}

/*Global search dropdown style ends*/

/*start of clear button style*/
@media(min-width:768px) {
    .flex.searchPageBtn {
        justify-content: left;
    }

        .flex.searchPageBtn .item.clear {
            margin: 0;
        }
}
/*End of clear button style*/
/**** To show Date Filter after Coveo Upgrade **/
.coveo-after-initialization input {
    display: block !important;
}

/* Media Newsroom */
.Media-Newsroom .CoveoSearchInterface > * {
   display: block !important;
     visibility: visible !important; 
}


/*Begin fix for coveo upgrade*/
.published-from-to input {
   display: block !important;
}
/*End fix for coveo upgrade*/
/*Begin for search page date placeholder*/
input.hasDatepicker::placeholder {
    color: #67768b;
}
/*End for search page date placeholder*/
/*start to show the facet when no result*/
.CoveoSearchInterface .coveo-facet-column.coveo-no-results {
    display: inline;
}
/*End to show the facet when no result*/
/* coveo enhancement style start here*/


.search-page #user-profile, .search-page #language-btn-wrapper{
    line-height:2.2rem;
}

.frenchPlacaholder::placeholder {
  font-size:12px;
 }

@media(max-width:767px){
 .site-menu ul {
    padding-top:10px;
}
    .search-page .loggedIn.site-menu ul {
    margin-top:25px!important;
}
.search-page .site-menu ul{
     margin-top:15px;
}
.search-page .loggedIn.site-menu ul .default-menu{
    bottom:5px;
}
}

@media (min-width:768px) and (max-width:991px){
  .site-menu ul{
        margin-top:15px;
    }
.loggedIn.site-menu ul {
    margin-top:0px;
}
.search-page .loggedIn.site-menu ul {
    margin-top:10px!important;
}

header.search-page .loggedIn .menu-list{
     margin-top:10px!important;
}
}

@media(min-width:992px){
    .site-menu ul {
    padding-top:10px;
}
     .loggedIn.site-menu ul {
    padding-top:0px!important;
}
.search-page .site-menu ul {
    margin-top:15px;
}

header .loggedIn.site-menu ul #language-btn-wrapper{
margin-top: 15px!important;
}
header .loggedIn.site-menu ul #user-profile{
margin-bottom: 5px !important;
}
header.search-page .loggedIn.site-menu ul #user-profile{
margin-bottom: 20px !important;
}
header.search-page .loggedIn.site-menu ul  #language-btn-wrapper {
  margin-top:5px!important;
  margin-right:10px!important;
}
.site-menu ul  #language-btn-wrapper {
 
  margin-right:10px;
  margin-top:-1px;
}
header.search-page .loggedIn ul li.default-menu {
   
    margin-top:5px;
}
}

.loggedIn .search-main{
    margin-top:0!important;
}
.search-main{
    margin-top:10px;
}
@media(min-width:768px)
{
  .mbl-btn-apply{display:none;}
}

/* coveo enhancement style ends here*/

/*Start to IE conflict for exp editor*/

.ieconflict-exp-editor-ribbon{
    display:none!important
}

/*End for IE conflict for exp editor*/
/* Clear Button style on global search page */

.searchPageBtn #clear-filter {
color: #0173AF !important;
background-color: white;
}

.searchPageBtn #clear-filter:hover{
color: white !important;
background-color: #0173AF;
border-color: #0173AF;
}
/*END Clear Button style on global search page */
/*Sitecore Upgrade 9.3 changes for Coveo*/
.magic-box .magic-box-suggestions {
right: 40px !important;
}
.magic-box .magic-box-input .magic-box-underlay{
padding: 12px 12px !important;
}
@media (max-width: 767px) {
	main .CoveoSearchInterface .CoveoOmnibox{
	width: 100%;
    right: 0;
    position: absolute;
	}
	
	.magic-box .magic-box-suggestions {
	left : 10px !important;
	right: 10px !important;
	}
	}
	
@media (min-width: 768px) and (max-width:991px) {
.magic-box .magic-box-suggestions {
right: 30px !important;
}
}
/*END  Sitecore Upgrade 9.3 changes*/