/* Overridding settings */

/* to fix IE bug */
[type=color],
[type=date],
[type=datetime-local],
[type=datetime],
[type=email],
[type=month],
[type=number],
[type=password],
[type=search],
[type=tel],
[type=text],
[type=time],
[type=url],
[type=week],
textarea {
    height: auto;
}

/* General colours */
.black-bg {
  background-color: #444444 !important;
}
.grey-bg {
  background-color: #D6D6D6;
}
.light-grey-bg {
  background-color: #f5f5f5;
}
.lighter-grey-bg {
  background-color: #E5E5E5;
}
.dark-blue-bg {
  background-color: #004483;
}
.blue-bg {
  background-color: #1180C4;
}
.light-blue-bg {
  background-color: #EBF1F5;
}
.white-bg {
  background-color: #FFFFFF !important;
}
.teal-bg {
  background-color: #7EDBE8 !important;
}
.darker-teal-bg {
  background-color: #1180C4;
}
.green-bg {
  background-color: #3FAE49 !important;
}
.light-green-bg {
  background-color: #CEEAD0;
}
.bleak-teal-bg {
  background-color: #E6F4E7;
}
.bleak-blue-teal-bg {
  background-color: #E5F0EA;
}
.bleak-blue-bg {
  background-color: #D8E5ED;
}

.gray-text {
  color: #757575 !important;
}
.blackish-text {
  color: #444444;
}
.white-text {
  color: #fff;
}
.darker-teal-text {
  color: #1180C4;
}
.dark-blue-text {
  color: #005689;
}

/* Helper styles */

.text-bold {
  font-weight: bold;
}

/* Customized Material Styles */

.color-success {
  color: #3FAE49 !important;
}

.bg-info {
  background-color: #1180C4 !important;
}
.color-info {
  color: #1180C4 !important;
}

body .sb-site-container {
  background-color:#fff;
}

.gmw-main-title-block .ms-hero-page-override {
  margin: 0;
}

.panel-group .panel-heading + .panel-collapse > .panel-body {
  border-top: none;
}

.ms-collapse .panel-success .panel-heading {
  background-color:#3FAE49;
  margin-bottom: 0;
}

.ms-collapse .panel .panel-heading .panel-title a::after {
  
  /* top: 2.2rem;
  content: "\f068";
   */
  display: inline-block;
  top: 2.2rem;
  content: url(../img/close_blue.svg);

  width: 40px;
  height: 40px;  

}
.ms-collapse .panel .panel-heading .panel-title a.collapsed::after {
  
  -webkit-transform: none;
  transform: none;
  transition: none;

  /* top: 2.2rem;
  content: "\f067"; */

  display: inline-block;
  top: 2.2rem;
  content: url(../img/open_blue.svg);
  width: 40px;
  height:40px;
 
}


.ms-collapse .panel .panel-heading .panel-title--white-circle a::after {
  content: url(../img/close_white.svg);
}
.ms-collapse .panel .panel-heading .panel-title--white-circle a.collapsed::after {
  content: url(../img/open_white.svg);
}
.btn {
  margin: 0;
}

/* Customized checkboxes and radio buttons */
.checkbox .checkbox-material {
  top:-3px;
  }
  .checkbox .checkbox-material .check, 
  label.checkbox-inline .checkbox-material .check {
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    /* border: 2px solid rgba(82,177,86,.54); */
    background-color:transparent;
    box-shadow: 0px 2px 3px 0px rgba(60,60,60,.50) !important;
    border-radius: 2px;
    overflow: hidden;
    z-index: 1;
    margin-right: 8px;
  }
  
  .checkbox input[type=checkbox]:checked+.checkbox-material .check, 
  label.checkbox-inline input[type=checkbox]:checked+.checkbox-material .check {
    color: #3FAE49 !important;
    border-color: #3FAE49 !important;
  }

    
  .checkbox input[type=checkbox]:checked+.checkbox-material .check:before, 
  label.checkbox-inline input[type=checkbox]:checked+.checkbox-material .check:before
  {
    color: #3FAE49!important;
    box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0 32px 0 20px, -5px 5px 0 10px, 20px -12px 0 11px;
  }

   .checkbox-all .checkbox-material .check, 
   label.checkbox-inline .checkbox-material .check {
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    border: 2px solid #3FAE49;
    background-color:#3FAE49;
    box-shadow: 0px 2px 3px 0px rgba(60,60,60,.50) !important;
    border-radius: 2px;
    overflow: hidden;
    z-index: 1;
    margin-right: 8px;
  } 
    
  .checkbox-all input[type=checkbox]:checked+.checkbox-material .check, 
  label.checkbox-inline input[type=checkbox]:checked+.checkbox-material .check {
    color:#3FAE49 !important;
    border-color:#3FAE49 !important;
  }
  
  .checkbox-all input[type=checkbox]:checked+.checkbox-material .check:before, 
  label.checkbox-inline input[type=checkbox]:checked+.checkbox-material .check:before {
    color: #3FAE49 !important;
    box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0 32px 0 20px, -5px 5px 0 10px, 20px -12px 0 11px;
  }
   
  .checkbox label {
    font-size: 3rem;
    color: #575757;
  }
   
   .checkbox .checkbox-material:before, label.checkbox-inline .checkbox-material:before {
    top: 0px;
  }
  
  .radio input[type=radio][disabled]~.check, 
  .radio input[type=radio][disabled]~.circle, 
  label.radio-inline input[type=radio][disabled]~.check, 
  label.radio-inline input[type=radio][disabled]~.circle {
    opacity: 1;
  }
  
  .radio input[type=radio][disabled]~.circle, label.radio-inline input[type=radio][disabled]~.circle {
    border-color: inherit;
    background-color: #fff;
  }
  

/* Progress bar */

.progress .progress-bar.progress-bar-primary {
  background-color: #0054A4;
}

/* new generic styles to compliment Material Styles */

ul.grey-alt-bg > li:nth-of-type(2n+1) {
  background-color: #eee;
  padding-left: 20px;
}

ul.grey-alt-bg > li:nth-of-type(2n) {
  background-color: #fff;
  padding-left: 20px;
}

.checkbox label .checkbox-material {
  margin-right: 5px !important;
}
.agree-on-signup-block {
  display: flex;
}
.agree-on-signup-block input[type="checkbox"] {
  flex:1;
}
label > .agree-on-signup-text {
  font-size: 2rem;
  /* font-weight: 700; */
}

.dark-blue {
  color: #004483 !important;
}

.text-center {
  text-align: center;
}
.text-left {
  text-align: left;
}

.teal-survey-bg {
  background-color: #1180C4 !important;
  padding: 2em 3.5em 2em 5.5em;
  margin-bottom: 4rem;
}

/* Material Styles Design customized */

.panel > .panel-heading
{
  background-color: #E5E5E5;
}

.panel > .panel-heading.light-blue-bg
{
  background-color: #EBF1F5;
}

