﻿
@font-face {
    font-family: OpenSans-Regular;
    src: url(../fonts/OpenSans/OpenSans-Regular.ttf), url(../fonts/OpenSans/OpenSans-Regular.eot);
}
@font-face {
    font-family: OpenSans-Italic;
    src: url(../fonts/OpenSans/OpenSans-Italic.ttf), url(../fonts/OpenSans/OpenSans-Italic.eot);
}
@font-face {
    font-family: OpenSans-Bold;
    src: url(../fonts/OpenSans/OpenSans-Bold.ttf), url(../fonts/OpenSans/OpenSans-Bold.eot);
}
@font-face {
    font-family: OpenSans-SemiBold;
    src: url(../fonts/OpenSans/OpenSans-Semibold.ttf), url(../fonts/OpenSans/OpenSans-Semibold.eot);
}
@font-face {
    font-family: OpenSans-CondensedBold;
    src: url(../fonts/OpenSans/OpenSans-CondBold.ttf), url(../fonts/OpenSans/OpenSans-CondBold.eot);
}
@font-face {
    font-family: OpenSans-ExtraBold;
    src: url(../fonts/OpenSans/OpenSans-ExtraBold.ttf), url(../fonts/OpenSans/OpenSans-ExtraBold.eot);
}

html,
body {
    height: 100%;
    /*background-color: #EEEEEE;*/
    background-color: #FFFFFF;
    font-family: 'OpenSans-Regular';
}
b{
    font-family: 'OpenSans-Bold';  
}
.wrap {
    /*min-height: 100%;
    height: auto;
    margin: 0 auto -60px;
    padding: 0 0 60px;*/
    background-color: #EEEEEE;
}
.wrap.intro {
    background: url('../images/background.jpg') no-repeat center center fixed; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    height: 670px;
}

.container {
    padding: 0px;
    width: 1024px !important;
}
.container.credits {
    background-color: #fff;
}
label{
    max-width: none;
}

/* Buttons */
body.ker .btn.btn-primary,
body.ker .btn.btn-primary:active{
    color: #00754a;
    border-color: #00754a;
}

.btn.btn-primary,
.btn.btn-primary:active{
    background-color: #fff !important;
    border-radius: 0px;
    border-width: 2px;
    border-color: #0c5ca8;
    color: #0c5ca8;
    height: 40px;
    padding: 0px 20px;
    font-family: 'OpenSans-Semibold';
    font-size: 18px;
}
body.ker .btn.btn-primary.start{
    background-color: #00754A !important;  
}
.btn.btn-primary.start{
    height: 60px;
    width: 250px;
    background-color: #0c5ca8 !important;
    border-radius: 0px;
    color: #fff !important;
    font-family: 'OpenSans-Regular';
    font-size: 28px;
    line-height: 56px;
}
a.btn{
    line-height: 36px;
}
/* Header */
body.ker .header{
    border-bottom: 5px solid #00754A;
}
.header{
    height: 90px;
    border-bottom: 5px solid #15437B;
    background-color: #FFFFFF !important;
}
.header .wrapper{
    position: relative;
}
.header .img-wrapper{
    position:absolute;
    top: 0px;
    left: 10px;
    display: inline-block;
    height: 90px;
    width: 90px;
}
body.ker .header .img-wrapper .logo{
    display: block;
    background-image: url('../images/logo_ker.png');
    height: 60px;
    width: 74px;
    background-size: 74px 60px;
}
.header .img-wrapper .logo{
    display: block;
    background-image: url('../images/logo_mayo.png');
    height: 63px;
    width: 59px;
    background-size: 59px 63px;
    margin-top: 11px;
}
body.ker .header .brand-wrapper{
    left: 96px;
}
.header .brand-wrapper{
    position:absolute;
    top: 0px;
    left: 88px;
    display: inline-block;
    height: 90px;
    width: 300px;
    color: #000000;
}
.header .brand-wrapper p.title{
    font-size: 20px;
    line-height: 20px;
    margin-bottom: 0px;
    font-family: 'OpenSans-Bold';
    margin-top: 20px;
}
.header .brand-wrapper p.subtitle{
    margin-top: 4px;
    margin-bottom: 0px;
    font-size: 20px;
    line-height: 20px;
    font-family: 'OpenSans-Regular';
}
.header .btn-wrapper{
    position: absolute;
    top: 0px;
    right: 0;
}
body.ker .header .btn-wrapper a.back{

}
.header .btn-wrapper a.back{
    height: 85px;
    width: 85px;
    background-color: #999999 !important;
    border-style: none;
    padding:7px 0px;
}
body.ker .header .btn-wrapper a.back:hover{
    background-color: #00754a !important;
}
.header .btn-wrapper a.back:hover{
    background-color: #15437b !important;
}

/* Footer */
.footer {
    text-align: center;
    height: 126px;
    background-color: #ffffff;
    border-top: 1px solid #ddd;
}
.footer p{
    padding: 0px;
    margin: 0px;
    color: #999999;
}
.footer a{
    padding: 0px;
    margin: 0px;
    color: #999999;
}
.footer .title{
    margin-top: 20px;
    font-size: 13px;
}
.footer .policy{
    margin-top: 10px; 
    font-size: 11px;
}
.footer .legal{
    margin-top: 14px; 
    font-size: 11px;
}
.footer .rights
{
    margin-bottom: 24px; 
    font-size: 11px;
}

/* Tooltips */
.tooltip-inner {
    width: 175px;
    max-width: 175px;
    padding: 10px;
    font-family: 'OpenSans-Regular';
    font-size: 12px;
}

/* Forms */
.form-group label.control-label, .form-group div, .form-group input[type="text"], .form-group input[type="number"]{
    display: inline-block;
    /*margin-right: 35px;*/
}
.form-group input[type="text"],
.form-group input[type="number"] {
    width:74px;
    height:40px;
    border-radius: 0px;
    border-width: 3px;
}
.form-group label{
    font-family: 'OpenSans-Regular';
    font-size: 18px;
    font-weight: normal;
}
.form-group div label{
    width: 52px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    background-color: #999999;
    color: #ffffff;
}
#medical-situation-form .form-group div label {
    border-bottom: 2px solid rgba(0, 0, 0, 0.2);
}
body.ker .form-group div label.active{
    background-color: #00754A;
}
.form-group div label.active{
    background-color: #0c5ca8;
    color: #fff;
}

.form-group div label input{
    /*display: none;*/
    position: absolute;
    z-index: -1;
}
.form-group .form-control{
    box-shadow: none;
}
body.ker .form-group .form-control:focus{
    border-color: #00754A;
}
.form-group .form-control:focus{
    box-shadow: none;
    border-color: #0c5ca8;
}
.form-group.has-error .form-control{
    box-shadow: none;
}
.has-success .help-block,
.has-success .control-label,
.has-success .radio,
.has-success .checkbox,
.has-success .radio-inline,
.has-success .checkbox-inline,
.has-success.radio label,
.has-success.checkbox label,
.has-success.radio-inline label,
.has-success.checkbox-inline label {
    color: #333333;
}
.has-success .form-control {
    border-color: #cccccc;
}

.unselectable{
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* Menu */
.menu-wrapper, .section-wrapper{
    clear: both;
    position: relative;
    height: 570px;
}
.section-wrapper.zoomed, .content-section.zoomed{
    height: 730px !important;
}
body.ker .menu-wrapper{
    background-color: #66BE9E;
}
.menu-wrapper{
    height: 60px;
    background-color: #0C5CA8;
    text-transform: uppercase;
}
.menu-wrapper .container{
    position: relative;
}
#menu-has-bled{
    display: none;
}

#navigation-menu{
    position: absolute;
    top: 0px;
    left: 160px;
    width:800px;
    padding: 0px;
    height:60px;
    margin-bottom: 0px;
}
body.ker #navigation-menu li.menu-btn{
    background-color: #00925d;
}
#navigation-menu li.menu-btn, #navigation-menu li.menu-value{
    background-color: #0C5CA8;
    padding:20px;
    display: inline-block;
    list-style: none;
    color: #fff;
    font-family: 'OpenSans-Semibold';
    font-size: 18px;
    line-height: 18px;
}
#navigation-menu li.menu-btn{
    cursor: pointer;
}

