@font-face {
    font-family: 'OpenSans-Regular';
    src: url(../fonts/OpenSans/OpenSans-Regular.ttf);
}
@font-face {
    font-family: 'OpenSans-RegularIE';
    src: url(../fonts/OpenSans/OpenSans-Regular.eot);
}

@font-face {
    font-family: 'OpenSans-Italic';
    src: url(../fonts/OpenSans/OpenSans-Italic.ttf);
}
@font-face {
    font-family: 'OpenSans-ItalicIE';
    src: url(../fonts/OpenSans/OpenSans-Italic.eot);
}

@font-face {
    font-family: 'OpenSans-Bold';
    src: url(../fonts/OpenSans/OpenSans-Bold.eot);
}
@font-face {
    font-family: 'OpenSans-BoldIE';
    src: url(../fonts/OpenSans/OpenSans-Bold.eot);
}
@font-face {
    font-family: 'OpenSansBoldIE';
    src: url(../fonts/OpenSans/OpenSans-Bold.eot);
}

@font-face {
    font-family: 'OpenSans-SemiBold';
    src: url(../fonts/OpenSans/OpenSans-Semibold.ttf);
}
@font-face {
    font-family: 'OpenSans-SemiBoldIE';
    src: url(../fonts/OpenSans/OpenSans-Semibold.eot);
}

@font-face {
    font-family: 'OpenSans-CondensedBold';
    src: url(../fonts/OpenSans/OpenSans-CondBold.ttf);
}
@font-face {
    font-family: 'OpenSans-CondensedBoldIE';
    src: 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);
}
@font-face {
    font-family: 'OpenSans-ExtraBoldIE';
    src: url(../fonts/OpenSans/OpenSans-ExtraBold.eot);
}

html,
body {
    height: 100%;
    /*background-color: #EEEEEE;*/
    background-color: #ffffff;
    font-family: 'Roboto';
}

.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: 700px;
}

.container {
    padding: 0px;
    width: 1024px !important;
    min-height: 750px;
}

.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;
    min-height: 40px;
    padding: 0px 20px;
    font-family: 'OpenSans-SemiBold, OpenSans-SemiBoldIE';
    font-size: 18px;
}

body.ker .btn.btn-primary.start {
    background-color: #00754a !important;
}

.btn.btn-primary[disabled] {
    opacity: .30;
}

.btn.btn-primary.start {
    height: 60px;
    width: 250px;
    background-color: #0c5ca8 !important;
    border-radius: 0px;
    color: #fff !important;
    font-family: 'OpenSans-Regular, OpenSans-RegularIE';
    font-size: 28px;
    line-height: 56px;
    margin-top: 10px;
}

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, OpenSans-BoldIE';
    margin-top: 20px;
}

.header .brand-wrapper p.subtitle {
    margin-top: 4px;
    margin-bottom: 0px;
    font-size: 20px;
    line-height: 20px;
    font-family: 'OpenSans-Regular, OpenSans-RegularIE';
}

.header .btn-wrapper {
    position: absolute;
    top: 0px;
    right: 0;
}

.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 {
    text-align: center;
    background-color: #ffffff;
    padding: 30px 0;
}

.footer p {
    padding: 0px;
    margin: 0px;
    color: #999999;
}

.footer a {
    padding: 0px;
    margin: 0px;
    color: #999999;
    font-family: 'Roboto';
    text-decoration: underline;
}

.footer .title {
    color: #999999;
    font-family: 'Roboto Medium';
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 19px;
    text-align: center;
}

.footer .policy {
    margin-top: 10px;
    font-size: 11px;
    font-family: 'Roboto';
}

.footer .legal {
    margin-top: 14px;
    font-size: 11px;
    width: 813px;
    padding: 0 80px;
    margin: auto;
    font-family: 'Roboto';
}

.footer .rights {
    font-size: 11px;
}


/* Tooltips */

.tooltip-inner {
    width: 175px;
    max-width: 175px;
    padding: 10px;
    font-family: 'Roboto';
    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, OpenSans-RegularIE';
    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: 890px !important;
}
.zoom-icon.out{
    margin-top: 10px;
}
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;
}

body.ker #navigation-menu li.menu-btn {
    background-color: #00925d;
}

#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;
}

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, OpenSans-RegularIE';
}

#menu-values-wrapper .calc-value {
    margin-left: 10px;
    font-size: 16px;
    font-family: 'OpenSans-Bold, OpenSans-BoldIE';
}

