@page {
    size: 8.5in 11in;
    margin: 2cm 1cm;
}

.nav-tabs, .linkx {
    display: none;
}
.box .left {
    float: left;
    width: Calc(100% - 330px)
}
.chart {
    width: 270px;
    font: 700 41px/43px "nexa-unilever", arial;
    text-align: center
}
.chart span {
    font: 400 20px/22px "nexa-unilever", arial;
    display: block;
    margin-bottom: 12px;
}
.box .right {
    float: right;
    width: 280px;
}
.tab-content>.tab-pane {
    display: block !important;
}
.custom-tabs > span {
    display: none !important;
}
.chart {
    background: url(/FloraAssets/images/chart.png) no-repeat left bottom !important;
    width: 270px;
    height: 350px;
    position: relative;
    margin: 0 auto 30px;
}
.chart .col1 {
    width: 100px;
    position: absolute;
    right: 0; 
    bottom: 0; 
}
.chart .col2 {
    width: 100px;
    position: absolute;
    right: 102px;
    bottom: 0;
}
.chart .col2 .levels {
    height: 100px;
    background: #7eb559;
}
.chart .col1 .levels {
    height: 100px;
    background: #f48e31; 
}
.chart .static {
    background: url(/FloraAssets/images/chartstrip.png) repeat-y left top !important;
    width: 100%;
    height: 80px;
}
.chart .static .col1, .chart .static .col2 {
    top: 6px;
    font-size: 26px; 
	font-weight:bold;
    line-height:30px;
    text-align: center;
    height: auto;font-weight:400;color:#074c31;
}
.col-sm-4 {
    width: 32.33%;
    margin: 0 0.5%;
    float: left
}
.top-process-bar {
    padding: 20px 30px 20px 50px;
    width:630px;
	margin:20px;
    border: 1px solid #f0f0f0;
    margin-bottom: 20px;
    background: #fff !important;
}
.top-process-bar h2 {
    font: 24px "nexa-unilever", arial;
    color: #074c31;
    margin: 20px 0 0 0px;
}
.process-bar {
    position: relative
}
.process-bar .step {
    width: 50px;
    float: left
}
.process-bar .step {
    margin-left: calc(28.33% - 50px);
}
.process-bar .step:before {
    height: 2px;
    background: #cee2b5;
    content: '';
    margin-left: 34px;
    width: calc(33.33% - 56px);
    position: absolute;
    top: 72px;
    z-index: 0;
}
.process-bar .step:first-child {
    margin-left: 0
}
.process-bar .step:last-child:before {
    display: none
}
.process-bar .step .dot {
    width: 26px;
    height: 22px;
    margin: 0 auto;
    background-image: url(/FloraAssets/images/sprite.png) !important;
    background-repeat: no-repeat;
    background-position: 2px -121px !important;
}
.process-bar .step .dot {
    background-position: -32px -123px !important;
}
.process-bar .step:before {
    background-color: #074c31
}
.process-bar .icon {
    width: 50px;
    height: 50px;
    margin-bottom: 12px;
    background-image: url(/FloraAssets/images/sprite.png) !important;
    background-repeat: no-repeat;
    background-position: 5px -110px !important;
}
.process-bar .icon.scale {
    background-position: -45px -4px !important;
}
.process-bar .icon.stethoscope {
    background-position: 3px -65px!important;
}
.process-bar .icon.heart {
    background-position: -164px -6px !important;
}
.process-bar .step.active .icon {
    background-position: 0px -65px !important;
	
}
.process-bar .step .person{
	width:44px !important;
}
.process-bar .step.active .icon.scale {
    background-position: -42px -66px!important;
}
.process-bar .step.active .icon.stethoscope {
    background-position: -103px -66px !important;
}
.process-bar .step .icon.heart {
    background-position: -164px -66px!important; width:49px;
}
.key-cholesterol-numbers {page-break-after: always;}

.box {
    padding: 30px 60px;
    border: 1px solid #f0f0f0;
    margin-bottom: 20px;
    background: #fff !important;
}
.tab-pane h3,#bloodPressure h3, .box h2 {
    color: #074c31;
    font: 21px/26px "nexa-unilever", arial;
    margin: 0 0 5px;
	font-weight:700;
}
.tab-pane h3, #bloodPressure h3{
	font: 18px/24px  "nexa-unilever", arial;
	margin-top:15px;
}
.average-prevalence .custom-tabs ul li a{margin-top:10px; padding:0;}
#bloodPressure p,.box p,.box p span {
    color: #074c31;
    font: 14px/24px "nexa-unilever", arial !important;
    margin-bottom: 30px;
}
.bws-caption p {visibility:hidden;height:0; width:100%;}
.testagain.btn,.bws-header,.bws-caption,.email-options,  .taketest, #bws-footer,.form-elements.genders{ display:none !important;}
.chart .green{background:#7eb559 !important; }
.chart .amber{background:#f48e31 !important; }
.chart .red{background:#ff0000 !important; }
.chart .green-low{background:#7eb559 !important;}

.bws-drag .carousel-inner .item {display:none !important;}
.bws-drag .carousel-inner > .item  {width:592px !important;display:block !important;left: -33px !important;}

.box {width:625px;margin:20px;}

#pdf-page-break{display:none;}
.tab-content > #national{text-align:center;background-color: #EDF7E3 !important;width:100%;position:relative;margin-top:25px;}
.tab-content > #national .pdf-heading{float: left;text-align: left;position: absolute;top: -40px;}
.tab-content > #national .img-responsive {clear:left;display:inline-block;width:60%;}
.tab-content > #national #national-data {display:none;}
.tab-content > #national #national-common-data-pdf{display:inline-block !important;}
.tab-content > #national .form-elements.genders{max-width: 100%;display: block; width: 100%;}

.bws-drag .carousel-inner .item{display:none !important;}
.bws-drag .carousel-inner .first-carousel-item{display:block !important;left:15px !important}
.carousel-inner{left:0px !important;position:relative !important;}
 
/****** banner CSS *****/
.bws-carousel-full-width .container .heartage .bws-carousel-caption .bws-caption {z-index:9999999;left: 3%; margin-top: 2%;display:block !important;position: absolute;width: 60%;top:0}
.bws-carousel-full-width .container .heartage .bws-carousel-caption .bws-caption p {display:none;}
.bws-carousel-full-width .container .heartage .bws-carousel-caption .bws-caption h1{font:30px/40px nexa-unilever,arial;margin-top:10px;margin-left:10px;color:#074c31;}