body.ker #navigation-menu li.menu-btn.active,
body.ker #navigation-menu li.menu-btn:hover,
body.ker #navigation-menu li.menu-btn:focus{
    background-color: #00754A;
}

#navigation-menu li.menu-btn.active,
#navigation-menu li.menu-btn:hover,
#navigation-menu li.menu-btn:focus{
    background-color: #15437B;
}

body.ker #navigation-menu li.menu-btn.disabled,
body.ker #navigation-menu li.menu-btn.disabled:hover,
body.ker #navigation-menu li.menu-btn.disabled:focus
{
    background-color: #00925D !important;
}

#navigation-menu li.menu-btn.disabled,
#navigation-menu li.menu-btn.disabled:hover,
#navigation-menu li.menu-btn.disabled:focus
{
    background-color: #0C5CA8 !important;
    cursor:default;
}

#menu-values-wrapper{
    position: absolute;
    top: 0px;
    right: 0px;
    width: 200px;
    color: #fff;
    text-align: right;
    padding: 10px 0px;
}

#menu-values-wrapper .menu-value{
    margin-right: 15px;
    font-size: 16px;
    line-height: 20px;
    font-family: 'OpenSans-Regular';
}

#menu-values-wrapper .calc-value{
    margin-left: 10px;
    font-size: 16px;
    font-family: 'OpenSans-Bold';
}
.content-section{
    display:none;
    position:absolute;
    top:0;
    width: 100%;
    height: 570px !important;
    vertical-align: top;
    background-color: #fff;
}

/* Intro */
.site-index {
    position: relative;
    margin: 40px auto 0px;
    width: 660px;
    height: 512px;
}
.site-index .img-wrapper{
    display: inline-block;
    width: 210px;
}
.site-index .img-wrapper img{
    position: absolute;
    top: 0px;
    width: 210px;
    height: 156px;
    background-size: 210px 156px;
}
.site-index .txt-wrapper{
    position: absolute;
    top: 0px;
    display: inline-block;
    width: 450px;
    padding: 50px 0px 0px 20px;
}
.site-index .txt-wrapper h1{
    font-family: 'OpenSans-Regular';
    font-size: 34px;
    margin: 0px 0px 15px 0px;
}
.site-index .txt-wrapper p.description{
    font-family: 'OpenSans-Regular';
    font-size: 18px;
    margin-bottom: 20px;
    line-height: 21px;
}
.site-index .txt-wrapper p.description2{
    font-family: 'OpenSans-Regular';
    font-size: 16px;
    margin-bottom: 30px;
    margin-top: 30px;
}
.site-index .caution-wrapper{
    margin-top: 10px;
    background-color: #FFFFFF;
    padding: 12px;
    width: 250px;
    font-family: 'OpenSans-Regular';
    font-size: 14px;
}
.site-index .caution-wrapper .caution-title{
    color: #ED1C24;
    font-family: 'OpenSans-Bold';
}

/* General */
#medical-situation,
#risk-of-stroke,
#issues,
#document
{
    width: 1024px !important;
}

/* Medical Situation */

#medical-situation{
    display:block;
}

body.ker #medical-situation-intro{
    background-color: #BF8E51;
}
#medical-situation-intro{
    height: 70px;
    width: 100%;
    background-color: #29ABE2;
    font-size: 20px;
    display: table;
    text-align: center;
}
#medical-situation-intro p{
    display: table-cell;
    color:#fff;
    vertical-align: middle;
    font-size: 28px;
    font-family: "OpenSans-Regular";
}

#medical-situation-form .top-section{
    position: relative;
    height:110px;
    left:296px;
    width: 744px;
}
#medical-situation-form .bottom-section{
    position: relative;
    height:390px;
    left:296px;
    width: 744px;
}
#medical-situation-form .inputs-wrapper{
    position: absolute;
    top: 0px;
    left: 0px;
}
#medical-situation-form .tooltip-wrapper{
    position: absolute;
    top: 0px;
    left: 425px;
    display:block;
    cursor: pointer;
}
#medical-situation-form .top-section .tooltip-wrapper {
    top: 40px;
}
#medical-situation-form .btns-wrapper{
    position: absolute;
    top: 260px;
    left: 0;
}
#medical-situation-form .form-group{
    margin-bottom: 4px;
}
#medical-situation-form .top-section .field-cha2ds2vasc-gender{
    position: absolute;
    left:0px;
    top:40px;
}
#medical-situation-form .top-section .field-cha2ds2vasc-age{
    position: absolute;
    top:40px;
    left:260px;
}
#medical-situation-form .bottom-section .form-group{
    width: 410px;
}
#medical-situation-form .bottom-section .form-group div{
    margin-right: 0px !important;
}
#medical-situation-form .bottom-section .form-group label.control-label{
    width: 294px;
    margin-right: 0px !important;
}

img.tooltip-ico{
    width:30px;
    height: 30px;
    display: block;
    background-size: 30px 30px;
    margin: 5px 0px 19px 0px;
}

/* Risk Stroke */
.side-current-risk-values,
.side-current-risk-values-anticoagulation{
    position: relative;
    display: inline-block;
    width: 160px;
    vertical-align: top;
    padding: 10px;
}
.side-current-risk-values-anticoagulation{
    display:none;
}

.side-current-risk-values .description,
.side-current-risk-values-anticoagulation .description{
    font-family: 'OpenSans-bold';
    font-size: 13px;
    margin: 10px 0 15px;
}
.side-current-risk-values .value,
.side-current-risk-values-anticoagulation .value
{
    font-family: 'OpenSans-Bold';
    font-size: 38px;
    line-height: 36px;
}
.side-current-risk-values .value .regular,
.side-current-risk-values-anticoagulation .value .regular
{
    font-size: 18px;
    line-height: 18px;
    font-family: 'OpenSans-Regular';
}

.side-current-risk-values .text,
.side-current-risk-values-anticoagulation .text{
    font-family: 'OpenSans-Regular';
    font-size: 18px;
    line-height: 20px;
    color: #333333;
    margin-bottom: 16px;
}
.side-current-risk-values .no-stroke .value,
.side-current-risk-values-anticoagulation .no-stroke .value
{
    color: #00A59D;
}
.side-current-risk-values .disabling-stroke .value,
.side-current-risk-values-anticoagulation .disabling-stroke .value{
    color: #925196;
}
.side-current-risk-values .non-disabling-stroke .value,
.side-current-risk-values-anticoagulation .non-disabling-stroke .value
{
    color: #DCA130;
}
.side-current-risk-values-anticoagulation .avoid-stroke .value
{
    color: #29ABE2;
}
.current-risk-values-anticoagulation .text
{
    display: none;
}
.current-risk-values .text, .current-risk-values-anticoagulation .text,
.current-risk-values-anticoagulation .btn-wrapper
{
    width: 310px;
    height: 180px;
    margin: 0 auto;
}
.current-risk-values-anticoagulation .btn-wrapper
{
    padding-top: 100px;
}
.current-risk-values,
.current-risk-values-anticoagulation{
    position: relative;
    display: inline-block;
    width: 346px;
    height: 550px;
    vertical-align: top;
    text-align: center;
    background-color: #DDDDDD;
}
.current-risk-values{
    margin-right: 0px;
}
.current-risk-values-anticoagulation{
    margin-left: 0px;
}

.current-risk-values-anticoagulation.disabled{
    background-color: #FFFFFF;
}

.current-risk-values h1,
.current-risk-values-anticoagulation h1{
    margin: 0px auto;
    font-family: 'OpenSans-Regular';
    font-size: 28px;
    padding: 24px 0px 0px 0px;
}
.current-risk-values h2,
.current-risk-values-anticoagulation h2{
    margin: 0px auto;
    font-family: 'OpenSans-Bold';
    font-size: 24px;
}
.current-risk-values .description,
.current-risk-values-anticoagulation .description{
    margin: 20px auto 0px auto;
    font-family: 'OpenSans-Regular';
    font-size: 16px;
    text-align: left;
    margin-bottom: 10px;
}

.current-risk-values .values, .current-risk-values-anticoagulation .values{
    width: 300px;
    height: 300px;
    margin: 0 auto;
    margin-top: 10px;
}
.current-risk-values .values .table-col,
.current-risk-values-anticoagulation .values .table-col{
    float: left;
    width: 30px;
}