.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, OpenSans-RegularIE';
    font-size: 34px;
    margin: 0px 0px 15px 0px;
}

.site-index .txt-wrapper p.description {
    font-family: 'OpenSans-Regular, OpenSans-RegularIE';
    font-size: 16px;
    margin-bottom: 12px;
    line-height: 21px;
}

.site-index .txt-wrapper p.description2 {
    font-family: 'OpenSans-Regular, OpenSans-RegularIE';
    font-size: 13px;
    margin-bottom: 30px;
    margin-top: 30px;
}

.site-index .txt-wrapper p.decisiontitle {
    font-family: "OpenSans-SemiBold";
    font-size: 16px;
}

.site-index .caution-wrapper {
    margin-top: 10px;
    background-color: #ffffff;
    padding: 12px;
    width: 250px;
    font-family: 'OpenSans-Regular, OpenSans-RegularIE';
    font-size: 14px;
}

.site-index .caution-wrapper .caution-title {
    color: #ed1c24;
    font-family: 'OpenSans-Bold, OpenSans-BoldIE';
}


/* 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: 82px;
    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-Bold, OpenSans-RegularIE";
}

#medical-situation-form .top-section {
    position: relative;
    height: 110px;
    left: 296px;
    width: 400px;
}

#medical-situation-form .bottom-section {
    position: relative;
    height: 250px;
    left: 296px;
    width: 400px;
}

#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: 330px;
    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: 400px;
}

#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, OpenSans-BoldIE';
    font-size: 13px;
    margin: 10px 0 15px;
}

.side-current-risk-values .value,
.side-current-risk-values-anticoagulation .value {
    font-family: 'OpenSans-Bold, OpenSans-BoldIE';
    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, OpenSans-RegularIE';
}

.side-current-risk-values .text,
.side-current-risk-values-anticoagulation .text {
    font-family: 'OpenSans-Regular, OpenSans-RegularIE';
    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 {
    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 {
    height: 715px;
    width: 480px;
    border-radius: 20px;
    background-color: #EEEEEE;
    margin-left: 20px;
}

.current-risk-values-anticoagulation {
    height: 715px;
    width: 480px;
    border-radius: 20px;
    background-color: #EEEEEE;
    margin-left: 20px;
}
#ANY_KIND_OF_STROKE_ICONS_WITH_OUT_MEDICINES.active,
#ANY_KIND_OF_STROKE_DESCRIPTION_WITH_OUT_MEDICINE.active,
#DISABLING_STROKE_DESCRIPTION_WITH_OUT_MEDICINE.active,
#DISABLING_STROKE_ICONS_WITH_OUT_MEDICINES.active,
#ANY_KIND_OF_STROKE_DESCRIPTION_WITH_MEDICINE.active,
#DISABLING_STROKE_DESCRIPTION_WITH_MEDICINE.active,
#ANY_KIND_OF_STROKE_ICONS_WITH_OUT_MEDICINES.active,
#DISABLING_ICONS_WITH_OUT_MEDICINES.active,
.current-risk-values__header__title__text.active,
#ANY_KIND_OF_STROKE_ICONS_WITH_MEDICINES.active,
#DISABLING_STROKE_ICONS_WITH_MEDICINES.active
{
    display: block  !important;
}
#ANY_KIND_OF_STROKE_ICONS_WITH_OUT_MEDICINES,
#ANY_KIND_OF_STROKE_DESCRIPTION_WITH_OUT_MEDICINE,
#DISABLING_STROKE_DESCRIPTION_WITH_OUT_MEDICINE,
#DISABLING_STROKE_ICONS_WITH_OUT_MEDICINES,
#ANY_KIND_OF_STROKE_DESCRIPTION_WITH_MEDICINE,
#DISABLING_STROKE_DESCRIPTION_WITH_MEDICINE,
#ANY_KIND_OF_STROKE_ICONS_WITH_OUT_MEDICINES,
#DISABLING_ICONS_WITH_OUT_MEDICINES,
.current-risk-values__header__title__text,
#ANY_KIND_OF_STROKE_ICONS_WITH_MEDICINES,
#DISABLING_STROKE_ICONS_WITH_MEDICINES
{
    display: none !important;
}

.current-risk-values h1,

/*remove*/
.current-risk-values-anticoagulation h1 {
    margin: 0;
    font-size: 28px;
    padding: 28px 0px 0px 0px;
    height: 82px;
    width: 480px;
    border-radius: 20px 20px 0 0;
    background-color: #082D5A;
    color: #FFFFFF;
    font-family: "Roboto Condensed Bold";
    font-size: 22px;
    letter-spacing: 0;
    line-height: 25px;
    text-align: center;
}