.panel {
  box-shadow: 0 2px 2px 0 rgba(0,0,0,.14),
              0 3px 1px -2px rgba(0,0,0,.2),
              0 1px 5px 0 rgba(0,0,0,.12) !important;
}

.bg-success {
  background-color: #3FAE49 !important;
}

.btn.btn-raised.btn-success, 
.btn-group-raised .btn.btn-success, 
.input-group-btn .btn.btn-raised.btn-success, 
.btn-group-raised .input-group-btn .btn.btn-success {
  background-color: #3FAE49 !important;
  color:#fff;
}
.container-fluid .jumbotron {
  box-shadow: 0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12) !important;
}
.card.card-success .card-header, .card.card-success .card-footer {
  background-color: #3FAE49;
}
.ms-hero-bg-primary:after {
  background-color:rgb(0, 85, 165);
}
.panel.panel-primary > .panel-heading {
  background-color:rgb(0, 85, 165);
}
.bg-primary {
  background-color: #005689 !important;
  color: #fff;
}
.btn.btn-raised.btn-primary {
  background-color: #004483;
  color: #fff;
}
.btn.btn-raised.btn-info {
  background-color: #1180C4;
  color: #fff;
}


/*  MHCC Healthcare styles starts  */ 

/* CSS custom props / vars  start */

:root {
  --main-text-color: #444444;    
  --t-shadow: 0px 3px #000000;
  --standard-border: 1px solid #444444;
  --standard-radius: 5px;
}

/* CSS custom props / vars  end */

/* General styles e.g standard wrappers etc* start */

.mhcc-wrapper {
  line-height: 1.2;
  font-size: 2.4rem;
 }

.mhcc-wrapper a:link,
.mhcc-wrapper a:active 
{
  text-decoration: underline;
}
.mhcc-wrapper a:hover,
.mhcc-wrapper a:focus 
{
  text-decoration: none;
}

.mhcc-wrapper .btn:link,
.mhcc-wrapper .btn:active,
.mhcc-wrapper .btn:hover,
.mhcc-wrapper .btn:focus  
{
  text-decoration: none;
}


 .mhcc-sec-page-outer {
   line-height: 1.5;
 }

 /* General styles e.g standard wrappers etc* end */ 

/* top bar - language links start */


.mhcc-top-bar ul {
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;
  /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
  /* NEW, Spec - Opera 12.1, Firefox 20+ */
  flex-direction: row;
  justify-content:space-between;
  -moz-justify-content:space-between;
  -ms-justify-content:space-between;
  -webkit-justify-content:space-between;
  align-items:center;
  -moz-align-items:center;
  -ms-align-items:center;
  -webkit-align-items:center;
  flex-wrap: wrap;
  padding:0;
  margin:0;
  background-color: #444444;
}
@media only screen and (min-width: 768px) { 
.mhcc-top-bar ul {
  padding:1rem;
  margin:0;
}
.mhcc-top-bar > ul > li:first-child { 
 padding-left: 0;
 margin-left: 0;
}
}

/* .mhcc-top-bar > ul > li:first-child span { 
 border: 1px red solid;
 
} */

.mhcc-top-bar > ul #right-link {
  margin-left: auto;
  padding-right: 0;
  margin-right: 0;
}
.mhcc-top-bar ul li a:focus, .mhcc-top-bar ul li a:hover {
  text-decoration: underline;
}
.mhcc-top-bar ul li a {
  color: #fff;
  padding: 2em 0 0 0;
}
/* top bar - language links end */

/* top navbar styles START */
.mhcc-nav {
  color:#fff;
  background-color: #3FAE49;
}
.navbar-nav {
  margin: 0;
}

/* Logo image and its description box starts */
.mhcc-logo-box {
  width: 100%;
  height: auto;
  display: flex;
  justify-content: space-between;
  background:transparent;
}

.mhcc-logo-img {
  width: 100%;
  max-width: 44px;
  min-width: 44px;
}

@media only screen and (min-width: 768px) { 
 .mhcc-logo-box {
  width: 65px;
  height: 65px;
  justify-content: center;
  align-items: center;
  background-color: #fff;
}
 .mhcc-logo-img {
  max-width: 44px;
  min-width: 44px;
}
}

@media only screen and (min-width: 992px) { 
 .mhcc-logo-box {
  width: 100px;
  height: 73px;
 }
 .mhcc-logo-img {
  max-width: 56px;
  min-width: 56px;
}
}
@media only screen and (min-width: 1200px) { 
 .mhcc-logo-box {
  width: 120px;
  height: 88px;
 }
 .mhcc-logo-img {
  max-width: 68px;
  min-width: 68px;
}
}

@media only screen and (min-width: 1920px) { 
 .mhcc-logo-box {
  width: 185px;
  height: 140px;
 }
 .mhcc-logo-img {
  max-width: 118px;
  min-width: 118px;
}
}

.mhcc-logo-desc {
  font-size: 3rem;
  display: inline-block;
  margin: 2rem 0;
  width: 100%;
  font-weight: 300;
  line-height: 1.125;
}

@media only screen and (min-width: 576px) { 
.mhcc-logo-desc {
  font-size: 2.2rem;
  margin: 2rem 0 2rem 2rem;
}
}

@media only screen and (min-width: 992px) { 
.mhcc-logo-desc {
  font-size: 2.7rem;
}

}

@media only screen and (min-width: 1200px) { 
.mhcc-logo-desc {
  font-size: 3.5rem;
}

}

@media only screen and (min-width: 1920px) { 
.mhcc-logo-desc {
  font-size: 5.6rem;
}

}

@media only screen and (min-width: 768px) {
.mhcc-navbar {
  margin-left: auto;
  max-height: 49px;
}

.mhcc-logo-desc-box {
  display: flex;
  justify-content: center;
  align-items: center;
}

}


/* Logo image and its description box ends */

@media only screen and (max-width: 570px) {
  .mhcc-nav {
    margin: 0 auto;
    padding: 2em 1em 0 1em;
    text-align: center;
    display: block;
  }
  .mhcc-nav ul {
    padding-bottom: 0;
    font-size: 1.5rem;
  }
  .mhcc-nav ul li a {
    color: #fff;
    padding: .5em !important;
    margin: 0;
  }
  
}


@media only screen and (min-width: 571px) and (max-width:768px) {
  .mhcc-nav {
    margin: 0 auto;
    padding: 2em 2em 0 2em;
    text-align: center;
    display: block;
  }
}


@media only screen and (min-width: 571px) {
.mhcc-nav ul,.mhcc-top-bar ul {
  font-size: 1.2rem;
  border: solid;
}
}

@media only screen and (max-width: 900px) {
  .navbar-nav > li.active {
    max-width: 180px;
    display: inline-block;
    padding:0 !important;
    margin:0 !important;
    text-align: left;
  }
}