.current-risk-values .values .table-cell,
.current-risk-values-anticoagulation .values .table-cell
{
    height: 26px;
    width: 26px;
    background-size: 26px 26px;
    display: inline-block;
    margin:2px;
    background-image: url('../images/icon_risk_gray_big.png');
}

.current-risk-values .values .table-cell.disabling-stroke,
.current-risk-values-anticoagulation .values .table-cell.disabling-stroke{
    background-image: url('../images/icon_risk_purple_big.png');
}
.current-risk-values .values .table-cell.fewer-disabling-stroke {
    background-image: url('../images/icon_risk_green_purple_big.png');
}
.current-risk-values-anticoagulation .values .table-cell.fewer-disabling-stroke{
    background-image: url('../images/icon_risk_blue_purple_big.png');
}
.current-risk-values .values .table-cell.non-disabling-stroke,
.current-risk-values-anticoagulation .values .table-cell.non-disabling-stroke{
    background-image: url('../images/icon_risk_yellow_big.png');
}
.current-risk-values .values .table-cell.fewer-non-disabling-stroke2,
.current-risk-values-anticoagulation .values .table-cell.fewer-non-disabling-stroke2{
    background-image: url('../images/icon_risk_yellow_green_big.png');
}
.current-risk-values .values .table-cell.fewer-non-disabling-stroke {
    background-image: url('../images/icon_risk_green_yellow_big.png');
}
.current-risk-values-anticoagulation .values .table-cell.fewer-non-disabling-stroke{
    background-image: url('../images/icon_risk_blue_yellow_big.png');
}
.current-risk-values .values .table-cell.fewer-avoid-stroke,
.current-risk-values-anticoagulation .values .table-cell.fewer-avoid-stroke{
    background-image: url('../images/icon_risk_green_blue_big.png');
}
.current-risk-values .values .table-cell.avoid-stroke,
.current-risk-values-anticoagulation .values .table-cell.avoid-stroke{
    background-image: url('../images/icon_risk_blue_big.png');
}
.current-risk-values .values .table-cell.no-stroke,
.current-risk-values-anticoagulation .values .table-cell.no-stroke{
    background-image: url('../images/icon_risk_green_big.png');
}

.side-current-risk-values-anticoagulation .separator{
    width: 100%;
    height: 2px;
    background-color: #cccccc;
    margin-bottom: 10px;
}
/* Issues */
#issues{
    padding: 10px;
    overflow: hidden;
}
.side-options{
    display: inline-block;
    width:190px;
    vertical-align: top;
    margin-right: 8px;
}
.side-options ul{
    padding:0px;
    margin:0px 0px 0px 0px;
}
.side-options ul li{
    width: 190px;
    height:60px;
    color: #fff;
    margin-bottom: 2px;
    display: table;
    border-bottom: 2px solid rgba(0, 0, 0, 0.2);
}
.side-options ul li:hover{
    color: #fff;
}
.side-options ul li.btn{
    white-space: normal !important;
    border-radius: 0px;
}
.side-options ul li.activities-bkg{
    background-color: #9FAB30;
}
.side-options ul li.anticoagulation-bkg{
    background-color: #B81C29;
}
.side-options ul li.reversing-bkg{
    background-color: #E55225;
}
.side-options ul li.cost-bkg{
    background-color: #00A59D;
}
.side-options ul li.diet-bkg{
    background-color: #925196;
}

.side-options ul li p{
    display: table-cell;
    vertical-align: middle;
    font-family: 'OpenSans-Semibold';
    font-size: 18px;
    line-height: 22px;
}
.card-wrapper{
    position:relative;
    display: inline-block;
    height: 528px;
    width: 802px;
    vertical-align: top;
    /*overflow: hidden;*/
}
.card-wrapper .ui-effects-wrapper{
    display: inline-block !important;
    width: 100%;
    margin:0;
    padding:0;
}

.card-wrapper .card.zoomed{
    left: 0;
    zoom: 1; /* IE */
    -moz-transform: scale(1.3); /* Firefox */
    -moz-transform-origin: 0 0;
    -o-transform: scale(1.3); /* Opera */
    -o-transform-origin: 0 0;
    -webkit-transform: scale(1.3); /* Safari And Chrome */
    -webkit-transform-origin: 0 0;
    transform: scale(1.3); /* Standard Property */
    transform-origin: 0 0;  /* Standard Property */
    -ms-transform: scale(1.3);
    -ms-transform-origin: 0 0;
}

.card-wrapper .card {
    /*display: inline-block;*/
    width: 396px;
    height: 528px;
    border: solid 6px #29ABE2;
    position: absolute;
    vertical-align: top;
    background-color: #fff;
    left: -637px;
    /*left: -417px;*/
}
.card-wrapper #options-card {
    width: 1006px;
    left: -202px;
}
.card-wrapper #options-card .content {
    padding: 0;
}
.card-wrapper .text-card {
    font-family: "OpenSans-Regular";
    font-size: 22px;
    color: #15437B;
    padding-top: 40px;
    padding-left: 40px;
    position: relative;
    height: 250px;
}
.card-wrapper .text-card p {
    color: #333333;
    font-size: 24px;
    font-family: "OpenSans-Regular";
    color: #15437B;
    width: 692px;
        
}
.card-wrapper .text-card b {
    font-family: "OpenSans-Bold";
}
.card-wrapper .text-card h3 {
    margin-top: 0;
    font-size: 18px;
    margin-left: 225px;
    margin-top: 40px;
}
.card-wrapper .text-card h3 b {
    color: #29ABE2;
    font-size: 23px;
    margin-left: 30px;
    margin-right: 30px;
}
.card-wrapper .text-card ul,
.card-wrapper .text-card ul li {
    list-style-type: none;
    list-style-image: none
}
.card-wrapper .text-card ul {
    padding: 0;
    margin-left: 446px;
    width: 246px;
    margin-bottom: 40px;
}
.card-wrapper .text-card ul li {
    color: #333333;
    font-size: 18px;
    position: relative;
    padding-left: 10px;
}
.card-wrapper .text-card ul li span {
    color: #999999;
    font-family: "OpenSans-Italic";
    position: absolute;
    left: 140px;
}
.card-wrapper .text-card ul li:nth-child(2n-1) {
    background-color: #EEEEEE;
}
.minimize-text {
    line-height: 28px;
}
.context-menu {
    padding-top: 10px;
    font-size: 16px;
    font-family: "OpenSans-Bold";
    color: #15437B;
    margin-bottom: 10px;
}
.continuebtn {
    border: 2px solid #0C5CA8;
    font-size: 18px;
    font-family: "OpenSans-SemiBold";
    color: #0C5CA8;
    line-height: 40px;
    width: 140px;
    margin-top: 40px;
    margin-left: 40px;
    display: inline-block;
    text-align: center;
    cursor: pointer;
    position: absolute;
    bottom: 10px;
    right: 10px;
}
.card-wrapper .card .title{
    height: 60px;
    width: 100%;
}
.card-wrapper .card .title img{
    display: inline-block;
    background-color: #666666;
}
.card-wrapper .card .title p{
    display: inline-block;
    height: 60px;
    color: #fff;
    font-family: 'OpenSans-Bold';
    font-size: 20px;
    line-height: 60px;
    margin: 0;
    text-align: left;
    vertical-align: top;
    padding-left: 64px;
}
.card-wrapper #options-card .title p {
    padding-left: 20px;
}
.card-wrapper .card#activities-card .title p {
    padding-left: 15px;
}
.card-wrapper .card .footer{
    position: absolute;
    bottom: 0;
    height: 60px;
    padding: 6px 15px;
    width: 100%;
    color: #333333;
    font-size: 15px;
    line-height: 22px;
    font-family: 'OpenSans-Regular';
}
.card-wrapper .card.expanded{
    position: absolute;
    top: 0px;
    left: 0px !important;
    /*width:616px;*/
    width: 802px;
    z-index: 10;
}
.card-wrapper .card .page.active{
    display: block;
}
.card-wrapper .card .page.average-risk.active,
.card-wrapper .card .page.discuss-risk.active,
.card-wrapper .card .page.calculate-risk.active,
.card-wrapper .card .page.risk-results.active {
    /*width: 604px;*/
    width: 791px;
}
.card-wrapper .card .page{
    display: none;
}
.card-wrapper .card .page.expanded{
    display: none;
}
.card-wrapper .card .page .content{
    padding: 8px;
}
.card-wrapper .card .page h1{
    display: inline-block;
    font-family: 'OpenSans-Bold';
    font-size: 18px;
    margin: 0px 0px 15px 7px;
}
.card-wrapper .card .page .brand-name{
    font-family: 'OpenSans-Italic';
    font-size: 18px;
    color: #999999;
}
.card-wrapper .card .page .routine{
    font-family: 'OpenSans-Semibold';
    font-size: 18px;
    color: #666666;
}
.card-wrapper .card .page .top-section .white-strip .name{
    font-family: 'OpenSans-Bold';
    margin-left: 7px;
}
.card-wrapper .card .page .white-strip{
    background-color: #FFFFFF;
}
.card-wrapper .card .page .color-strip{
    background-color: #EEEEEE;
    margin: 0 -8px;
    padding: 0 8px;
}
.card-wrapper .card .page .white-strip,
.card-wrapper .card .page .color-strip{
    height: 30px;
    font-family: 'OpenSans-Regular';
    font-size: 18px;
}
.card-wrapper .card .page .white-strip .brand-name,
.card-wrapper .card .page .color-strip .brand-name{
    position: absolute;
    left: 144px;
}
.card-wrapper .card .page .white-strip .routine,
.card-wrapper .card .page .color-strip .routine{
    position: absolute;
    left: 244px;
}
.card-wrapper .card .page .white-strip .name,
.card-wrapper .card .page .color-strip .name {
    margin-left: 7px;
}
.card-wrapper .card .page .ico-values,
.card-wrapper .card .page .ico-values{
    position: absolute;
    right: 15px;
}
.card-wrapper .card .page .footer p{
    color: #333333;
    text-align: left;
}
.card-wrapper .card .page .ico-pill
{
    display: inline-block;
    width: 16px;
    height: 16px;
    background-size: 16px 16px;
    margin-right: 9px;
}
.card-wrapper .card .page .ico-syringe
{
    display: inline-block;
    width: 20px;
    height: 19px;
    background-size: 20px 19px;
    margin-right: 5px;
    vertical-align: top;
}
.card-wrapper .card .page .routine span {
    display: inline-block;
    vertical-align: top;
}