.current-risk-values h2,
.current-risk-values-anticoagulation h2 {
    margin: 0px auto;
    font-family: 'OpenSans-Bold, OpenSans-BoldIE';
    font-size: 24px;
}

.current-risk-values .description,
.current-risk-values-anticoagulation .description {
    font-size: 16px;
    text-align: left;
    margin-bottom: 0;
    color: #082D5A;
    font-family: 'Roboto';
    font-size: 18px;
    letter-spacing: 0;
    line-height: 21px;
    padding: 10px 20px 10px 20px;
}

.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: 29.6px;
}

.current-risk-values .values .table-cell,
.current-risk-values-anticoagulation .values .table-cell {
    height: 32px;
    width: 100%;
    display: inline-block;
    background-position: center;
}

.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;
    padding-top: 0;
    overflow: hidden;
    height: 690px !important;
}
#issues.zoomed{
    height: 890px !important;
}
.side-options {
    display: inline-block;
    width: 190px;
    vertical-align: top;
    margin-right: 8px;
    padding: 0 19px 0 10px;
}

.side-options ul {
    padding: 0px;
    margin: 0px 0px 0px 0px;
}

.side-options ul li {
    width: 100%;
    height: 60px;
    color: #fff;
    margin-bottom: 10px;
    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;
    box-sizing: border-box;
    height: 71px;
    width: 243px;
    border: 1px solid #6E7687;
    border-radius: 35px;
    color: #6C7689;
    font-family: 'Roboto Medium';
    font-size: 19px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 23px;
    text-align: center;
    padding: 0 25px;
}

.side-options ul li.btn.active p,
.side-options ul li.btn:hover p {
    color: #ffffff !important;
}

.side-options ul li.btn.active,
.side-options ul li.btn:active,
.side-options ul li.btn:focus {
    box-shadow: none;
}

#activities-btn.btn.active,
#activities-btn.btn:hover {
    background-color: #BAC55E;
    border-color: #BAC55E;
}

#anticoagulation-btn.btn.active,
#anticoagulation-btn.btn:hover {
    background-color: #F66080;
    border-color: #F66080;
}

#cost-btn.btn.active,
#cost-btn.btn:hover {
    background-color: #00ACA0;
    border-color: #00ACA0;
}

#diet-btn.btn.active,
#diet-btn.btn:hover {
    background-color: #925196;
    border-color: #925196;
}

.side-options ul li p {
    display: table-cell;
    vertical-align: middle;
    color: #6C7689;
    font-family: 'Roboto Medium';
    font-size: 19px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 23px;
    text-align: center;
}

.card-wrapper {
    position: relative;
    display: inline-block;
    height: 700px;
    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: 352px;
    height: 679px;
    position: absolute;
    vertical-align: top;
    border-radius: 20px;
    background-color: #EEEEEE;
    left: -700px;
    /*left: -417px;*/
}

.card-wrapper #options-card {
    height: 679px;
    width: 980px;
    border-radius: 20px;
    background-color: #EEEEEE;
    left: 15px;
}

.card-wrapper #options-card .content {
    padding: 0;
}

.card-wrapper .text-card {
    font-family: "Roboto";
    font-size: 22px;
    color: #333;
    /* padding-top: 40px;
    padding-left: 40px; */
    position: relative;
    height: 250px;
}

.card-wrapper .text-card p {
    font-size: 24px;
    font-family: "Roboto";
    color: #15437b;
    width: 692px;
}

.card-wrapper .text-card b {
    font-family:'Roboto Bold';
}

.card-wrapper .text-card h3 {
    margin-top: 0;
    font-size: 18px;
    margin-top: 40px;
    position: absolute;
    right: 100px;
}

.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;
    color: #333333;
    font-family: 'Roboto';
    font-size: 18px;
    letter-spacing: 0;
    line-height: NaNpx;
    position: absolute;
    top: 180px ;
}

.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;
    position: absolute;
    left: 140px;
    color: #999999;
    font-family: 'Roboto Light Italic';
    font-size: 18px;
    font-weight: 300;
    letter-spacing: 0;
    line-height: NaNpx;
}

.card-wrapper .text-card ul li:nth-child(2n-1) {
    background-color: #eeeeee;
}