@media only screen and (min-width: 992px) {
.mhcc-nav ul,.mhcc-top-bar ul {
  font-size: 1.5rem;
  border: solid;
}
}
@media only screen and (min-width: 1200px) {
.mhcc-nav ul,.mhcc-top-bar ul {
  font-size: 1.8rem;
  border: solid;
}
}


.navbar-nav li a:hover, .navbar-nav li a:focus {
  background-color: #fff!important;
  transition: background .3s;
  /* border-bottom: 2px solid #fff!important; */
  color: #000 !important;
}
.navbar .dropdown-menu {
  border-radius:0;
  padding:0;
  text-align: left !important;
}
.navbar .dropdown-menu li > a {
  background-color: #fff !important;
  color: #000 !important;
  text-align: left !important;
  margin:0 !important;
}
.navbar .dropdown-menu li > a:hover, .navbar .dropdown-menu li > a:focus {
  background-color: #fff !important;
  color: #000 !important;
  text-decoration: underline;
  border-bottom: none!important;
}
.navbar-nav > li.active a:hover, .navbar-nav > li.active a:focus {
  background-color: #fff !important;
  border-bottom: none!important;
  color: #000 !important;
}
/* For medium devices */
@media only screen and (min-width: 768px) {
  .mhcc-nav {
    display: -webkit-box;
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;
    /* TWEENER - IE 10 */
    display: -webkit-flex;
    /* NEW - Chrome */
    display: flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    /* justify-content: space-between; */
    align-content:center;
    -moz-align-content:center;
    -ms-align-content:center;
    -webkit-align-content:center;
    align-items:flex-end;
    -moz-align-items:flex-end;
    -ms-align-items:flex-end;
    -webkit-align-items:flex-end;
    flex-wrap: wrap;
    padding: 0 2em 0 0;
    margin:0;
    text-align: left;
  }
  
  .mhcc-nav ul {
    /* padding-top:1em; */
    padding-top:0;
    padding-bottom:0 !important;
    border: none !important;
  }
  .mhcc-nav ul li a {
    padding-left: 1em;
  } 
}
/* For larger devices*/
@media only screen and (min-width: 1200px) {
  .navbar .navbar-nav > li > a {
    padding-top: 15px;
    padding-bottom: 15px;
    height: 50px;
  }
}

/* top navbar styles END */



/* Home page starts */


/* main bg image */

.mhcc-main-bg {
  background-color:transparent;
  background-image:url(../img/Homepage_image.png);
  background-position:center center;
  background-size:cover;
  height: 800px;
}
.mhcc-main-title {
  font-size: 2rem;
}
/* Main title and dashboard login link */

.mhcc-secondary-bg {
  background-image:url(../img/dashboard_login_bkg@2x.png);
  background-position:center center;
  background-size:cover;
}

.mhcc-main-header {
  margin-top: 10rem;
  width: 90vw;
  max-width: 1468px;
}

.mhcc-main-title {
  font-size: 10.9rem;
}

@supports(--css: variables) {
  .mhcc-main-title {
  text-shadow: var(--t-shadow);
  }
}

.mhcc-main-subtitle {
  font-size: 3rem;
  width: 90vw;
  max-width: 1021px;
  text-align: center;
  padding: 0 2rem;
}

@media only screen and (min-width: 1260px) {
.mhcc-main-subtitle {
  width: 50vw;
  font-size: 4.5rem;
  padding: 0;
}
}

/* Intro text block starts */

.mhcc-main-intro-box > .card-hero > .card-block {
  padding: 4.5rem 5.6rem;
  line-height: 4.5rem;
}

/* intro text styling for mobile starts */

@media only screen and (max-width: 767px) {
  .mhcc-main-intro-box {
    margin-top: -40px !important;
  }
}
/* intro text styling for mobile ends */

/* intro text styling for larger devices starts */

.mhcc-main-intro-box > .card-hero {
  position: relative;
  margin-top: 4rem !important;
  margin-bottom: 0;
  font-size: 3.5rem;
  box-shadow: none;
}
@media only screen and (min-width: 768px) {
  .mhcc-main-intro-box {
    margin-bottom: 6rem;
  }
  .mhcc-main-intro-box > .card-hero {
    margin-top: -150px !important;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12);
    width: 90vw;
    max-width: 1453px;
    margin-left: auto;
    margin-right: auto;
  }
}
/* intro text styling for larger devices ends */

/* Intro text block ends */

/* Tools block starts */

.mhcc-tool-col > .card > .card-block {
padding-left: 3rem;
padding-right: 3rem;
padding-bottom: 4rem;
}

.mhcc-tools-block {
  width: 100vw;
  max-width: 100%;
}

.mhcc-tools-main-title {
  color: #575757;
}

.mhcc-tools-main-title
{
  font-size: 5rem;
}

.mhcc-tool-title
{
font-size: 5rem;  
margin-top: 0;
}

.mhcc-tools-row {
  position: relative;
  width: 100%;
}

.mhcc-tool-desc {
  font-size: 2rem;
  width: 100%;
  line-height: 1.5;
}

 .mhcc-tool-desc {
  color: #575757;
 }
@supports(--css: variables) {
    .mhcc-tool-desc {
      --main-text-color: #575757;
      color: var(--main-text-color);
    }
 }
 
.mhcc-tool-title-psychosocial-survey,
.mhcc-tool-desc-psychosocial-survey {
text-align: left;
}

.mhcc-tools-general-desc {
  font-size: 3.5rem;
  line-height: 1.5;
}

.mhcc-tool-btn > .btn {
font-size: 2rem;
font-weight: 700;
}

.mhcc-tool-psychosocial-survey-btn,
.mhcc-tool-org-review-btn
{
  margin-top: 2rem;
}

.mhcc-tool-psychosocial-survey-btn {
  display: flex;
}

.mhcc-tool-org-review-btn {
  display: flex;
  justify-content: flex-end;
}

.mhcc-tool-col {
    display: block;
    width: 100%;
  }

.mhcc-tools-img-block { 
  margin: 2rem auto;
  max-width: 250px;
  }

  .mhcc-tools-img { 
   max-width: 250px;
   max-height: 250px;
   height: 100%;
   border-radius: 50%;
  }

@media only screen and (min-width: 994px) { 

.mhcc-tool-title
{
font-size: 3.5rem;  
}

.mhcc-tool-desc {
  font-size: 1.6rem;
}

.mhcc-tool-col > .card > .card-block {
height:590px;
}

.mhcc-tool-container-block { 
    display: flex;
    flex-direction: column;
    height: 630px;
}

@supports (display: grid) {
.mhcc-tool-container-block {
    display: grid;
    grid-template-rows: minmax(10em, 14em);

    grid-row-gap: 1rem;
    height: auto;
 }
}

  .mhcc-tools-block {
    width: 90vw;
    max-width: 1453px;
  }


  .mhcc-tools-row { 
    display: flex;
    flex-wrap: wrap;
  }
  
  .mhcc-tool-col {
    max-width: 712px;
    flex: 1 1 33.66%;
  }

  .mhcc-tool-col:first-child {
    margin-right: 1.3rem;
  }
  .mhcc-tool-col:last-child {
    margin-left: 1.3rem;
  }
  
  .mhcc-tool-desc {
    width: 75%;
    padding: 0 1rem;
  }

  .mhcc-tool-title-org-review,
  .mhcc-tool-desc-org-review {
  text-align: right;
  margin-left: auto;
}

.mhcc-tools-img-block {
    position: absolute;
      top: 22%;
      left: 0;
      right: 0; 

      bottom: 10%;
      
      display:flex;
      justify-content:center;

      width: 350px;

      flex:1;
  }


.mhcc-tool-btn > .btn {
    font-size: 1.3rem;
}

}