.card-wrapper .card .page .ico-cost,
.card-wrapper .card .page .ico-diet
{
    background-image: url('../images/icon_more.png');
    display: inline-block;
    width: 20px;
    height: 20px;
    background-size: 20px 20px;
    margin: 0px;
}
.card-wrapper .card .page .ico-pill
{
    background-image: url('../images/icon_pill.png');
}
.card-wrapper .card .page .ico-syringe
{
    background-image: url('../images/icon_syringe.png'); 
}
.card-wrapper .card .page .ico-pill.shift
{
    margin-left: 20px;
}
.card-wrapper .card .page .btn-section .left{
    float: left;
}
.card-wrapper .card .page .btn-section .right{
    float: right;
}
/* Issues - Options */
#options-card{
    display: inline-block;
}
#options-card .title
{
    background-color: #29ABE2;
}
#options-card .top-section{
    height: 205px;
}
#options-card .bottom-section{
    height: 158px;
}

#options-card .footer{
    background-color: #B6CEE5;
    border: 2px solid #ffffff;
}

/* Issues - Activities */
#activities-card{
    border-color: #9FAB30;
    font-family: 'OpenSans-Regular';
    font-size: 18px;
}
#activities-card .title,
#activities-card .footer
{
    background-color: #9FAB30;
}
#activities-card .taking-anticoagulants .top-section{
    height: 389px;
}
#activities-card .taking-anticoagulants .bottom-section{
    height: 219px;
}
#activities-card .taking-anticoagulants ul {
    list-style: none;
}
#activities-card .taking-anticoagulants ul li:before {
    content: "•";
    font-size: 14px; 
    padding-right: 5px;
}

#activities-card .taking-anticoagulants .top-section h1{
    font-size: 18px;
}
#activities-card .taking-anticoagulants .img-wrapper,
#activities-card .taking-anticoagulants .txt-wrapper
{
    display: inline-block;
    vertical-align: top;
}
#activities-card .taking-anticoagulants .img-wrapper
{   
    width: 142px;
}
#activities-card .taking-anticoagulants .img-wrapper img
{   
    width: 136px;
    height: 136px;
    background-size: 136px;
}
#activities-card .taking-anticoagulants .txt-wrapper
{
    width: 212px;
}
#activities-card .taking-anticoagulants .txt-wrapper p
{
    margin: 0 0 20px;
    line-height: 20px;
}
#activities-card .taking-anticoagulants .txt-wrapper p.small
{
    font-size: 15px;
}

#activities-card .taking-anticoagulants .txt-wrapper .number{
    font-family: 'OpenSans-Bold';
    font-size: 38px;
    color: #DCA130;
}
#activities-card .taking-anticoagulants .btn-section{
    text-align: center;
}
#activities-card .discuss-risk .txt-wrapper p{
    margin-left: 440px;
    width: 310px;
}
#activities-card .discuss-risk .img-wrapper{
    margin: 20px 0px 0px 0px;
}
#activities-card .discuss-risk .img-wrapper img{
    width: 392px;
    height: 456px;
    background-size: 392px 456px;
}
#activities-card .form-group{
    margin-bottom: 8px;
    height: 30px;
}
#activities-card .form-group label.control-label,
#activities-card .form-group div,
#activities-card .form-group input[type="text"]{
    display: inline-block;
    margin-right: 0px;
}
#activities-card .form-group input[type="text"]{
    width:80px;
    height:30px;
    padding: 0 5px;
}
#activities-card .form-group label{
    font-family: 'OpenSans-Regular';
    font-size: 14px;
}
#activities-card .form-group div label{
    width: 38px;
    height: 30px;
    line-height: 30px;
}
#activities-card .inputs-wrapper{
    display: inline-block;
    width: 324px;
}
#activities-card .tooltip-wrapper{
    display: inline-block;
    width: 30px;
    vertical-align: top;
    margin-top: -1px;
}

#activities-card .control-label{
    width: 240px;
}
#activities-card img.tooltip-ico{
    height: 25px;
    width: 25px;
    background-size: 25px auto;
    margin-bottom: 13px;
    margin-top: 5px;
    margin-left: 6px;
}
#activities-card .page.calculate-risk h1,
#activities-card .page.calculate-risk h1
{
    margin-bottom: 10px;
    display: block;
}
#activities-card .page.calculate-risk .title p
{
    width:100%;
    left: 0px;
}
#activities-card .page.calculate-risk label{
    margin-bottom: 0;
    margin-right: -2px;
}
#activities-card .page.discuss-risk .top-section,
#activities-card .page.calculate-risk .top-section,
#activities-card .page.calculate-risk .top-section
{
    height: 388px;
}
#activities-card .form-group.field-hasbled-age .control-label{
    text-align: right;
    padding-right: 15px;
}
.form-group .form-control:focus{
    border-color: #CCCCCC;
}
/*#activities-card .form-group.field-hasbled-age input{
    border: 3px solid #CCCCCC;
}*/
#activities-card .page.calculate-risk .top-section .background-color{
    position: absolute;
    height: 145px;
    width: 100%;
    top: 60px;
    left: 0;
    z-index: -1;
    background-color: #ECEED6;
}
#activities-card .less-detail-risk-bleeding{
    display: none;
}