.minimize-text {
    line-height: 28px;
    padding: 44px 42px;
    padding-left: 151px;
}

.context-menu {
    color: #6E7687;
    font-family: "Roboto Condensed";
    font-size: 22px;
    font-weight: bold;
    letter-spacing: 0;
    line-height: 25px;
    text-align: center;
    padding: 16px 45px 16px 40px;
    width: 262px;
}

.continuebtn {
    display: inline-block;
    position: absolute;
    bottom: 22px;
    right: 320px;
    height: 44px;
    width: 339px;
    border-radius: 35px;
    background-color: #0C5CA8;
    color: #FFFFFF;
    font-family: "Roboto Medium";
    color: #FFFFFF;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 22px;
    padding: 11px;
    text-align: center;
    cursor: pointer;
}

.card-wrapper .card .title {
    height: 82px;
    width: 100%;
    border-radius: 20px 20px 0 0;
}

.card-wrapper .card .title img {
    display: inline-block;
    background-color: #666666;
}

.card-wrapper .card .title p {
    color: #FFFFFF;
    font-family: "Roboto Condensed";
    font-size: 22px;
    font-weight: bold;
    letter-spacing: 0;
    line-height: 25px;
    padding: 0;
    padding-left: 0 !important;
    text-align: center;
    margin: 0;
    height: 82px;
    padding-top: 28px;
}

.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;
    padding: 6px 15px;
    width: 100%;
    color: #333333;
    font-size: 15px;
    line-height: 22px;
    font-family: 'OpenSans-Regular, OpenSans-RegularIE';
}

.card-wrapper .card.expanded {
    position: absolute;
    top: 0px;
    left: 0px !important;
    /*width:616px;*/
    width: 730px;
    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;*/
    height: 100%;
    width: 730px;
}

.card-wrapper .card .page {
    display: none;
}

.card-wrapper .card .page.expanded {
    display: none;
}

.card-wrapper .card .page .content {
    padding: 22px 21px;
}

.card-wrapper .card .page h1 {
    display: inline-block;
    font-family: 'OpenSans-Bold, OpenSans-BoldIE';
    font-size: 18px;
    margin: 0px 0px 15px 7px;
    margin: 0;
}

.card-wrapper .card .page .brand-name {
    font-family: 'OpenSans-Italic, OpenSans-ItalicIE';
    font-size: 18px;
    color: #999999;
}

.card-wrapper .card .page .routine {
    font-family: 'OpenSans-SemiBold, OpenSans-SemiBoldIE';
    font-size: 18px;
    color: #666666;
}

.card-wrapper .card .page .top-section .white-strip .name {
    font-family: 'OpenSans-Bold, OpenSans-BoldIE';
    margin-left: 7px;
}

.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, OpenSans-RegularIE';
    font-size: 18px;
}

.card-wrapper .card .page .white-strip .brand-name,
.card-wrapper .card .page .color-strip .brand-name {
    position: absolute;
    left: 180px;
    color: #999999;
    font-family: 'Roboto Light Italic';
    font-size: 18px;
    font-style: italic;
    font-weight: 300;
    letter-spacing: 0;
    line-height: NaNpx;
}

.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 {
    color: #333333;
    font-family: 'Roboto Bold';
    font-size: 18px;
    letter-spacing: 0;
    line-height: NaNpx;
    margin-left: 14px;
}

.card-wrapper .card .page .ico-values,
.card-wrapper .card .page .ico-values {
    position: absolute;
    right: 15px;
}

.card-wrapper .card .page .footer p {
    color: #6E7687;
    font-family: 'Roboto';
    font-size: 16px;
    letter-spacing: -0.5px;
    line-height: 22px;
    text-align: left;
    margin-top: 40px;
}

.card-wrapper .card .page .ico-pill {
    display: inline-block;
    width: 23px;
    height: 23px;
    background-size: cover;
    margin-right: 9px;
}

.card-wrapper .card .page .ico-syringe {
    display: inline-block;
    width: 23px;
    height: 23px;
    background-size: cover;
    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 {
    width: 100%;
    border-radius: 20px 20px 0 0;
    background-color: #29ABE2;
    text-align: center;
    padding: 28px;
    height: 82px;
}

#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, OpenSans-RegularIE';
    font-size: 18px;
}

#activities-card .title,
#activities-card .footer {
    background-color: #BAC55E;
}

#activities-card .taking-anticoagulants .top-section {
    height: 490px;
}

#activities-card .taking-anticoagulants .bottom-section {
    height: 219px;
}