@media only screen and (min-width: 1030px) { 

.mhcc-tool-title
{
min-height:120px;
}

@supports (display: grid) {
.mhcc-tool-container-block {
    grid-template-rows: minmax(10em, 14em);
 }
}

}


@media only screen and (min-width: 1270px) { 

.mhcc-tool-btn-container  { 
display: flex;
align-items: flex-end;
height: 100%;
min-height: 150px;
}

@supports (display: grid) {
.mhcc-tool-btn-container  { 
display: grid;
grid-template-columns: 1fr;
grid-auto-rows: auto;
height: auto;
min-height: auto;
}
}

.mhcc-tool-btn  {
flex: 1;
}
  
.mhcc-tool-desc {
    font-size: 2.4rem;
    max-width: 460px;
  }
  
 .mhcc-tools-img { 
   max-width: 350px;
   max-height: 350px;
  }


.mhcc-tool-btn > .btn {
  font-size: 2rem;
}  

}


@media only screen and (min-width: 1270px) { 
  .mhcc-tool-col > .card > .card-block {
  height:1046px;
  }
  .mhcc-tool-title
  {
  font-size: 5rem;  
  min-height:280px;
  }
  .mhcc-tools-img-block { 
    top: 28%;
    max-width: 350px;
  }

@supports (display: grid) {
.mhcc-tool-container-block {
    grid-template-rows: minmax(10em, 25em);
 }
}


}

@media only screen and (min-width: 1298px) { 
 
  .mhcc-tool-col > .card > .card-block {
height: 928px;
}
 .mhcc-tool-title
  {
  min-height: 200px;
  }
  .mhcc-tools-img-block { 
    top: 22%;
  }

@supports (display: grid) {
.mhcc-tool-container-block {
    grid-template-rows: minmax(10em, 24em);
 }
}  

}

@media only screen and (min-width: 1341px) { 

.mhcc-tool-col > .card > .card-block {
height: 855px;
}

.mhcc-tool-title
  {
  min-height: 172px;
  }

@supports (display: grid) {
.mhcc-tool-container-block {
    grid-template-rows: minmax(10em, 22em);
 }
}

}


/* Tools block ends */

/* Partners logos block starts */
.partners-logos-wrapper {
  border-top: 23.3px solid #004483;
}
.partners-logos-block {
 display: flex;
 justify-content: space-between;
 justify-content: space-evenly;
 flex-wrap: wrap;
 width: 81vw;
 max-width: 1992px;
 }
 
 .partners-logo {
  width: 100%;
  max-width:100%;
  height: 110px;
}

.healthcare-can-logo {
  max-width: 267px;
}
.phsh-logo {
  max-width: 350px;
}
.mhcc-logo {
  max-width: 333px;
}
.phs-logo {
  max-width: 135px;
}
.ccohs-logo {
  max-width: 218px;
}
/* Partners logos block ends */

/* Home page ends */

/* Secondary pages start */

/* Re-usable components */

/* Helper classes */

.st-border {
  border: 1px solid #444444;
}
.st-border-left-right {
  border-left: 1px solid #444444;
  border-right: 1px solid #444444;
}
.st-radius {
  border-radius: 5px;
}

@supports(--css: variables) {
.st-border {
  border: var(--standard-border);
}
.st-radius {
  border-radius: var(--standard-radius);
}
}
.border-bottom {
  border-bottom: 3px solid transparent; 
}
.border-bottom--blue {
  border-bottom-color: #1180C4; 
}


/* Main title and icon */

.sec-page-main-header {
  padding: 1.5rem;
  height: auto;
}

@media only screen and (min-width: 576px) { 
    .sec-page-main-header {
       min-height: 94px;
    }
}

@media only screen and (min-width: 992px) { 
    .sec-page-main-header {
       padding: 3.5rem;
       min-height: 122px;
    }
}
@media only screen and (min-width: 1200px) { 
    .sec-page-main-header {
       padding: 4rem;
       min-height: 148px;
    }
}

@media only screen and (min-width: 1920px) { 
    .sec-page-main-header {
       min-height: 235px;
    }
}


.main-title-icon-wrapper {
display: flex;
justify-content: center;
flex-wrap: wrap;
margin-left: auto;
margin-right: auto;
width: 76.3vw;
}
.main-title-icon-wrapper__title {
  flex: 1 1 0;
  max-width: 1150px;
}

.main-title-icon-wrapper__icon {
  display: inline-block;
  margin-left: 8vw;
  min-width:148px;
  max-width: 148px;
} 

.main-title-icon {
max-width: 100%; 
height: 148px; 
width: 148px;
}

.sec-page-main-title {
font-weight: 700;
margin-left: 0;
}

@media only screen and (min-width: 1800px) { 
.sec-page-main-title {
margin-left: 6.35vw;
}   
}

.sec-page-main-title--steps {
font-weight: 700;
}


.sec-page-main-title--weight-medium {
  font-weight: 400;
 }

.sec-page-lead-text--light-blue {
  color: #0054A4;
 }

 .sec-page-main-title--dark-blue {
  color: #005689;
 }

.sec-page-main-title--dark-teal {
  color: #1180C4;
 }

 .sec-page-main-title--extra-big {
  font-size: 8rem;
  }
 
.sec-page-main-header > .sec-page-main-title--big {
  font-size: 4rem;
  }

   @media only screen and (min-width: 576px) { 
  .sec-page-main-header > .sec-page-main-title--big {
  max-width: 100%;
  }
  }
 
  @media only screen and (min-width: 992px) { 
  .sec-page-main-header > .sec-page-main-title--big {
  font-size: 6rem;
  }
  }
  
  /* @media only screen and (min-width: 1500px) { 
  .sec-page-main-header > .sec-page-main-title--big {
  font-size: 6rem;
  }
  } */


 .sec-page-main-title--big {
  font-size: 6rem;
  }

 .sec-page-main-title--small {
    font-size: 5rem;
  }  

.sec-page-lead-text {
  line-height: 1.2;
}

.sec-page-lead-text--big {
  font-size: 4rem;
}
.sec-page-lead-text--medium {
  font-size: 3.5rem;
}
.sec-page-lead-text--small {
  font-size: 2.4rem;
}

.sec-page-lead-text--dark-blue {
  color: #005689;
}