#activities-card .calculate-risk .results-img{
    display: inline-block;
    width: 416px;
    height: 70px;
    vertical-align: top;
}
#activities-card .calculate-risk .results-img .block{
    display: inline-block;
    width: 92px;
    height: 70px;
    margin-right: -10px;
}
#activities-card .calculate-risk .top-section p{
    margin: -5px 0px 3px 0px;
}
#activities-card .calculate-risk .results-txt{
    display: inline-block;
    width: 166px;
    height: 70px;
    margin-top: -5px;
}
#activities-card .calculate-risk .txt{
    display: inline-block;
    font-family: 'OpenSans-Semibold';
    font-size: 12px;
    line-height: 12px;
    width: 122px;
}
#activities-card .calculate-risk .number{
    display: inline-block;
    font-family: "OpenSans-Bold";
    font-size: 20px;
    line-height: 24px;
    text-align: right;
    width: 35px;
    margin-right: 4px;
}
#activities-card .calculate-risk .number .small{
    display: inline-block;
    font-family: 'OpenSans-Bold';
    font-size: 14px;
    line-height: 14px;
}
#activities-card .calculate-risk .number .regular{
    display: inline-block;
    width: 40px;
    font-family: "OpenSans-Regular";
    font-size: 11px;
    line-height: 11px;
}
#activities-card .calculate-risk .no-serious-bleeds .number{
    color: #00A59D;
}
#activities-card .calculate-risk .fatal-bleeds .number{
    color: #925196;
}
#activities-card .calculate-risk .serious-bleeds .number{
    color: #DCA130;
}
#activities-card .calculate-risk .table-row
{
    height: 17px;
}
#activities-card .calculate-risk .table-col
{
    height: 20px;
    width: 20px;
    background-size: 20px 20px;
    display: inline-block;
    vertical-align: top;
    margin: 2px 1px;
}
#activities-card .calculate-risk .table-col.no-bleeding{
    background-image: url('../images/icon_risk_green_big.png');
}
#activities-card .calculate-risk .table-col.disabling-bleeding{
    background-image: url('../images/icon_risk_purple_big.png');
}
#activities-card .calculate-risk .table-col.fewer-disabling-bleeding{
    background-image: url('../images/icon_risk_green_purple_big.png');
}
#activities-card .calculate-risk .table-col.non-disabling-bleeding{
    background-image: url('../images/icon_risk_yellow_big.png');
}
#activities-card .calculate-risk .table-col.fewer-non-disabling-bleeding{
    background-image: url('../images/icon_risk_purple_yellow_big.png');
}
#activities-card .calculate-risk .table-col.more-bleeding{
    background-image: url('../images/icon_risk_purple_big.png');
}

#activities-card .calculate-risk .withDirectAnticoagulants,
#activities-card .calculate-risk .withWarfarin{
    display: none;
}

#activities-card .calculate-risk .withAnticoagulation,
#activities-card .calculate-risk .withWarfarin{
    margin-top: 10px;
}

.zoom-icon {
    display: inline-block;
    background-image: url('../images/bt_zoom_out.png');
    background-position: center; 
    background-repeat: no-repeat;
    width: 60px;
    height: 60px;
    background-size: 33px;
    cursor: pointer;
    position: absolute;
    z-index: 2;
}
.zoom-icon.in {
    display: inline-block;
    background-image: url('../images/bt_zoom_in.png');
    background-position: center; 
    background-repeat: no-repeat;
    width: 60px;
    height: 60px;
    background-size: 33px;
}
/* Issues - Anticoagulation */
#anticoagulation-card .top-section{
    height: 205px;
}
#anticoagulation-card .bottom-section{
    height: 158px;
}
#anticoagulation-card{
    border-color: #B81C29;
}
#anticoagulation-card .title
{
    background-color: #B81C29;
}
#anticoagulation-card .footer
{
    background-color: #F1D2D4;
}

/* Issues - Reversing */
#reversing-card .top-section{
    height: 205px;
}
#reversing-card .bottom-section{
    height: 158px;
}
#reversing-card{
    border-color: #E55225;
}
#reversing-card .title
{
    background-color: #E55225;
}
#reversing-card .footer
{
    background-color: #FADCD3;
}
#reversing-card .reversing-txt .definition {
    font-family: 'OpenSans-Regular';
    font-size: 18px;
    line-height: 22px;
    margin-left: 7px;
}
#reversing-card .reversing-txt .result{
    position: absolute;
    right: 15px; 
    font-family: 'OpenSans-Bold';
    font-size: 20px;
    color: #E55225;
}

/* Issues - Cost */
#cost-card .top-section{
    height: 175px;
}
#cost-card .bottom-section{
    height: 158px;
}
#cost-card .bottom-section .cost-info{
    margin-bottom: 5px;
}
#cost-card{
    border-color: #00A59D;
}
#cost-card .title
{
    background-color: #00A59D;
}
#cost-card .footer
{
    background-color: #CDEAE9;
}
#cost-card .ico-cost
{
    background-color: #00A59D; 
}
#cost-card .cost-info{
    text-align: right;
}
#cost-card .cost-info p{
    margin: 0px;
    font-size: 18px;
    line-height: 20px;
}
#cost-card .cost-info .value{
    font-family: 'OpenSans-Semibold';
}
#cost-card .cost-info .description{
    font-family: 'OpenSans-Regular';
}


/* Issues - Diet */
#diet-card .top-section{
    height: 190px;
}
#diet-card .bottom-section{
    height: 158px;
}
#diet-card .bottom-section .diet-info p{
    width: 235px;
    margin-bottom: 0px;
}
#diet-card{
    border-color: #925196;
    font-family: 'OpenSans-Regular';
    font-size: 18px;
}
#diet-card .diet-info {
    padding-left: 7px;
}
#diet-card .title
{
    background-color: #925196;
}
#diet-card .footer
{
    background-color: #E9DCEA;
}
#diet-card .ico-diet
{
    background-color: #925196; 
}
#diet-card .diet-img{
    text-align: right;
}
#diet-card .diet-img img{
    width: 162px;
    height: 92px;
    backgorund-size: 168px 86px;
}

/* Document */
#document{
    display: none;
    padding: 50px;
}
#document .top-section{
    margin-top: 40px;
}

#document .form-group.field-documentform-selected_intervention > label,
#document .form-group.field-documentform-document_options > label{
    width: 250px;
    margin-right: 0px;
    font-family: 'OpenSans-Bold';
    font-size: 18px;
}
#documentform-selected_intervention{
    margin:0px;
}
#document .form-group.field-documentform-selected_intervention div label,
#document .form-group.field-documentform-document_options div label{
    height: 36px;
    width: auto;
    margin-left: 35px;
    line-height: 36px;
    padding-left: 50px;
    background-image: url("../images/bt_radio.png");
    background-repeat: no-repeat;
    background-position: 0px 0px; 
    background-color: #ffffff;
    color: #333333;
}
body.ker #document .form-group.field-documentform-selected_intervention div label{
    background-image: url("../images/bt_radio_ker.png");
}
body.ker #document .form-group.field-documentform-document_options div label{
    background-image: url("../images/bt_check_ker.png");
}
#document .form-group.field-documentform-selected_intervention div label{
    background-image: url("../images/bt_radio.png");
}
#document .form-group.field-documentform-document_options div label{
    background-image: url("../images/bt_check.png");
}
#document .form-group.field-documentform-selected_intervention div label.active,
#document .form-group.field-documentform-document_options div label.active{
    background-repeat: no-repeat;
    background-position: 0px -36px;
}
body.ker #document .form-group.field-documentform-selected_intervention div label.active {
    background-image: url("../images/bt_radio_ker.png");
}
body.ker #document .form-group.field-documentform-document_options div label.active {
    background-image: url("../images/bt_check_ker.png");
}
#document .form-group.field-documentform-selected_intervention div label.active {
    background-image: url("../images/bt_radio.png");
}
#document .form-group.field-documentform-document_options div label.active {
    background-image: url("../images/bt_check.png");
}

#document .middle-section{
    border: 2px solid #CCCCCC;
}
#document .bottom-section{
    margin-top: 20px;
}
#document .document-text-area{
    height: 215px;
    font-size: 20px;
    font-family: 'OpenSans-Regular';
    padding: 18px;
    border: 1px solid #fff;
    overflow: auto;
}
#document .document-text-area:focus{
    border: 1px solid #0c5ca8;
}
#document .btns-wrapper{
    text-align: right;
}
#document .field-document-text{
    top:0;
    margin-bottom: 0px;
}
#copy-to-clipboard-wrapper{
    height:40px;
    background-color: #EEEEEE;
    text-align: right;
    display: none;
}
#copy-to-clipboard-wrapper .copy-to-clipboard-txt,
#copy-to-clipboard-wrapper .copy-to-clipboard-error{
    margin-right: 15px;
    display: none;
    line-height: 40px;
    margin-right: 15px;
    vertical-align: top;
}
#copy-to-clipboard-wrapper .copy-to-clipboard-txt{
    color: #666666; 
}
#copy-to-clipboard-wrapper .copy-to-clipboard-error{
    color: #a94442;
}
#copy-to-clipboard-wrapper .copy-to-clipboard-btn{
    display: inline-block;
    width: 23px;
    height: 26px;
    margin: 7px 10px 7px 0;
    background-image: url("../images/bt_copy.png");
    background-size: 23px 26px;
    cursor: pointer;
}
body.ker #copy-to-clipboard-wrapper .copy-to-clipboard-btn{
    background-image: url("../images/bt_copy_ker.png");
}