#activities-card .taking-anticoagulants ul {
    list-style: none;
    color: #333333;
    font-family: 'Roboto';
    font-size: 18px;
    letter-spacing: 0;
    line-height: 21px;
    padding: 20px;
}

#activities-card .taking-anticoagulants ul li:before {
    content: "•";
    font-size: 14px;
    padding-right: 5px;
}

#activities-card .taking-anticoagulants .top-section h1 {
    color: #333333;
    font-family: 'Roboto Bold';
    font-size: 18px;
    letter-spacing: -0.29px;
    line-height: NaNpx;
    margin: 0;
}

#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, OpenSans-BoldIE';
    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 {
    height: 38px;
    margin-bottom: 10px;
    vertical-align: middle;
    position: relative;
}

#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;
    top: 0;
    position: absolute;
    left: 10;
    left: 200px;
    font-size: 14px;
    width: 100px;
    color: #082D5A;
    font-family: 'Roboto';
    font-size: 14px;
    letter-spacing: 0;
    line-height: 16px;
}

#activities-card .form-group input[type="text"] {
    width: 80px;
    height: 30px;
    padding: 0 5px;
    text-align: center;
    font-size: 18px;
    font-family: 'Roboto Medium';
    text-align: center;
    color: #6E7687;
}

#activities-card .form-group label {
    font-family: 'OpenSans-Regular, OpenSans-RegularIE';
    font-size: 14px;
}

#activities-card .form-group div label {
    line-height: 40px;
    font-size: 18px;
}

#activities-card .inputs-wrapper {
    float: left;
    width: 300px;
}

#activities-card .tooltip-wrapper {
    float: right;
    margin-right: 15px;
    width: 25px;
    vertical-align: top;
    margin-top: -1px;
}

#activities-card .control-label {
    width: 200px;
}

#activities-card .page .average-risk .active img.tooltip-ico{
    
}
#activities-card .page .average-risk .active .tooltip-wrapper {

}

#activities-card img.tooltip-ico {
    height: 25px;
    width: 25px;
    background-size: 25px auto;
    margin-bottom: 23px;
    margin-top: 10px;
}

#activities-card .page.calculate-risk h1 {
    color: #333333;
    font-family: 'Roboto Bold';
    font-size: 18px;
    letter-spacing: -0.29px;
    line-height: 21px;
    margin-bottom: 22px;
    display: block;
}

#activities-card .page.calculate-risk .title p {
    width: 100%;
    left: 0px;
}

#activities-card .page.calculate-risk label {
    margin-bottom: 0;
    left: 0;
    width: 190px;
}

#activities-card .page.discuss-risk .top-section,
#activities-card .page.calculate-risk .top-section,
#activities-card .page.calculate-risk .top-section {
    height: 500px;
}

#activities-card .form-group.field-hasbled-age .control-label {
    padding-right: 15px;
}

.form-group .form-control:focus {
    border-color: #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 !important;
    font-size: 14px;
}

#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, OpenSans-SemiBoldIE';
    font-size: 12px;
    line-height: 12px;
    width: 122px;
}

#activities-card .calculate-risk .number {
    display: inline-block;
    color: #EA4E42;
    font-family: 'Roboto';
    font-size: 24px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 28px;
    margin-right: 4px;
}

#activities-card .calculate-risk .number .small {
    display: inline-block;
    font-family: 'OpenSans-Bold, OpenSans-BoldIE';
    font-size: 14px;
    line-height: 14px;
}

#activities-card .calculate-risk .number .regular {
    display: inline-block;
    width: 40px;
    font-family: "OpenSans-Bold, OpenSans-RegularIE";
    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: 30px;
}

#activities-card .calculate-risk .table-col {
    height: 30px;
    width: 25px;
    display: inline-block;
    vertical-align: top;
    margin: 2px 1px;
    background-size: cover;
}

#activities-card .calculate-risk .table-col.no-bleeding.male {
    background-image: url('../images/calculator_icons/Male_Green.png');
}
#activities-card .calculate-risk .table-col.no-bleeding.female {
    background-image: url('../images/calculator_icons/Female_Green.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.male {
    background-image: url('../images/calculator_icons/Male_Orange.png');
}
#activities-card .calculate-risk .table-col.non-disabling-bleeding.female {
    background-image: url('../images/calculator_icons/Female_Orange.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.male {
    background-image: url('../images/calculator_icons/Male_Red.png');
}
#activities-card .calculate-risk .table-col.more-bleeding.female {
    background-image: url('../images/calculator_icons/Female_Red.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: 82px;
    background-size: 33px;
    height: 82px;
    padding-top: 28px;
}