.sec-page-lead-text--margin {
  margin-left: 6.35vw;
}
.sec-page-lead-text--line-height-big {
line-height: 1.5;
}

/* Circled numbers */

.numberCircle span {
  display:inline-block;
  padding-top:50%;
  padding-bottom:50%;
  margin-left:10px;
  margin-right:8px;
  font-weight: 700;
}


/* Customized Material Styles / Tabs start */

.tabs-wrapper > .nav.nav-tabs li a {
  font-weight: 700;
  padding: 1.7rem 2.1rem;
  color: #fff !important;
  text-decoration: none !important; 
  min-width: 85px;
 }  
 .nav.nav-tabs-primary {
 background-color: #005689;
 }

 .tabs-wrapper > .nav.nav-tabs li.active a {
  color: #005689 !important;
  background: #fff !important; 
 }

 .tabs-wrapper > .nav-tabs > li > a {
  border-radius: 0;
 }

 .tabs-wrapper > .nav.nav-tabs .ms-tabs-indicator {
  transition: none;
  height: 0;
  background-color: transparent;
  }

  @media only screen and (min-width:1841px) {
  .tabs-wrapper > .nav.nav-tabs .ms-tabs-indicator {
  transition:none!important;
  height: 1.2rem;
  top:6.7rem;
  background-color: #05A580;
  } 
}

/* Tabs styles in Reports start */

.tabs-wrapper-reports-width {
  max-width: 1190px;
}

.tabs-wrapper.tabs-wrapper-reports-width > .nav.nav-tabs li a {
  padding: 1.7rem 1.4rem;
  min-width: 75px;
}

@media only screen and (min-width:1369px) {
  .tabs-wrapper.tabs-wrapper-reports-width > .nav.nav-tabs .ms-tabs-indicator {
  transition:none!important;
  height: 1.2rem;
  top:6.7rem;
  background-color: #05A580;
  } 
 }



/* Tabs styles in Reports end */  

/* Customized Material Styles / Tabs end */

/* Six Steps navigation styles start */

.steps-nav-list-wrapper
{
  margin: 0 auto;
  width: 76.3vw;
  max-width: 2000px;
  }
  
  .steps-nav-block {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  padding: 0;
  margin: 0;
  }
@media only screen and (min-width: 975px) {
.steps-nav-block {
  flex-wrap: nowrap;
  }
  }

.sec-page-main-header--steps {
  width: 100vw;
  margin-left: 50%;
  transform: translateX(-50%);
}    

  .steps-nav-block__item > .btn.active {
   cursor: default;
  }
  .steps-nav-block__item {
    flex:1 1 245px;
    max-width: 245px;
    padding:0;
    margin: 0 0.2rem 2rem 0;
  }
  .steps-nav-block__item > .btn { 
   text-transform: none;
  }

  .steps-nav-block__link {
   width: 100%;
   font-weight: 700;
   font-size: 2.4rem;
    }
  
.btn.steps-nav-block__link {
  border-radius:0;
}
  /* Six Steps navigation styles end */


/* Six Steps navigation styles start */

/* .steps-nav-list-wrapper
{
  margin: 0 auto;
  width: 81vw;
  max-width: 2000px;
  }
  
  .steps-nav-block {
  display: flex;
  flex-wrap: wrap;
  padding: 0;
  margin: 0;
  }
  .steps-nav-block__item > .btn.active {
   cursor: default;
  }
  .steps-nav-block__item {
    flex:1 1 237px;
    max-width: 237px;
    padding:0;
    margin: 0 0.2rem 2rem 0;
  }

  .steps-nav-block__link {
   width: 100%;
   font-weight: 700;
   font-size: 2.4rem;
    }
  
.btn.steps-nav-block__link {
  border-radius:0;
} */
  /* Six Steps navigation styles end */
 

  .mhcc-intro-content,
  .mhcc-inner-content,
  .how-to-use-inner-content
 {
  color: #444444;
}
  @media only screen and (min-width: 992px) {
 .mhcc-intro-content,
 .mhcc-inner-content
 {
 /* margin-left: 19rem; */
  margin-left: auto;
  margin-right: auto;
  width: 80.5vw;

  /* width: 75vw; */
  max-width: 2000px;
}

}



/* Flexbox-based boxes start */
.mhcc-card-header {
  display: flex;
  justify-content: center;
  align-items: center;
}
/* Flexbox-based boxes end */

/* About page */

.mhcc-about-intro-desc  
{
  font-size: 2.4rem;
}
.mhcc-about-intro-desc a 
{
  color:#3FAE49;
}

.sec-page-subtitle {
  font-size: 3.5rem;
}
.mhcc-partners-main-title {
  font-size: 6rem;
  margin-left: 7vw;
}

@media only screen and (min-width: 991px) {
.mhcc-partner-wrapper {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  max-width:2000px;
}

.mhcc-partner-box {
  display: flex;
  justify-content: center;
 
  flex:1 0 50%;
  min-width:511px;
  max-width: 50%;
  min-height: 624px;
  max-height: auto;

  padding: 0 1.5rem;
}
}



.mhcc-partner-box a
{
  text-decoration: underline;
  color: currentColor;
}
.mhcc-partner-box a:hover,
.mhcc-partner-box a:focus
{
  text-decoration: none;
}

.mhcc-partner-box .card {
  min-height: 620px;
  max-height: 100%;
}

.mhcc-partners-bg {
  background-color:#3FAE49; 
}

.mhcc-partner-logo {
  display: flex;
  align-items: center;
  justify-content: center;
  padding:0;
  margin:0;
  height: 180px;
  max-height:100%;
}

.mhcc-partner-logo-img {
  max-height: 100%; 
}

@media only screen and (min-width: 991px) {
 .mhcc-partner-logo-img {
  max-width: 400px;
  width:400px;
 }
}
 /* .mhcc-partner {
  margin: -30px 0 0 0;  
} */

.healthcare-can-partner {
  max-width: 396px; 
}
.phs-partner {
  max-width: 308px;  
}
.ccohs-partner {
  max-width: 310px; 
}

/* Resources page */

.mhcc-resources-block {
  width:100%;
  max-width: 1500px;
  padding: 0;
}

.mhcc-resources-block-header {
  min-height: 181px;
  max-height: 10vh;
}

.mhcc-resources-block-title {
font-size: 3rem;
}

@media only screen and (min-width: 614px) { 
  .mhcc-resources-block-title {
  font-size: 3.5rem;
}
}
@media only screen and (min-width: 1200px) { 
  .mhcc-resources-block-title {
  font-size: 3.5rem;
}
}
@media only screen and (min-width: 1600px) { 
  .mhcc-resources-block-title {
  font-size: 4.5rem;
}
}

.mhcc-resources-box {
  max-width: 800px;
}