/* Report */
.pdf{
    color: #666666;
    font-family: 'OpenSans-Regular';
}
.pdf > .page { 
    page-break-after: always;
    width: 860px;
    height: 1300px;
    margin: auto;
    position: relative;
}
.pdf > .page.last { 
    page-break-after:auto;
}
.pdf .page .pageHeader .left .title{ 
    font-family: 'OpenSans-SemiBold';
    font-size: 26px;
}
.pdf .page .pageHeader .left .sub-title{ 
    font-size: 26px;
    line-height: 24px;
    margin-bottom: 8px;
}
.pdf .page.intro {
    color: #E55225;
}
.pdf .page.intro .top .title{
    font-size: 68px;
}
.pdf .page.intro .bottom{
    position: relative;
    font-size: 40px;
    margin-top: 20px;
}
.pdf .page.intro .bottom .img-wrapper{
    position: absolute;
    top: 0;
    left: 0;
}
.pdf .page.intro .bottom .text-wrapper{
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(255, 255, 255, 0.7);;
    width: 615px;
    height: 570px;
    padding: 40px 40px 40px 0px;
    margin-top: 70px;
}
.pdf .page.intro .bottom .text-wrapper .title
{
    line-height: 40px;
    margin: 0;
    margin-bottom: 30px;
}

.pdf .page.intro .bottom .text-wrapper .description{
    margin: 0;
    font-size: 22px;
}
.pdf .page .pageHeader .right .date { 
    font-size: 14px;
    color: #999999;
    float: right;
    clear: right;
    margin-top: 24px;
}
.pdf .page .pageHeader{ 
    height: 150px;
}
.pdf .page .pageHeader .left{ 
    float: left;
}
.pdf .page .pageHeader .right{
    float: right;
    text-align: right;
}
.pdf .page .pageHeader .left .img-wrapper, .pdf .page .pageHeader .right .scores{
    display: inline-block;
    vertical-align: top;
}
.pdf .page .pageHeader .left .img-wrapper {
    margin-top: 8px;
    margin-right: 12px;
}
.pdf .page .pageHeader .left .txt-wrapper {
    display: inline-block;
    vertical-align: top;
    margin-top: 10px;
}
.pdf .page .pageHeader .right .scores{
    text-align: right;
    color: #999999;
    font-size: 14px;
    text-transform: uppercase;
    float: right;
}
.pdf .page .pageHeader .right .scores b{
    margin-left: 10px;
}
.pdf .page table{
    width:100%;
}
.pdf .page table th{
    width:100%;
    text-align: center;
    background-color: #E55225;
    padding:10px;
    color: #ffffff;
    font-size: 22px;
    /*border: 1px solid #fff;*/
}
.pdf .page table tbody td{
    width: 50%;
    background-color: #EEEEEE;
    /*border: 1px solid #fff;*/
    padding: 10px 20px;
}
.pdf .page table td span.left{
    display: inline-block;
    width: 280px;
    text-align: left;
}
.pdf .page table td span.right{
    display: inline-block;
    width:100px;
    text-align: right;
    font-family: 'OpenSans-SemiBold';
}

.pdf #issues,
.pdf #activities-card,
.pdf #anticoagulation-card,
.pdf #reversing-card,
.pdf #cost-card,
.pdf #diet-card
{
    display: inline-block;
}
.pdf .card-wrapper{
    width: auto;
}
.pdf .card-wrapper .card{
    position: relative;
    width: 259px;
    margin-top: 30px;
    height: 335px;
}
.pdf .card-wrapper .card .zoom-icon{
    display: none;
}
.pdf .card-wrapper .card .title p{
    width: 100%;
    font-size: 14px;
}
.pdf .card-wrapper .card .footer{
    height: 40px;
}
.pdf .page.document .bottom{
    margin-top: 40px;
}
.pdf .page.document table td span.left{
    width:200px;
}
.pdf table{
    margin: -4px;
}
.pdf #risk-of-stroke,
.pdf .current-risk-values-anticoagulation .text,
.pdf .side-current-risk-values-anticoagulation{
    display:block;
}

.pdf .medicalSituation .bottom{
    margin-top: 30px;
}

.pdf .current-risk-values .text,
.pdf .current-risk-values-anticoagulation .text{
    width:100%;
}
.pdf .current-risk-values .text .description,
.pdf .current-risk-values-anticoagulation .text .description{
    width: 300px;
}
.pdf .current-risk-values, 
.pdf .current-risk-values-anticoagulation {
    height: 890px;
    width: 420px;
}

.pdf .side-current-risk-values,
.pdf .side-current-risk-values-anticoagulation {
    display: block;
    margin-top: 30px;
    width: 100%;
}
.pdf .current-risk-values{
    margin-right: 10px;
}
.pdf .current-risk-values .values, 
.pdf .current-risk-values-anticoagulation .values{
    margin-top: 20px;
}
.pdf .side-current-risk-values .description,
.pdf .side-current-risk-values-anticoagulation .description {
    padding: 0 0 0 50px;
}
.pdf .side-current-risk-values .value-wrapper,
.pdf .side-current-risk-values-anticoagulation .value-wrapper {
    padding: 0 0 0 50px;
    text-align: left;
    margin-top: 20px;
    width: 300px;
}
.pdf .side-current-risk-values .value-wrapper .value,
.pdf .side-current-risk-values-anticoagulation .value-wrapper .value{
    display: inline-block;
    width: 100px;
    text-align: right;
    font-family: 'OpenSans-SemiBold';
}
.pdf .side-current-risk-values .value-wrapper .value .regular,
.pdf .side-current-risk-values-anticoagulation .value-wrapper .value .regular{
    display: inline-block;
    width:60px;
}
.pdf .side-current-risk-values .value-wrapper .text,
.pdf .side-current-risk-values-anticoagulation .value-wrapper .text {
    display: inline-block;
    font-size: 18px;
    height: auto;
    margin-bottom: 12px;
    margin-left: 10px;
    width: 185px;
}
.pdf .page.bleeding table th{
    background-color: #9fab30;
}
/*.pdf .withAnticoagulation{
    display: none;
}*/
.pdf #activities-card .calculate-risk > p {
    font-size: 20px;
    margin-bottom: 30px;
}
.pdf #activities-card .withDirectAnticoagulants,
.pdf #activities-card .withWarfarin{
    display: block;
}