/* Issues - Anticoagulation */

#anticoagulation-card .top-section {
    height: auto;
}

#anticoagulation-card .bottom-section {
    height: 158px;
}

#anticoagulation-card {
    border-color: #F66080;
}

#anticoagulation-card .title {
    background-color: #F66080;
}

#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, OpenSans-RegularIE';
    font-size: 18px;
    line-height: 22px;
    margin-left: 7px;
}

#reversing-card .reversing-txt .result {
    position: absolute;
    right: 15px;
    font-family: 'OpenSans-Bold, OpenSans-BoldIE';
    font-size: 20px;
    color: #e55225;
}


/* Issues - Cost */

#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 {
    color: #6E7687;
    font-family: 'Roboto';
    font-size: 16px;
    letter-spacing: -0.5px;
    line-height: 22px;
    background: none;
    border: none;
}

#cost-card .ico-cost {
    background-color: #00a59d;
}

#cost-card .cost-info {
    text-align: left;
    margin-top: 10px;
}

#cost-card .cost-info p {
    margin: 0px;
    font-size: 18px;
    line-height: 20px;
}

#cost-card .cost-info .value {
    font-family: 'OpenSans-SemiBold, OpenSans-SemiBoldIE';
}

#cost-card .cost-info .description {
    font-family: 'Roboto';
    color:#6E7687;
}


/* Issues - Diet */

#diet-card .top-section {
    height: 180px;
}

#diet-card .bottom-section {
    height: 158px;
}

#diet-card .bottom-section .diet-info p {
    width: 225px;
    margin-bottom: 0px;
}

#diet-card {
    border-color: #925196;
    font-family: 'OpenSans-Regular, OpenSans-RegularIE';
    font-size: 18px;
}

#diet-card .diet-info {
    height: 42px;
    width: 309px;
    color: #333333;
    font-family: 'Roboto';
    font-size: 18px;
    letter-spacing: 0;
    line-height: 21px;
}

#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;
    margin-top: 123px;
}

#diet-card .diet-img img {
    width: 162px;
    height: 92px;
    background-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: 190px;
    margin-right: 0px;
    font-size: 18px;
    position: absolute;
    top: 10px;
}

#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;
    text-align: left;
    line-height: 36px;
    padding-left: 40px;
    background-image: url(../images/RadioButton_off.png);
    background-repeat: no-repeat;
    background-position: 0px 1px;
    background-color: transparent;
    border: none;
    color: #6e7687;
    font-family: 'Roboto';
    font-size: 18px;
    letter-spacing: 0;
    line-height: 21px;
    vertical-align: middle;
    display: table-cell;
}
#document .form-group.field-documentform-selected_intervention div label.active,
#document .form-group.field-documentform-document_options div label.active {
    background-image: url(../images/RadioButton_on.png);
}

#document .form-group.field-documentform-document_options div label {
    background-image: url(../images/Checkbox_off.png);
}
#document .form-group.field-documentform-document_options div label.active {
    background-image: url(../images/Checkbox_on.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, OpenSans-RegularIE';
    padding: 18px;
    border: 1px solid #fff;
    overflow: auto;
}

#document .btns-wrapper {
    text-align: center;
    margin-top: 90px;
}

#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, OpenSans-RegularIE';
}

.pdf>.page {
    page-break-after: always;
    /* width: 860px; */
    width: 526px;
    padding-bottom: 30px;
    margin: auto;
    position: relative;
    page-break-after: always;
}

.pdf>.page.last {
    page-break-after: auto;
}

.pdf .page .pageHeader .left .title {
    font-family: 'OpenSans-SemiBold, OpenSans-SemiBoldIE';
    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, OpenSans-SemiBoldIE';
}

.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, OpenSans-SemiBoldIE';
}

.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, OpenSans-SemiBoldIE';
}

.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-Bold, OpenSans-RegularIE";
    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-Bold, OpenSans-RegularIE";
    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 .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;
}


.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: "Roboto Bold";
}

.site-credits h3 {
    color: #666666;
    font-size: 14px;
    font-family: "Roboto";
    margin-bottom: 4px;
}

.site-credits p {
    color: #666666;
    font-size: 14px;
    font-family: "Roboto";
}

#activities-card .txt-wrapper .number.blue {
    color: #29abe2;
}