.mhcc-resources-container-buttons {
  display: flex;
  justify-content: center;
  width: 100%;
}
.mhcc-resources-container-buttons > .btn {
  font-weight: 700;
  font-size: 1.8rem;
  text-align: center;
  width: 100%;
 } 

 .mhcc-resources-container-button {
  display: block;
  margin-left: auto;
  margin-right: auto; 
  width: 100%;
}

@media only screen and (min-width: 500px) { 

  .mhcc-resources-container-buttons > .btn {
    width: auto;
    padding: 8px 1rem;
   } 

  .mhcc-resources-container-buttons {
  justify-content: flex-end;
}

.mhcc-resources-container-button {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 136px;
  max-width: 100%;
  text-align: center;
}
.mhcc-resources-container-button {
  margin: 0 0 0 2rem;
}
}

@media only screen and (min-width: 1482px) {
  
  .flex-box-wrapper {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    max-width:2000px;
  }
  
 .flex-box-block {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    padding: 0 1.5rem;
  }
  .flex-box-block--two-col {
    flex:1 0 50%;
    max-width:50%;
  }
  
  @supports (display: grid) {
    .mhcc-resources-container {
      display: grid;
      grid-template-rows: minmax(5em, 10em) 1fr;
      grid-row-gap: 1rem;
    }
  }

}


/* FAQs page */

.mhcc-faqs-block {
  font-size: 2.4rem;
}

.ms-collapse .panel .panel-heading a:hover, 
.ms-collapse .panel .panel-heading a:focus
  {
    box-shadow: 0 2px 2px 0 rgba(87, 87, 87, .14),
    0 3px 1px -2px rgba(87, 87, 87, .12),
    0 1px 5px 0 rgba(87, 87, 87, .12);
  }

.panel-title a:link,
.panel-title a:active 
{
  text-decoration: none;
}
.panel-title a:hover,
.panel-title a:focus 
{
  text-decoration: underline;
}

.ms-collapse .panel .panel-heading .panel-title a {
  color: #575757;
  font-size: 3.5rem;
  padding: 2rem 3em 2rem 2rem;
  /*padding: 2rem 3.5rem;*/
  line-height: 1.2;
}

.ms-collapse .panel .panel-heading.light-blue-bg .panel-title a {
  color: #0054A4;
}

.ms-collapse .panel .panel-heading.dark-blue-text .panel-title a {
  color: #005689;
}

.ms-collapse .panel .panel-heading .panel-title a.pad-left {
  padding-left: 5.5rem;
}

.ms-collapse .panel .panel-heading .panel-title a.big-text {
  font-size: 5rem;
}

/* Sign Up page */

@media only screen and (min-width: 698px) { 
  .mhcc-intro-signup-content {
    margin-bottom: 10rem;
    }
}

/* Steps 1 - 6 pages start */
.steps-intro-wrapper
{
  margin-left: auto;
  margin-right: auto;
  width: 76.3vw;
  max-width: 2000px;
  }

/* Step 1 - Understand factors */

.tabs-wrapper--width {
  max-width: 1423px;
}

.step-1-tabs {
margin-bottom:1.2rem;
}

.step-1-tab-content {
font-size: 3.5rem;
line-height: 4.5rem;
}

/* Step 2 - Create Plan */

.mhcc-create-plan-block {
  min-height: auto;
}

.mhcc-create-plan-block-header {
min-height: 320px;
}

.create-plan-header > .create-plan-title {
  font-size: 6rem;
  font-weight: 700;
}

.mhcc-flex-create-plan-step { 
display: block;
width: 100%;
}


.create-plan-thank-you-icon {
  max-width: 100%; 
  height: 198px; 
  width: 198px;
  }

  .create-plan-send-reminder-icon {
    max-width: 100%; 
    height: 117px; 
    width: 141px;
    }



@media only screen and (min-width: 991px) {

 .mhcc-create-plan-block
{
    display: flex;
    flex-direction: column;
    height: 100%;
  }
  
  .mhcc-flex-create-plan-step
  {
    flex:1 0 480px;
    max-width: 480px;
    margin-bottom: 2rem;
  }

  .create-plan-container-block--icon > .icon-wrapper {
    display: flex;
    justify-content: flex-end;
  }
 
  @supports (display: grid) {

  .create-plan-container-block  {
    display: grid;
    grid-template-rows: minmax(10em, 25.1em) 1fr;
    grid-row-gap: 1rem;
  }
 .create-plan-container-block--just-text  {
    display: grid;
    grid-template-rows: minmax(10em, 25.55em) 1fr;
    grid-row-gap: 1rem;
  }
  .create-plan-container-block--shorter  {
    display: grid;
    grid-template-rows: minmax(10em, 23.8em) 1fr;
    grid-row-gap: 1rem;
  }
  
  
  .create-plan-container-block--send-reminder  {
    display: grid;
    grid-template-rows: minmax(10em, 20em) 1fr;
    grid-row-gap: 1rem;
  }

 @media screen and (min-width: 1789px) { 
.create-plan-container-block--send-reminder  {
    grid-template-rows: minmax(10em, 21.9em) 1fr;
  }
}



.create-plan-container-block--thankyou-shorter {
    display: grid;
    justify-content: end;
    grid-template-rows: minmax(10em, 17.3em) 1fr;
    grid-row-gap: 1rem;
  }

 .create-plan-container-block--reminder-icon {
    display: grid;
    justify-content: end;
    grid-template-rows: minmax(15em, 41.8em) 1fr;
    grid-row-gap: 1rem;
  }


}

}


/* Step 4 - Review and survey */

.review-survey-header  { 
 margin-left: auto;
 margin-right: auto;
 /* width: 79vw; */
}

.review-survey-header > .review-survey-title {
  font-size: 6rem;
  font-weight: 700;
  width: 79vw;
  max-width: 1174px; 
}

.step-4-img { 
  max-width:100%;
  width:258px;
  height:258px;
}