.pdf #activities-card .results-img,
.pdf #activities-card .results-txt{
    width: 100%;
}
.pdf #activities-card .results-img{
    height: auto;
    display: inline-block;
    width: 330px;
    vertical-align: top;
}
.pdf #activities-card .results-txt{
    height: 40px;
    width: 500px;
    vertical-align: top;
    display: inline-block;
}
.pdf #activities-card .no-serious-bleeds,
.pdf #activities-card .fatal-bleeds,
.pdf #activities-card .serious-bleeds,
.pdf #activities-card .more-bleeds {
    display: inline-block;
    margin-right: 30px;
    margin-top: 30px;
    width: 100%;
}
.pdf #activities-card .number{
    width: 50px;
    text-align: right;
    display: inline-block;
    vertical-align: top;
    font-family: "OpenSans-SemiBold" !important;
}
.pdf #activities-card .txt {
    width: 370px;
    display: inline-block;
    vertical-align: top;
    line-height: 22px;
}
.pdf #activities-card h1 {
    margin-bottom: 0px;
    color: #333333;
    font-size: 24px;
}
.pdf #activities-card h2 {
    color: #333333;
    font-size: 22px;
    font-family: "OpenSans-SemiBold";
    margin-bottom: 20px;
}
.pdf #activities-card .fatalbleeds {
    color: #333333;
    font-size: 18px;
    font-family: "OpenSans-SemiBold";
    margin-top: 40px;
}
.pdf #activities-card .table-row {
    height: 28px;
}
.pdf .current-risk-values h1,
.pdf .current-risk-values-anticoagulation h1 {
    line-height: 30px;
}
.pdf .current-risk-values h1 b,
.pdf .current-risk-values-anticoagulation h1 b {
    font-family: "OpenSans-Semibold";
}
.pdf .current-risk-values h2,
.pdf .current-risk-values-anticoagulation h2{
    font-family: 'OpenSans-Semibold';
}
.pdf #activities-card .table-col {
    background-size: 24px 24px;
    display: inline-block;
    height: 24px;
    margin: 2px;
    vertical-align: top;
    width: 24px;
}
.pdf #activities-card .calculatelegend {
    display: block;
    position: static !important;
    margin-top: 50px;
}
.pdf #activities-card .calculatelegend b {
    font-family: "OpenSans-Semibold";
}
.pdf #activities-card .calculatelegend p img {
    vertical-align: middle;
}
.pdf #activities-card .middlearea {
    margin-top: 40px;
    margin-bottom: 20px;
}
.pdf #activities-card .bleed-sentences {
    background-color: #DDDDDD;
    width: 375px;
    display: inline-block;
    height: 244px;
    vertical-align: top;
    padding: 30px;
    color: #333333;
    font-size: 16px;
    font-family: "OpenSans-Regular";
    line-height: 22px;
}
.pdf #activities-card .bleed-sentences h3 {
    color: #333333;
    font-size: 16px;
    font-family: "OpenSans-SemiBold";
    margin-top: 0;
}
.pdf #activities-card .bleed-factors {
    width: 400px;
    display: inline-block;
    vertical-align: top;
}
.pdf #activities-card .bleed-factors p {
    font-size: 14px;
    font-family: "OpenSans-Regular";
    color: #333333;
    background-color: #EEEEEE;
    height: 32px;
    line-height: 32px;
    padding-left: 10px;
    padding-right: 10px;
    margin: 0;
    margin-bottom: 2px;
}
.pdf #activities-card .bleed-factors p span {
    font-family: "OpenSans-SemiBold";
    text-transform: uppercase;
    float: right;
    width: 40px;
    text-align: right;
}

.pdf #activities-card .table-col.no-bleeding{
    background-image: url('../images/icon_risk_green_big.png');
}
.pdf #activities-card .table-col.disabling-bleeding{
    background-image: url('../images/icon_risk_purple_big.png');
}
.pdf #activities-card .table-col.fewer-disabling-bleeding{
    background-image: url('../images/icon_risk_green_purple_big.png');
}
.pdf #activities-card .table-col.non-disabling-bleeding{
    background-image: url('../images/icon_risk_yellow_big.png');
}
.pdf #activities-card .table-col.fewer-non-disabling-bleeding{
    background-image: url('../images/icon_risk_purple_yellow_big.png');
}
.pdf #activities-card .table-col.more-bleeding{
    background-image: url('../images/icon_risk_purple_big.png');
}

.pdf #activities-card,
.pdf #cost-card{
    margin-left: 10px;
    margin-right: 10px;
}

.pdf .card-wrapper .card .title{
    height: 40px;
}
.pdf .card-wrapper .card .title p{
    height: 40px;
    line-height: 34px; 
    left: 0px;
}
.pdf .card-wrapper .card .footer{
    height: 20px;
}
.pdf .card-wrapper .card .footer p{
    font-size: 10px;
    line-height: 11px;
}
.pdf .card-wrapper .card .page .white-strip,
.pdf .card-wrapper .card .page .color-strip{
    font-size: 12px;
    height: 18px;
}
.pdf .card-wrapper .card .page .color-strip{
    margin: 0 -14px;
}

.pdf .card-wrapper .card .page .brand-name{
    font-size: 12px;
}
.pdf .card-wrapper .card .page h1,
.pdf #activities-card .taking-anticoagulants .top-section h1{
    font-size: 12px;
    margin-bottom: 10px;
}
.pdf #options-card .top-section {
    height: 120px;
}
.pdf #reversing-card .reversing-txt .definition{
    font-size: 11px;
    line-height: 11px;   
}
.pdf #reversing-card .reversing-txt .result{
    font-size: 14px;
    line-height: 14px;
    margin-top: 0px;
}
.pdf #reversing-card .top-section {
    height: 115px;
}

.pdf .card-wrapper .card .footer {
    width: 237px;
    padding: 10px;
    border: none !important;
    left: 1px;
}
.pdf #cost-card .top-section {
    height: 95px;
}

.pdf .card-wrapper .card .page .ico-cost,
.pdf .card-wrapper .card .page .ico-diet{
    background-size: 12px 12px;
    height: 12px;
    width: 12px;
}
.pdf #cost-card .cost-info p {
    font-size: 12px;
    line-height: 14px;
}

.pdf .card-wrapper .card .page .white-strip .brand-name,
.pdf .card-wrapper .card .page .color-strip .brand-name{
    left: 100px;
}

.pdf #diet-card{
    font-size: 12px;
    line-height: 14px;
}

.pdf #diet-card .top-section {
    height: 120px;
}
.pdf #diet-card .diet-info p{
    margin-top: 0px;
}

.pdf #diet-card .diet-img img {
    height: 72px;
    width: 126px;
    margin-top: -10px;
}

.pdf #diet-card .bottom-section .diet-info p{
    width: 155px;
}

.pdf .card-wrapper .card .page .white-strip .routine,
.pdf .card-wrapper .card .page .color-strip .routine {
    left: 168px;
}
.pdf .card-wrapper .card .page .routine{
    font-size: 12px;
}
.pdf #anticoagulation-card .top-section {
    height: 120px;
}

.pdf .card-wrapper .card .page .ico-pill,
.pdf .card-wrapper .card .page .ico-syringe {
    background-size: 10px 10px;
    height: 10px;
    margin-right: 4px;
    width: 10px;
}

.pdf .card-wrapper .card .page .ico-pill.shift {
    margin-left: 10px;
}

.pdf #activities-card .taking-anticoagulants ul {
    margin: 0;
}
.pdf #activities-card{
    font-size: 12px;
    line-height: 12px;
}
.pdf #activities-card .taking-anticoagulants .top-section {
    height: 105px;
}
.pdf 
#activities-card .taking-anticoagulants .img-wrapper img {
    background-size: 80px auto;
    height: 80px;
    width: 80px;
}
.pdf #activities-card .taking-anticoagulants .img-wrapper {
    width: 90px;
}
.pdf #activities-card .taking-anticoagulants .txt-wrapper {
    width: 134px;
}

.pdf #activities-card .taking-anticoagulants .txt-wrapper p.small {
    font-size: 11px;
    line-height: 11px;
    margin-bottom: 10px;
}
.pdf #activities-card .taking-anticoagulants .txt-wrapper p {
    font-size: 11px;
    line-height: 11px;
}
.pdf #activities-card .taking-anticoagulants .txt-wrapper .number{
    font-size: 24px;
    line-height: 20px;
}
.pdf b{
    font-family: 'OpenSans-Semibold'; /* WKPDF does not like OpenSans-Bold*/
}
.pdf .card-wrapper .card .page .top-section .white-strip .name,
.pdf .card-wrapper .card .page h1, .pdf #activities-card .taking-anticoagulants .top-section h1{
    font-family: "OpenSans-SemiBold";
}

