@charset "utf-8";
body {
  touch-action: pan-y !important;
}
#canrisk{border:1px solid #ccc;background-color:#fff;max-width:762px;padding:0px;margin-top:20px;margin-left:10%;}
#canrisk .tab-content {
  overflow: hidden;
}
@media print{#canrisk{margin:auto;}
ol.breadcrumb{display:none;}
#canrisk-navigation{display:none;}
}
div.canrisk-row{display:table;margin:inherit;}
div.canrisk-row-center{display:table;margin:auto;}
div.canrisk-row,
div.canrisk-row-center,
div.canrisk-row-flex {
 margin-left: -10px;
 margin-right: -10px;
}
div.canrisk-row-center,
div.canrisk-row-flex {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
div.canrisk-row-center-full{display:table;margin:auto;width:100%;}
div.canrisk-col{display:inline-block;margin:10px;vertical-align:top;}
div.canrisk-row-center-full div.canrisk-col:first-child{display:table-cell;text-align:left;}
div.canrisk-row-center-full div.canrisk-col:last-child{display:table-cell;text-align:right;}
input.error{border:1px solid red;}
span.error{display:block;color:#f00;}
#canrisk header{padding:8px;}
#canrisk header h1{border-bottom:none;}
span.diabetes-title{color:#515151;font-weight:bold;margin-bottom:0px;font-size:55%;}
h1.are-you-at-risk{color:#545454;padding-top:8px;background:none;font-size:190%;}
#canrisk nav{margin-bottom:30px;padding:0 8px;}
#canrisk .nav-tabs > li {margin-bottom: -1px;}
#canrisk article{padding:0px 8px;margin-bottom:0px;width: 100%;}
span.distinguish{color:#bf2e1a;}
h2.subtitle{color:#545454;font-size:125%;font-weight:bold;}
h3.subtitle{padding:8px;margin:0;font-weight:bold;}
.risk-score-shell{width:500px;}
.warning{width:300px;}
.hidden{display:none;}
.center{text-align:center;}
.noformat{display:block;color:#333;font-size:90%;margin:8px 0px;font-weight:normal;}
.container-fluid{margin-bottom:20px;margin-top:20px;}
div#step-map{background-color:#ccc;border:1px solid #ccc;border-radius:5px;width:340px;height:35px;padding:5px 5px 5px 10px;margin:-10px auto 0 80px;}
span.step-index{display:inline-block;background-color:green;border:1px solid green;border-radius:50%;width:25px;height:25px;margin:auto 2px;}
section#questionnaire h1.title{text-transform:uppercase;height:200px;margin:25px auto;border-bottom:0px;font-size:130%;font-weight:normal;color:#666;}
section#questionnaire h1 span.large{font-size:160%;font-weight:bold;padding-top:8px;display:block;}
section#questionnaire h3{font-size:100%;color:#333; font-weight: bold;}
div#splash-content, div#start-content, div#gender-content, div#age-content, div#bmi-content, div#waist-content, div#lifestyle-content, div#blood-pressure-content,
div#blood-sugar-content, div#pregnancy-content, div#family-content, div#parents-content, div#education-content{display:none;}
div#previous-next{margin:30px auto;}
div#gender-male,
div#gender-female{background: transparent;}
div#age div.background{display:inline-block;margin-top:90px !important;margin-left:125px !important;border:1px solid #ccc;background-color:#fff;margin:auto;width:476px;padding:20px;opacity:0.95}
div#age p label{width:300px;margin-top:0px;margin-left:100px;font-size:95%;}
select#parents-father, select#parents-mother{width:100%;max-width: 360px;height:inherit;}
label{font-weight:normal;}
div#education-box{width:365px;border:1px solid #36523c;border-radius:5px;}
div#education-box h3{background:url(../images/education-health-living-connection.jpg) #36523c top left no-repeat;height:53px;padding:8px 8px 8px 110px;font-size:100%;color:#fff;margin-top:0px;}
div#education-box h3.education-box-french{padding:2px 8px 8px 110px;}
div#education-box ul li{padding-right:20px;font-size:90%;margin-left:25px;}
label.fra{font-size:90%;}
#canrisk .btn:after, #canrisk a:after{content:normal;}
div#questionnaire-buttons {
  margin-top: 40px;
}
#canrisk div#questionnaire-buttons .btn, #canrisk div#know-more-start .btn{
  background: none;
  color: inherit;
  border: none;
  padding: 0;
  margin: 0;
}
#canrisk div.btn{
  padding: .25rem;
  margin: 0 auto;
  border: none;
  box-shadow: none;
  background: none;
  text-shadow: none;
  display: block;
}
div#blood-pressure-content .canrisk-row-center + h2,
div#lifestyle-content .canrisk-comment + h2 {
  margin-top: 1em;
}
div#questionnaire-buttons{display:none;}
/*#canrisk .btn{margin:30px auto;width:100%;cursor:pointer;}*/
/*#canrisk .btn a {padding:12px 30px;text-align:center;font-weight:bold;text-transform:uppercase;color:#fff;text-decoration:none;border-radius:5px;cursor:pointer;}*/

/* BEGIN - Rebranding February 2017 */
/*#canrisk .btn a.btn-1{background-color:#213368 !important;cursor:pointer; border: 1px solid #213368;}*/
/*#canrisk .btn a.btn-2,
div.calculate a {background-color:#00b1eb !important;cursor:pointer; border: 1px solid #00b1eb;}*/
/*#canrisk .btn a.btn-1:hover{background-color:#fff !important;color:#213368 !important;}
#canrisk .btn a.btn-2:hover,
div.calculate a:hover {background-color:#fff !important;color:#00b1eb !important;}*/
/* END - Rebranding February 2017 */

/*a.btn-previous, a.btn-next, a.btn-next-complete, a.btn-action{position: relative;display:inline-block; border: 1px solid #00b1eb;border-radius:5px; background: #00b1eb;text-align:center;font-weight:bold;text-transform: uppercase;color:#fff;text-decoration:none;background-color:#00b1eb;color:#fff;cursor:pointer;}
a.btn-previous:hover, a.btn-next:hover, a.btn-next-complete:hover,
a.btn-previous:focus, a.btn-next:focus, a.btn-next-complete:focus,
a.btn-action:hover, a.btn-action:focus {background-color:#fff !important;color:#00b1eb !important;}
a.btn-previous {padding:8px 8px 8px 30px;}
a.btn-next, a.btn-next-complete {padding:8px 30px 8px 8px;font-size: 15px!important;}
a.btn-next-complete {
  margin: 0 20px !important;
  display: block;
}
#canrisk a.btn-action {
  margin: 10px auto
}
a.btn-previous:before,
a.btn-next:before, a.btn-next-complete:before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 7px;
  height: 7px;
  transform: rotate(45deg);
}
a.btn-previous:before {
  border: 3px solid white;
  border-right: none;
  border-top: none;
  left: 10px;
}
a.btn-next:before, a.btn-next-complete:before {
  border: 3px solid white;
  border-left: none;
  border-bottom: none;
  right: 10px;
}
a.btn-previous:focus:before,
a.btn-previous:hover:before,
a.btn-next:focus:before,
a.btn-next:hover:before,
a.btn-next-complete:focus:before,
a.btn-next-complete:hover:before {border-color: #00b1eb;}
a#btn-back{display:none;}*/
/*a#anchor-male:hover, a#anchor-female:hover, a#anchor-activity-yes:hover, a#anchor-activity-no:hover,
a#anchor-veggies-yes:hover, a#anchor-veggies-no:hover, a#anchor-have-bp-yes:hover, a#anchor-have-bp-no:hover,
a#anchor-pills-bp-yes:hover, a#anchor-pills-bp-no:hover, a#anchor-pregnancy-yes:hover, a#anchor-pregnancy-no:hover,
a#anchor-pregnancy-unknown:hover, a#anchor-family-yes:hover, a#anchor-family-no:hover, a#anchor-family-unknown:hover{background-color:#ce4635 !important;cursor:pointer;}*/
div.age-25, div.age-40, div.age-50, div.age-60, div.age-75{display:table-cell;font-size:80%;vertical-align:top;padding-top:8px;text-align:center;width:20%;}
div.height{background:url(../images/bmi-1.gif) top left no-repeat #fff;padding-left:40px; max-width: 300px;}
p#metric-conversion-height, p#metric-conversion-weight, p#metric-conversion-waist{margin-top:16px;padding-left:40px;margin-bottom:0;}
div.weight{background:url(../images/bmi-2.gif) top left no-repeat #fff;padding-left:40px; max-width: 300px;}
div.calculate{background:url(../images/bmi-3.gif) top left no-repeat #fff;padding-left:40px;margin-bottom:30px; max-width: 300px;}
/*div.calculate a{display: block; padding:12px 30px;text-align:center;font-weight:bold;text-transform:uppercase;color:#fff;text-decoration:none;border-radius:5px;background-color:#08804B;}*/
span#bmi-score{font-size:120%;color:#213368;font-weight:bold;}
div.height-slider-box {max-width: 360px;}
div.height-slider-box, div.weight-slider-box, div.waist-slider-box{margin:10px 0 8px 40px;}
div.height-slider-box input, div.weight-slider-box input, div.waist-slider-box input{display:block;}
div.height-4, div.height-5, div.height-6, div.height-7, div.height-8{display:table-cell;font-size:80%;vertical-align:top;padding-top:0px;text-align:center;width:20%;}
div.height-4{padding-left:0px;}
div.height-5{padding-left:70px;}
div.height-6{padding-left:65px;}
div.height-7{padding-left:65px;}
div.height-8{padding-left:65px;}
div.weight-100, div.weight-200, div.weight-300, div.weight-400, div.weight-500{display:table-cell;font-size:80%;vertical-align:top;padding-top:0px;text-align:center;width:20%;}
div.weight-100{padding-left:0px;}
div.weight-200{padding-left:60px;}
div.weight-300{padding-left:65px;}
div.weight-400{padding-left:65px;}
div.weight-500{padding-left:65px;}
div.waist-20, div.waist-30, div.waist-40, div.waist-50, div.waist-60, div.waist-70, div.waist-80{display:table-cell;font-size:80%;vertical-align:top;padding-top:0px;text-align:center;width:14%;}
div.waist-20{padding-left:0px;}
div.waist-30{padding-left:45px;}
div.waist-40{padding-left:45px;}
div.waist-50{padding-left:50px;}
div.waist-60{padding-left:45px;}
div.waist-70{padding-left:45px;}
div.waist-80{padding-left:40px;}
.info-box{border:1px solid #dadada;background-color:#ededed;color:#000;font-size:90%;padding:8px;margin:16px 0px;text-align:left;}
.info-box p:last-child {
  margin-bottom: 0;
}
/*div.canrisk-comment{border:1px solid #999999;cursor:default;text-align:left;padding:25px;border-radius:0px;margin: 30px 0px;}
div.canrisk-comment:last-child {
  margin-bottom: 0;
}
div.risk-complete{width:370px;font-size:120%;border:1px solid #dadada;color:#000;padding:0;margin:32px auto;text-align:center;}
div.risk-complete p.title{color: #fff;
    background-color: #213368;
    font-weight: bold;
    padding: .25rem 1rem;
    margin: 0px;}
div.risk-complete p.content{padding: 1rem;}
div.risk-complete p {padding: 1rem;}*/
#canrisk-complete{margin-top:40px;}
#canrisk-complete{display:none;}
div.canrisk-group-explanation{width:500px;}
#canrisk-low, #canrisk-moderate, #canrisk-high{display:none;}
#canrisk-number{background:url(../images/risk-score.gif) top left no-repeat #ffffff;color:#2d9906;font-weight:bold;font-size:210%;text-align: center;line-height: 100px;height:100px;width:100px;margin:16px auto;}
.low{display:block;margin:20px auto;padding-top:10px;text-align:center;width:144px;height:48px;color:#fff;font-weight:bold;background:url(../images/btn-low.gif) top left no-repeat #2b9805;}
.moderate{display:block;margin:20px auto;padding-top:10px;text-align:center;width:144px;height:48px;color:#000;font-weight:bold;background:url(../images/btn-medium.gif) top left no-repeat #c4b213;}
.high{display:block;margin:20px auto;padding-top:10px;text-align:center;width:144px;height:48px;color:#fff;font-weight:bold;background:url(../images/btn-high.gif) top left no-repeat #c4b213;}
p.learn-more{background:url(../images/please-visit.gif) bottom left no-repeat #ffffff;width:393px;height:64px;display:block;margin:16px 0px;padding-top:30px;padding-left:70px;text-align:right;}
div#score-print ul.answer{}
div#score-print div.canrisk-comment{margin-top:24px;}
#canrisk article.splash-bg-eng, #canrisk article.splash-bg-fra{background:url(../images/canrisk-logo.jpg) top right no-repeat;}
#canrisk article.splash-bg-fra h1{font-size:115%;}
#canrisk article.start-bg{background:url(../images/bottom-group-bar.jpg) bottom right no-repeat;}
#canrisk article.bg{background:url(../images/bottom-bar.gif) bottom right no-repeat;}
#canrisk article.score-bg{background:url(../images/bottom-bar-risk-score.jpg) bottom right no-repeat;min-height:600px;}
#canrisk article.more-info-bg{background:url(../images/bottom-bar-more-info.jpg) bottom right no-repeat;min-height:775px;}
#canrisk article.share-bg{background:url(../images/bottom-bar-share.jpg) bottom right no-repeat;min-height:700px;}
footer img{}
@media (max-width:675px){#canrisk{margin-left:inherit;}
#wb-bc{display:none;}
#canrisk article.splash-bg-eng, #canrisk article.splash-bg-fra, #canrisk article.splash-bg{background:none;padding-top:inherit;}
#canrisk article.start-bg{background:none;}
#canrisk article.bg{background:none;}
#canrisk article.score-bg{background:none;}
#canrisk article.more-info-bg{background:none;}
#canrisk article.share-bg{background:none;}
.btn a{padding:8px 16px;}
p.subtitle{padding-top:24px;}
div#age{margin:auto;background:none;min-width:inherit;min-height:inherit;}
div#age div.background{display:inline-block;margin-top:90px !important;margin-left:inherit !important;margin:auto;width:100%;padding:20px;opacity:1.00;}
input#age-slider{width:inherit;margin:inherit;padding:inherit;}
div#age p input#age-input{margin:auto;}
#canrisk img{display:none;}
div#education-box{width:100%;border:1px solid #36523c;border-radius:5px;}
div#education-box h3{font-size:inherit;font-weight:normal;padding-left:80px;}
div.risk-complete{width:100%;}
p.learn-more{width:100%;padding-left:70px;}
div#step-map{display:none;}
span#step-counter{text-align:center;}
div.canrisk-group-explanation, .risk-score-shell{width:80%;margin:auto;}
}
#questionnaire input[type="text"], #questionnaire select {
  height: 3em !important;
  margin-bottom: 0;
  font-size: 16px !important;
}
#family-checkboxes {
  margin-top: 1em;
}
.radio-group,
.checkbox-group {
  margin-top: 1em;
}
.radio-group p,
.checkbox-group p {
  margin-bottom: 0;
}
.radio-group label,
.checkbox-group label {
  position: relative;
  display: block;
  padding-left: 2.5em;
  min-height: 2em;
}
.radio-group input[type="radio"],
.checkbox-group input[type="checkbox"] {
  position: absolute;
  width: 2em;
  height: 2em;
  top: 0;
  left: 0;
  margin-top: 0;
}

@media (max-width: 979px) and (min-width: 768px){
  .container, .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container {
    width: 100% !important;
  }
  .nav-main-inner ul.nav > li {
    font-size: 12.819px;
  }
  .site-footer .social {
    flex-wrap: wrap !important;
    justify-content: flex-start !important;
  }
  .site-footer .social li {
    margin-bottom: 10px !important;
  }
}

/*** Responsive Overrides ***/
@media (max-width:767px) {
  .row-fluid [class*="span"] {
    margin-left: 0;
  }
  #canrisk-navigation {
    padding: 0 !important;
    margin-left: -15px;
    margin-right: -15px;
    margin-top: -15px;
  }
  #canrisk-navigation .nav-tabs {
    border-bottom: none !important;
    display: flex;
  }
  #canrisk-navigation .nav-tabs > li {
    width: 50%;
    flex-grow: 1;
    background-color: #ddd;
  }
  #canrisk-navigation .nav-tabs > li > a {
    border-radius: 0;
    border: none !important;
    padding-top: 15px;
    padding-bottom: 15px;
    font-weight: bold;
    text-align: center;
    margin: 0;
    
    color: #555555;
  }
  #canrisk-navigation .nav-tabs > .active {
    background-color: #fff;
  }
  #canrisk-navigation .nav-tabs > .active > a, 
  #canrisk-navigation .nav-tabs > .active > a:hover, 
  #canrisk-navigation .nav-tabs > .active > a:focus {
    background-color: #fff;
    color: #213368;
  }
  
}

.body-copy{padding-left:0px;}
#canrisk{margin-left:auto;margin-right:auto;margin-top:5px;padding:15px;padding-bottom:50px}
#step-map{display:none !important;}
section#questionnaire h1.title{margin-top:3px;padding-top:3px;height:auto;}
.canrisk-comment{display:none;}
.tabbable.responsive .nav-tabs > li > a.tab-control.right, .tabbable.responsive .nav-tabs > li > span.tab-control-spacer.right{display:none;}
#canrisk-tabs{margin: 0;}
div#age div.background{margin-top:0px !important;margin-left:auto !important;}
#canrisk article.score-bg{background-image:none !important;}
#canrisk article.splash-bg-eng, #canrisk article.splash-bg-fra{background-image:none !important;}
#canrisk article.start-bg{background-image:none !important;}
.warning{width:100%;}
section#questionnaire h1.title{height:100px;}
#canrisk-complete{margin-top:5px;}
p.learn-more{background-image:none !important;padding:0px;padding-bottom:4px;margin:0px;width:auto;height:auto;}
div.canrisk-group-explanation{width:100%;}
a{cursor:pointer !important;}
a:hover{cursor:pointer !important;}
#canrisk article.bg{Background-image:none !important;}
#age-input{width:75px;}
@media (max-width:767px){.mobileDev{display:none;}
}