.review-survey-flexbox-wrapper {
  display: block;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.review-survey-flexbox-block {
    display: block;
    width:100%;
    margin-left: auto;
    margin-right: auto;
    padding: 0 1.5rem;
  }

@media only screen and (min-width: 1200px) {
  .review-survey-flexbox-wrapper {
    display: flex;
    justify-content: space-evenly;
    flex-wrap: wrap;
    width:76.3vw;
    max-width:2000px;
    margin-left: 0;
    margin-right:0;

  }
  .review-survey-flexbox-block {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    flex:1 0 50%;
    max-width: 35vw;
    
    padding: 0 1.5rem;
  }

}

@media only screen and (min-width: 1920px) {
  .review-survey-flexbox-block {
    max-width: 698px;
  }

}

/* Steps 6 - Evaluate */

@media only screen and (min-width: 1538px) {
.flex-box-wrapper--flex-start {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  width:100%;
  max-width:2000px;
}
.flex-box-block-evaluate {
    flex:1 0 50%;
    max-width: 698px;
    max-height: 100%;
    padding: 0 1.5rem;
}
.flex-box-block-evaluate > .card {
  min-height: 622px;
}

@supports (display: grid) {
  .step-6-boxes-container {
  display: grid;
  grid-template-rows: minmax(5em, 15em) 1fr;
  grid-row-gap: 1rem;
  }
  }

}

/* Steps 1 - 6 pages end */

/* Dasboard Home / Edit My Info / Create My Info  - start */

.mhcc-secondary-bg.dashboard-main-container {
  margin-top: -8rem;
}

.dashboard-main-header {
  min-height:322px;
  max-height:100vh;
  border: 1px solid transparent;
  line-height: 1.125;
  padding-bottom: 6rem;
}

.nav-survey-buttons {
  margin: 2rem auto 0 auto;
  width: 100%;
}

.nav-survey-buttons > ul > li {
  padding-left: 5px;
  padding-right: 5px; 
  margin-bottom: 2rem;
  
}

.nav-survey-buttons > ul > li a.btn {
  padding: 3rem;
  font-size: 3.5rem;
  text-transform: none;
  white-space: initial;
}

@media only screen and (min-width: 768px) {
.nav-survey-buttons > ul > li a.btn {
  font-size: 2vw;
  white-space: nowrap;
}
}

@media only screen and (min-width: 958px) {
.dashboard-main-header {
  padding-bottom: 0;
}

.nav-survey-buttons {
  margin: -2rem auto 0 auto;
}

.nav-survey-buttons > ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 0 auto; 
 }

}

@media only screen and (min-width: 1251px) {
.nav-survey-buttons {
  margin: -5rem auto 0 auto;
}
}
@media only screen and (min-width: 1282px) {

.nav-survey-buttons > ul > li {
  display: flex;
  width:100%;
  
  width: auto;
  min-width: 404px;
  max-width: 512px;
}

.nav-survey-buttons > ul > li a.btn {
  padding: 3rem 1.5rem;
  
  min-width: 20vw;
  max-width: 512px;
 
}
}

@media only screen and (min-width: 1809px) {

.nav-survey-buttons > ul > li a.btn {
  font-size: 3.5rem;
}
}

.nav-survey-buttons .btn.btn-raised:not(.btn-link) {
  box-shadow: none;
}

.nav-survey-buttons .btn.btn-raised:not(.btn-link):hover,
.nav-survey-buttons .btn.btn-raised:not(.btn-link):focus
{
box-shadow: 0 2px 2px 0 rgb(63, 174, 73),0 3px 1px -2px rgb(31,87,36),0 1px 5px 0 rgb(31,87,36);
}


.nav-survey-buttons .btn.btn-raised.active.btn-default:not(.btn-link) {
  color:#005689;
}
.nav-survey-buttons .btn.btn-raised:not(.btn-link).active, .nav-survey-buttons .btn.btn-raised:not(.btn-link).active:hover, .nav-survey-buttons .btn.btn-raised:not(.btn-link):active, .nav-survey-buttons .btn.btn-raised:not(.btn-link):active:hover {
  box-shadow:none;
  background: #fff;
  font-weight:700;
}

.dashboard-main-container__inner-wrapper {
  padding-top: 8rem;
  width: 900px;
  max-width: 100%;
}

/* Customized Material Styles / Tabs start */
.dashboard-tabs-wrapper > .nav.nav-tabs  { 
height: 100%;
margin:0;
}
/* dashboard-tabs */

.dashboard-tabs-wrapper > .nav.nav-tabs li  { 
  padding:0;
  margin: 0;
  width:100%;
  border-right: 1px solid white;
}

.dashboard-tabs-wrapper > .nav.nav-tabs li a {
  font-weight: 700;
  padding: 0;
  
  color: #fff !important;
  text-decoration: none !important; 
  
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  
  height: 90px; 
  margin: 0 auto;
  text-align: center;
  
  
 }  
 
 .dashboard-tabs-wrapper > .nav.nav-tabs li.active a {
  background: #3FAE49 !important; 
  width: 100%;
  }

 .dashboard-tabs-wrapper > .nav-tabs > li > a {
  border-radius: 0;
 }

 .dashboard-tabs-wrapper > .nav.nav-tabs .ms-tabs-indicator {
  transition: none;
  height: 0;
  background-color: transparent;
  }
 

/* Customized Material Styles / Tabs end */



.dashboard-tabs-wrapper {
  max-width: 1495px;
}

.dashboard-tabs {
margin-bottom:1.2rem;
}

.dashboard-tabs .dashboard-tabs-item {
  width: 294px;
}
.dashboard-tab-content {
font-size: 3.5rem;
line-height: 4.5rem;
}

.bars-main-content {
  font-size: 2.4rem;
  margin-left: 2.5rem;
  margin-right: 2.5rem;
  margin-bottom: 2.5rem;
  background-color: white;
}

.bars-main-content a
{
  /* color: currentColor; */
  color: #3FAE49;
}

.bars-main-content ol {
  font-weight:400;
}
.bars-main-content ol > li { 
padding-bottom: 3.5rem;
}

.bars-main-content ul.inner-listing {
  margin: 10px 0 10px 0;
  font-weight: 400;
}
.bars-main-content ul.inner-listing li {
  color: #757575;
  padding-bottom: .5rem;
}


/* Dasboard Home / Edit My Info / Create My Info  - end */

/* Terms / Conditions */

.terms-content a {
  color: #3FAE49;
}

/* How to Use page */

@media only screen and (min-width: 576px) {
 .how-to-use-inner-content
 {
  margin-left: 2rem;
  margin-right: 2rem;
 }
}

@media only screen and (min-width: 992px) {
 .how-to-use-inner-content {
  margin-left: auto;
  margin-right: auto;
  width: 82.5vw;
  max-width: 2000px;
}
}

.how-to-use-subheader {
    margin-left: 2rem;
    margin-right: 2rem;
    width: 100%;
}

@media only screen and (min-width: 576px) { 
    
.how-to-use-subheader {
    margin-left: 0;
    margin-right: 0;
}
}
@media only screen and (min-width: 992px) { 
.how-to-use-subheader {
    margin-left: 1.5rem;
}
}

.how-to-use-subheader > .how-to-use-subheader__title {
 font-size: 2.1rem;
 padding: 0 1em 0 0;
}


  .how-to-use-block { 
  display: block;
  margin: 0 auto;
  width: 90%;
 }

.how-to-use-icon-wrapper {
        height: 276px;
        max-width:100%;
        width: 334px;

        display: flex;
        justify-content: center;
        align-items: center;

    } 

.how-to-use-icon {
  flex: 1;
  width: 214px; 
  height: 214px; 
  max-width: 100%;
}


.how-to-use-numberCircle-block {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 118px;
}

.how-to-use-numberCircle-block > .numberCircle {
  display:inline-block;
  line-height:0px;
  border-radius:50%;
  border:none;
  color: white;
  padding: 1rem;
  margin-left: 1rem;
  margin-right: 1rem;
  font-weight: 600;
  font-size: 1em;
}
 .how-to-use-caption {
    font-size: 2rem;
    }  