#activities-card .txt-wrapper .number.green,
#activities-card .number.green {
    color: #049E73;
}

#activities-card .txt-wrapper .number.yellow,
#activities-card .number.yellow {
    color: #FF9300;
}

#activities-card .number.purple {
    color: #925196;
}

.btn-section {
    padding-top: 11px;
    position: relative;
    z-index: 1000;
}

.calculate-risk .btn-section {
    padding-top: 17px;
}

.alerts {
    display: inline-block;
    width: 341px;
    margin-left: 50px;
    vertical-align: top;
    margin-left: 384px;
    padding-top: 22px;
    background-color: #ffffff !important;
    padding-left: 22px;
    height: 590px;
    border-radius: 0 0 20px 20px;
    margin-bottom: 10px;
}

.average-risk {
    position: relative;
}

.average-risk h1 {
    display: block !important;
    margin: 0 !important;
    padding-top: 22px;
    color: #333333;
    font-family: 'Roboto Bold' !important;
    font-size: 18px !important;
    letter-spacing: -0.29px;
    line-height: 21px;
}

.average-risk h1+img {
    margin-left: 40px;
    margin-top: 20px;
}

.average-risk .txt-wrapper {
    color: #333;
    font-size: 16px;
    font-family: "OpenSans-Bold, OpenSans-RegularIE";
}

.average-risk .content {
    padding: 0 !important;
}

.average-risk .img-wrapper {
    width: 355px;
    height: 457px;
    display: inline-block;
    vertical-align: top;
    padding-left: 30px;
}

.average-risk .txt-wrapper {
    display: inline-block;
    width: 355px;
    vertical-align: top;
    height: 587px;
    padding: 15px;
    border-radius: 0px 0 20px 20px;
    background-color: #FFFFFF;
    margin-top: 0;
}

.average-risk .number {
    display: inline-block;
    font-family: 'Roboto Medium' !important;
    font-size: 24px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 28px;
    vertical-align: top;
    text-align: right;
}

.average-risk .texto {
    vertical-align: top;
    display: inline-block;
    width: calc(100% - 40px);
    color: #082D5A;
    font-family: Roboto;
    font-size: 18px;
    letter-spacing: 0;
    line-height: 21px;
}

.average-risk .btn-section {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    bottom: 0px;
    height: 100px;
    padding: 0;
}

.average-risk .exit-average-bleeding {
    margin-left: 74px;
    margin-bottom: 8px;
    margin-top: 30px !important;
    box-sizing: border-box;
    height: 44px;
    width: 209px !important;
    border: 1px solid #0C5CA8 !important;
    border-radius: 35px;
    background-color: #FFFFFF !important;
    color: #0C5CA8 !important;
}

.average-risk .discuss-bleeding,
.average-risk .discuss-bleeding:hover,
.average-risk .discuss-bleeding:focus {
    margin-right: 20px;
    margin-bottom: 10px;
    float: right;
    line-height: 20px !important;
    height: 70px;
    width: 335px !important;
    border-radius: 35px;
    background-color: #0C5CA8 !important;
    margin-right: 24px;
    margin-top: 10px !important;
}

.discuss-risk {
    position: relative;
}

.discuss-risk .img-wrapper {
    position: absolute;
    top: 140px;
    left: 0;
    width: 355px;
    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;
    left: 0;
    width: 385px;
    height: 510px;
    padding: 22px;
    padding-right: 9px;
}

.calculate-risk .riskalert {
    height: 21px;
    width: 331px;
    color: #333333;
    font-family: 'Roboto Bold';
    font-size: 18px;
    letter-spacing: -0.29px;
    line-height: 21px;
}

.calculate-risk ul {
    margin-top: 20px;
    color: #333333;
    font-family: 'Roboto';
    font-size: 17px;
    letter-spacing: 0;
    line-height: 20px;
    padding-left: 18px;
}

.calculate-risk ul li {
    margin-bottom: 10px;
    list-style: none;
}

.riskresultsdiv {
    margin-left: 384px;
    height: 590px;
    padding-top: 17px;
    border-radius: 0 0px 15px 15px;
    background-color: #fff;
    margin-right: 5px;
    padding: 20px;
}

.riskresultsdiv .table-col {
    margin-right: 4px;
}

.riskresultsdiv .table-row {
    margin-bottom: 6px;
}

.calculate-risk .images {
    width: 310px;
    display: inline-block;
    vertical-align: top;
    padding-top: 5PX;
    margin: auto;
    left: 10p;
    margin: auto;
    margin-left: 15px;
}