.pdf #activities-card .calculate-risk .number{
    font-family: "OpenSans-SemiBold";
}
.pdf #activities-card .calculate-risk .txt {
    margin-left: 10px;
}
.menu-options {
    position: absolute;
    top: 0;
    left: 10px;
}
.menu-options {
    color: #FFFFFF;
    text-transform: uppercase;
    font-family: "OpenSans-Regular";
    font-size: 14px;
    font-weight: normal;
    padding-top: 6px;
}
.menu-options label {
    margin-bottom: 0;
    margin-left: 6px;
}
.menu-options input {
    width: 18px;
    height: 12px;
}
.withoutAnticoagulation .more-bleeds {
    display: none;
}
.withAnticoagulation .more-bleeds .number {
    color: #29ABE2;
}
.page.issues #issues-card-wrapper {
    height: 900px;
}
.page.issues #issues-card-wrapper .card {
    position: relative;
}
.page.issues #issues-card-wrapper .title p {
    padding: 0;
    text-align: center;
}
.page.issues #issues-card-wrapper #options-card {
    position: static;
}
.page.issues #issues-card-wrapper #activities-card {
    position: static;
}
.page.issues #issues-card-wrapper #anticoagulation-card {
    position: static;
}
.page.issues #issues-card-wrapper #reversing-card {
    position: static;
}
.page.issues #issues-card-wrapper #cost-card {
    position: static;
}
.page.issues #issues-card-wrapper #diet-card {
    position: static;
}
.page.issues .card-wrapper .card .page .color-strip {
    margin-left: -8px;
    margin-right: -6px;
}
.page.issues .card-wrapper .card .discuss-bleeding {
    display: none;
}
.page.issues .card-wrapper .card .page {
    position: relative !important;
    height: 334px;
}
.page.issues .card-wrapper .card .footer {
    border: 1px solid red;
    margin-top: 30px;
    padding: 6px 10px;
}
.pdf #activities-card .more-bleeds {
    display: inline-block;
}
.pdf #activities-card .calculate-risk .more-bleeds .txt {
    width: 194px;
}
.site-credits {
    position: relative;
    margin: 20px auto 0px;
    width: 848px;
}
.site-credits h2 {
    color: #333333;
    font-size: 18px;
    font-family: "OpenSans-Bold";
}
.site-credits h3 {
    color: #666666;
    font-size: 14px;
    font-family: "OpenSans-Bold";
    margin-bottom: 4px;
}
.site-credits p {
    color: #666666;
    font-size: 14px;
    font-family: "OpenSans-Regular";
}
#activities-card .txt-wrapper .number.blue {
    color: #29ABE2;
}
#activities-card .txt-wrapper .number.green,
#activities-card .number.green {
    color: #00A59D;
    font-size: 36px;
    font-family: "OpenSans-Bold";
}
#activities-card .txt-wrapper .number.yellow,
#activities-card .number.yellow {
    color: #E69F00;
    font-size: 36px;
    font-family: "OpenSans-Bold";
}
#activities-card .number.purple {
    color: #925196;
    font-size: 36px;
    font-family: "OpenSans-Bold";
}
.btn-section {
    padding-top: 11px;
    position: relative;
    z-index:1000;
}
.calculate-risk .btn-section {
    padding-top: 17px;
}
.alerts {
    display: inline-block;
    width: 330px;
    margin-left: 50px;
    vertical-align: top;
    color: #333333;
    font-size: 16px;
    font-family: "OpenSans-Regular";
    margin-left: 384px;
    padding-top: 17px;
    padding-left: 25px;
}
.average-risk {
    position: relative;
}
.average-risk h1 {
    display: block !important;
    margin: 0 0 0 16px !important;
    padding-top: 16px;
}
.average-risk h1 + img {
    margin-left: 40px;
    margin-top: 20px;
}
.average-risk .txt-wrapper {
    color: #333;
    font-size: 16px;
    font-family: "OpenSans-Regular";
}
.average-risk .content {
    padding: 0 !important;
}
.average-risk .img-wrapper {
    background-color: rgba(159, 171, 48, 0.15);
    width: 392px;
    height: 457px;
    display: inline-block;
    vertical-align: top;
}
.average-risk .txt-wrapper {
    display: inline-block;
    width: 392px;
    vertical-align: top;
    padding: 15px;
}
.average-risk .number {
    display: inline-block;
    width: 40px;
    vertical-align: top;
    text-align: right;
}
.average-risk .texto {
    display: inline-block;
    width: 300px;
    margin-left: 12px;
    vertical-align: top;
    margin-top: 22px;
}
.average-risk .btn-section {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
}
.average-risk .exit-average-bleeding {
    margin-left: 8px;
    margin-bottom: 8px;
    margin-top: 21px;
}
.average-risk .discuss-bleeding {
    margin-right: 10px;
    margin-bottom: 10px;
    float: right;
    line-height: 20px;
    height: 60px !important;
}
.discuss-risk {
    position: relative;
}
.discuss-risk .img-wrapper {
    position: absolute;
    top: 40px;
    left: 0;
    width: 392px;
    height: 461px;
}
.discuss-risk .txt-wrapper {
    margin-left: 0px;
    width: auto;
    position: relative;
    z-index: 100;
}
.exit-discuss-bleeding {
    background-color: #fff;
}
.discuss-bleeding .btn-section {
    padding-top: 16px;
}
.calculate-risk {
    position: relative;
}
.calc-section {
    position: absolute;
    top: 60px;
    left: 0;
    background-color: rgba(159, 171, 48, 0.15);
    width: 392px;
    height: 461px;
    padding: 15px;
}
.calculate-risk .riskalert {
    font-family: "OpenSans-Bold";
    font-size: 18px;
    color: #333;
    margin-top: 10px;
    margin-left: 22px;
}
.calculate-risk ul {
    margin-left: 15px;
    margin-top: 20px;
    color: #333;
    font-size: 18px;
    font-family: "OpenSans-Regular";
}
.riskresultsdiv {
    margin-left: 384px;
    height: 461px;
    padding-top: 17px;
    padding-left: 25px;
}
.riskresultsdiv .table-col {
    margin-right: 4px;
}
.riskresultsdiv .table-row {
    margin-bottom: 6px;
}
.calculate-risk .images {
    width: 222px;
    display: inline-block;
    vertical-align: top;
    padding-top: 27px;
}
.loweraverage,
.inaverage,
.higheraverage {
    display: none;
    color: #333333;
    font-size: 18px;
    font-family: "OpenSans-Bold";
}
.over {
    display: none;
    color: #333333;
    font-size: 16px;
    font-family: "OpenSans-Regular";
    margin-bottom: 20px !important;
}
.calculateresults {
    width: 140px;
    display: inline-block;
    margin-left: 4px;
}
.calculateriskresult {
    display: none;
    color: #333333;
    font-size: 16px;
    font-family: "OpenSans-Regular";
}
.calculatelegend {
    display: none;
    color: #333333;
    font-size: 14px;
    font-family: "OpenSans-Regular";
}
.calculatelegend b {
    font-family: "OpenSans-Bold";
}
.calculateriskresult .number {
    width: auto !important;
}
.averagecomparison {
    margin-bottom: 14px !important;
}
.calculatelegend {
    position: absolute;
    bottom: -10px;
}
.calculatelegend p {
    margin-bottom: 10px !important;
}
.calculatelegend p img {
     margin-right: 10px;
}
.exit-risk-bleeding {
    margin-left: 8px;
    margin-top: 2px;
}
.bleedsfatal {
    font-size: 16px;
    font-family: "OpenSans-Bold";
    color: #333;
    margin-top: 40px;
}
.pdf .average-bleeding {
	display: none;
}
.pdf .number .regular {
    width: 32px;
    display: inline-block;
    font-size: 12px;

}
.copiedtoclipboard {
    font-size: 14px;
    color: #a94442;
    font-family: "OpenSans-Bold";
    position: absolute;
    bottom: 80px;
    left: 50px;
}
.pdf .bleeding #activities-card {
    font-size: 16px;
}
#document-form .btn {
    opacity: 0.3;
    filter: alpha(opacity=30);
}
.pdf #activities-card h1 {
    color: #9FAB30;
    font-size: 25px;
    font-family: "OpenSans-SemiBold";
    margin-bottom: 30px;
    padding-top: 14px;
}
.pdf #options-card{
    width: 820px;
    margin-top: 20px;
    margin-left: 10px;
}
.pdf #options-card .text-card{
    padding: 0px 22px;
}
.pdf #options-card .text-card p{
    margin-top: 18px;
    margin-bottom: 10px;
    font-size: 18px;
    line-height: 20px;
}
.pdf .card-wrapper .text-card b{
    font-family: "OpenSans-SemiBold";
}
.pdf #options-card .text-card h3{
    margin-top: 18px;
    margin-bottom: 15px;
    font-size: 15px;
}
.pdf #options-card .text-card h3 b{
    font-size: 18px;
}
.pdf #options-card .continuebtn{
    display: none;
}
.pdf .card-wrapper .text-card ul{
    margin-left: 418px;
    margin-top: 0px;
    margin-bottom: 22px;
}
.pdf .card-wrapper .text-card ul li{
    font-size: 14px;
}

.pdf .page.issues #issues-card-wrapper #activities-card,
.pdf .page.issues #issues-card-wrapper #anticoagulation-card,
.pdf .page.issues #issues-card-wrapper #reversing-card,
.pdf .page.issues #issues-card-wrapper #cost-card,
.pdf .page.issues #issues-card-wrapper #diet-card
{
    margin-top: 20px;
}