.how-to-use-wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    max-width: 2000px;
    width: 100%;
}
  

.how-to-use-card {
    min-height: 277px;
    max-height: 100%;
    line-height: 1.2;
    width: 100%;
  }

@media only screen and (min-width: 576px) {

 .how-to-use-block {
      display: flex;
      justify-content: center;
      padding: 0;
      flex:1 0 50%;
      width: 50%;
    } 

  .how-to-use-icon-wrapper {
    height: 111px;
    width: 135px;
    max-width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    } 
  .how-to-use-icon {
  flex: 1;
  max-width: 100%; 
  height: 86px; 
  width: 86px;
}


.how-to-use-numberCircle-block > .numberCircle {
  font-size: 0.8em;
}

    .how-to-use-caption {
    font-size: 1.7rem;
    width: 122px;
    margin: 0 auto;
    }    
}

@media only screen and (min-width: 768px) {
   .how-to-use-block {
      flex:1 1 33%;
      width: 33%;
    } 
    .how-to-use-card {
    max-width: 250px;
  }
}

@media only screen and (min-width: 992px) {
   .how-to-use-card {
    width: 90%;   
    max-width: 290px;
  }
  
    .how-to-use-icon-wrapper {
    height: 143px;
    width: 173px;
    } 
  .how-to-use-icon {
  height: 111px; 
  width: 111px;
}
 .how-to-use-caption {
    font-size: 2.3rem;
    width: 166px;
    }   
}

@media only screen and (min-width: 1200px) { 
 .how-to-use-subheader__title {
    font-size: 2.1rem;
    }
 .how-to-use-icon-wrapper {
    height: 173px;
    width: 209px;
    }     
 .how-to-use-icon {
  height: 134px; 
  width: 134px;
}   
.how-to-use-card {
    max-width: 340px;
    width: 90%;
  }

.how-to-use-numberCircle-block > .numberCircle {
  font-size: 0.85em;
}  
.how-to-use-caption {
    font-size: 3rem;
    width: 216px;
    }  

}

@media only screen and (min-width: 1490px) { 
  .how-to-use-subheader > .how-to-use-subheader__title {
    font-size: 3.2rem;
    }
    .how-to-use-card {
        max-width: 464px;
    }

  .how-to-use-icon-wrapper {
        height: 276px;
        width: 309px;
    } 

    .how-to-use-icon {
    height: 220px; 
    width: 220px;
    }   
    .how-to-use-numberCircle-block > .numberCircle {
    font-size: 1.8em;
}  
    .how-to-use-caption {
    font-size: 4rem;
    width: 300px;
    } 
}

@media only screen and (min-width: 1920px) { 
  .how-to-use-subheader__title {
    font-size: 3.5rem;
    }
    .how-to-use-card {
        width: 100%;
        max-width: 494px;
    }


  .how-to-use-icon-wrapper {
        height: 276px;
        width: 334px;
    } 


    .how-to-use-icon {
    height: 214px; 
    width: 214px;
    }   
    .how-to-use-numberCircle-block > .numberCircle {
    font-size: 2.1em;
}  
    .how-to-use-caption {
    font-size: 5rem;
    width: 375px;
    } 
}
  

  .how-to-use-card:hover, 
  .how-to-use-card:focus
  {
    box-shadow: 0 2px 2px 0 rgb(0, 86, 137),
    0 3px 1px -2px rgb(0, 86, 137),
    0 1px 5px 0 rgb(0, 86, 137);
    text-decoration: none;
    }

    .how-to-use-card a:link,
    .how-to-use-card a:active,
    .how-to-use-card a:visited
    { 
     text-decoration: none;

    }   

/* Survey pages styles start */

.survey-desc-wrapper {
 width: 80vw;
 max-width: 1182px;
 margin-left: auto;
 margin-right: auto;
}

/* Survey Reports main header links */

.survey-reports-intro a {
  color:inherit;
}
.survey-reports-intro a:link,
.survey-reports-intro a:active,
.survey-reports-intro a:visited
{
  text-decoration: none;
}
.survey-reports-intro a:hover,
.survey-reports-intro a:focus
{
  text-decoration: underline;
}

@media only screen and (min-width: 1482px) {
  .generated-report-box {
    min-height: 739px;
  }
  
  @supports (display: grid) {
    .grid-generated-report {
      display: grid;
      grid-template-rows: minmax(8em, 17em) 1fr;
      grid-row-gap: 1rem;
    }
  }

}


/* Survey pages styles end */

/* Secondary pages end */




/* Standard footer styles start */

.mhcc-footer-wrapper {
  padding:0;
  line-height: 1.5;
  font-size: 1.6rem;
}
.mhcc-footer-block {
  display: flex;
  justify-content: space-around; 
  flex-wrap: wrap;
  width: 85vw;

}
.mhcc-footer-content {
  max-width: 755px;
}
.mhcc-footer-content-terms {
  font-size: 2rem;
  display: flex;
}
.mhcc-footer-content ul li a {
  padding: 0 0.5rem;
  width: 100%;
  color: #fff;
}
.mhcc-footer-content ul li:nth-of-type(2) {
  border-left: 1px white solid;
}
.mhcc-footer-content ul li, 
.mhcc-footer-content ul li a, 
.mhcc-footer-content ul li a:link, 
.mhcc-footer-content ul li a:focus, 
.mhcc-footer-content ul li a:hover, 
.mhcc-footer-content ul li a:visited {
  color:#fff;
}
.mhcc-footer-content ul li a:hover {
  text-decoration: underline;
}

/* Standard footer styles end */

 /*  MHCC Healthcare styles ends  */

/* Tools section starts */

.mhcc-tools-block {
  background-color:transparent;
}

/* Tools section ends */

/* Secondary pages */

/* Login / Register form styles starts */

.ms-collapse .panel-info .panel-heading {
  background-color: #1180C4;
}
.survey-thankyou-wrapper {
  max-width: 1036px;
  display: flex;
  align-items: center;
}
.survey-thankyou-block {
  max-width: 964px;
  min-width: 100%;
}
.survey-thankyou-img-block {
  display: flex;
  justify-content: center;
  align-items: center;
  
  background-color: #fff;
  border-radius: 50%;
  width: 155px;
  height: 155px;
  margin: 6rem auto 2rem auto;

}
.survey-thankyou-img {
  max-width: 100%;
  width: 142px;
  height: 142px;
}

.survey-thankyou-desc {
  font-size: 4rem;
  font-weight: 300;
  max-width: 769px;
  margin: 0 auto 4rem auto;
}

.signup-thankyou-paragraph {
  color:#565655;
  width:65%;
  margin:2% auto 0 auto;
  font-weight:bold;
}
.signup-thankyou-greenbox {
  width:20%;
  margin:2% auto 0 auto;
  background:#3FAE49;
  padding:2% 4%;
  color:white;
  text-align:center;
  font-size:115% 
}