.loweraverage,
.inaverage,
.higheraverage {
    display: none;
    color: #333333;
    font-size: 18px;
    font-family: "Roboto";
}

.over {
    display: none;
    color: #082D5A;
    font-family: 'Roboto';
    font-size: 18px;
    letter-spacing: 0;
    line-height: 21px;
}

.calculateriskresult {
    display: none;
    color: #082D5A;
    font-family: 'Roboto';
    font-size: 16px;
    letter-spacing: 0;
    line-height: 19px;
}

.calculatelegend {
    display: none;
    color: #082D5A;
    font-family: 'Roboto';
    font-size: 12px;
    letter-spacing: 0;
    line-height: 14px;
}

.calculatelegend b {
    font-family: "OpenSans-Bold, OpenSans-BoldIE" OpenSans-BoldIE";
}

.calculateriskresult .number {
    width: auto !important;
}

.averagecomparison {
    margin-bottom: 14px !important;
}

.calculatelegend {
    position: relative;
    margin-top: 12px;
}

.calculatelegend p {
    margin-bottom: 10px !important;
}

.calculatelegend p img {
    margin-right: 10px;
}

.exit-risk-bleeding {
    margin-left: 8px;
    margin-top: 2px;
}

.bleedsfatal,
.bleedsfatal_part2 {
    color: #082D5A;
    font-family: 'Roboto Medium';
    font-size: 16px;
    font-weight: 500;
    letter-spacing: -0.26px;
    line-height: 19px;
    margin-top: 30px;
}

.bleedsfatal_part2 {
    margin-top: 20px;
}

.pdf .average-bleeding {
    display: none;
}

.pdf .number .regular {
    width: 32px;
    display: inline-block;
    font-size: 12px;
}

.copiedtoclipboard {
    font-size: 14px;
    color: #a94442;
    font-family: 'Roboto';
    right: 225px;
    position: absolute;
    top: 70px;
}

.pdf .bleeding #activities-card {
    font-size: 16px;
}

#document-form .btn {
    opacity: 0.3;
    filter: alpha(opacity=30);
    opacity: 0.3;
    filter: alpha(opacity=30);
    height: 44px;
    width: 339px;
    border-radius: 35px;
    background-color: #0c5ca8 !important;
    border: none !important;
    outline: none !important;
    color: #ffffff;
    font-family: "Roboto Medium";
    vertical-align: middle;
    padding: 5px;
}

.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;
}

#index-form .form-group div,
#index-form .form-group div label {
    display: block;
    background-color: transparent;
    color: #333333;
    font-size: 13px;
    font-family: "OpenSans-Bold, OpenSans-RegularIE";
    width: auto;
    text-align: left;
    width: 515px;
    line-height: 20px;
    height: 20px;
}

#index-form .form-group label input {
    position: static;
    display: inline-block;
}

#experience-page h2 {
    color: #15437b;
    font-size: 24px;
    font-family: "OpenSans-Bold, OpenSans-BoldIE" OpenSans-BoldIE" OpenSans-BoldIE";
    width: 653px;
    margin: auto;
    margin-top: 54px;
    margin-bottom: 70px;
    line-height: 30px;
}

.experience_col1 {
    font-size: 23px;
    font-family: "OpenSans-Bold, OpenSans-RegularIE";
    color: #333333;
    width: 352px;
    display: inline-block;
    margin-left: 184px;
    vertical-align: top;
    line-height: 34px;
}

.experience_col1 b {
    font-family: "OpenSans-Bold, OpenSans-BoldIE";
    color: #29abe2;
}

.experience_col2 {
    color: #333333;
    font-size: 20px;
    font-family: "OpenSans-SemiBold";
    text-align: center;
    width: 238px;
    display: inline-block;
    vertical-align: top;
}

.experience_col2 a {
    color: #0c5ca8;
    font-size: 18px;
    font-family: "OpenSans-SemiBold";
    border: 2px solid #0c5ca8;
    width: 238px;
    height: 60px;
    line-height: 22px;
    text-align: center;
    display: block;
    padding-top: 4px;
    text-decoration: none;
    margin-bottom: 8px;
}

.experience_col2 a.button2 {
    line-height: 58px;
    padding-top: 0;
    margin-top: 8px;
}

.experience_col2 .continue {
    color: #333;
    font-family: "OpenSans-SemiBold";
    margin-bottom: 10px;
}