﻿.email-confirmation .button-container p {
    margin-bottom: 0;
}

.underline {
    text-decoration: underline !important;
}

.inner-left {
    width: 50%;
    float: left;
}

.resource-image {
    max-width: 90px;
}

.providers .content-body .copy-info {
    width: 100% !important;
}

/* notes - comment out */
/* .providers .content-body .copy-info > h4 {
	background: url('/Content/images/list-item.png') no-repeat 0 2px;
	padding-left: 20px;
} */

/* notes - updated color */
.providers a.right {
    margin-right: 0px;
    padding: .5% 2%;
    color: var(--oh-primary-dark) !important;
    text-decoration: underline;
    font-family: 'cabinregular' !important;
    font-size: 15px;
}

.providers .tabItem {
    min-width: 154px;
}

    .providers .tabItem a {
        width: 100%;
        padding: 0px !important;
    }

#pdfLoadingDialog h2 {
    width: 100%;
}

.hideOverflow {
    overflow: hidden;
}

.leftContent {
    float: left;
    margin-right: 5px;
}

.references p {
    font-size: 10px;
    margin: 0px;
}

.references sup {
    font-size: 8px;
}

.accordionArea .accordionBlock {
    border-left: 0
}

    .accordionArea .accordionBlock.first {
        margin-top: 30px
    }

    .accordionArea .accordionBlock .accordionContent {
        background: transparent
    }

        .accordionArea .accordionBlock .accordionContent .accordionInnerContent {
            margin-left: 10px;
            background: transparent
        }

            .accordionArea .accordionBlock .accordionContent .accordionInnerContent a {
                font-weight: bold
            }

            .accordionArea .accordionBlock .accordionContent .accordionInnerContent .left {
                float: left;
                width: 67%
            }

                .accordionArea .accordionBlock .accordionContent .accordionInnerContent .left h4 {
                    font-size: 21px;
                    line-height: 24px;
                    margin-bottom: 8px
                }

            .accordionArea .accordionBlock .accordionContent .accordionInnerContent .right {
                padding-left: 25px;
                float: right;
                width: 28%;
                border-left: 2px solid #f2f3f6
            }

            .accordionArea .accordionBlock .accordionContent .accordionInnerContent .divider {
                background: transparent url('/Content/images/divider-horizontal.png') repeat-x bottom;
                height: 2px;
                padding-top: 20px;
                margin-bottom: 25px
            }
/* notes - comment out */
/* .accordionArea .accordionToggle {
	border-left: 12px solid #185c8d;
	background: #fff;
	padding-left: 17px
} */
.category h2 {
    outline: none;
}

.french .two-column.getupdates .take-an-assessment {
    background: url(/Content/images/icon-quiz-arrow.png) no-repeat 350px center #185c8d;
}

.two-column.getupdates .take-an-assessment {
    background: url(/Content/images/icon-quiz-arrow.png) no-repeat 200px center #185c8d;
}

.tabItem {
    padding-bottom: 0px !important;
    margin-top: 0px !important;
}

.errorContainer p {
    color: #c00 !important;
}

.template17 ul {
    background: transparent;
    margin-top: 8px
}
    /* notes - comment out */
    .template17 ul li {
        /* background:url('/Content/images/list-item.png') no-repeat 0 2px; */
        /* padding-left:14px; */
        font-size: 15px;
        margin-bottom: 8px;
        padding-bottom: 0;
        color: #333;
    }

.references p {
    font-size: 10px;
    font-family: arial-bold;
}

.terms {
    margin-bottom: 10px;
}

.measurementContainer {
    display: inline-block !important;
}

.french .lung-assessment .assessmentAnswers {
    background: var(--oh-neutral-light);
}

.french .breast-assessment .assessmentAnswers {
    background: var(--oh-neutral-light);
}

.french .colorectal-assessment .assessmentAnswers {
    background: var(--oh-neutral-light);
}

.french .cervical-assessment .assessmentAnswers {
    background: var(--oh-neutral-light);
}

.french .kidney-assessment .assessmentAnswers {
   /* border-left: 12px solid #bd1c1d;*/
    background:var(--oh-neutral-light) no-repeat 7px center;
}

.french .melanoma-assessment .assessmentAnswers {
   /* border-left: 12px solid #cf4900;*/
    background: var(--oh-neutral-light) no-repeat 7px center;
}

.french .accordionBlock .accordionContent {
    border-left: 10px solid var(--oh-primary);
    background: var(--oh-neutral-light);
    background-position: 7px center;
}

.french .template17 .accordionBlock .accordionContent {
    background: transparent;
}

.french .risk-factors .accordionBlock .accordionContent {
    background: transparent;
}

.fakeLink {
    cursor: pointer;
    color: var(--oh-primary-dark); /* notes - color updated */
    text-decoration: underline;
    display: block;
}

.callouts a {
    text-decoration: none;
}

.callout p {
    display: table;
}

.resourceList a {
    text-decoration: none;
}

#wrapper {
    position: relative;
    /* Prevent native touch events on Windows */
    -ms-touch-action: none;
    /* Prevent the callout on tap-hold and text selection */
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    /* Prevent text resize on orientation change, useful for web-apps */
    -webkit-text-size-adjust: none;
    -moz-text-size-adjust: none;
    -ms-text-size-adjust: none;
    -o-text-size-adjust: none;
    text-size-adjust: none;
}

#scroller {
    position: absolute;
    /* Prevent elements to be highlighted on tap */
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    /* Put the scroller into the HW Compositing layer right from the start */
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
}

.expand img {
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
}

.accordionInnerContent .definitionContainer {
    position: relative;
}

    .accordionInnerContent .definitionContainer .dropdownInfo .closeDropdown {
        display: block;
        text-transform: uppercase;
        font-size: 17px;
        font-weight: 700;
        font-family: cabinbold;
        float: right;
        text-decoration: none;
        margin: -1% -3% 0 0;
    }

    .accordionInnerContent .definitionContainer .dropdownInfo.important {
        background-color: #dfe1e4;
        font-size: 13px;
        line-height: 1.3;
        padding: 19px 47px;
    }

        .accordionInnerContent .definitionContainer .dropdownInfo.important span.why {
            font-family: cabinbold;
            display: block;
            font-size: 16px;
            margin-bottom: 2px;
        }

    .accordionInnerContent .definitionContainer .dropdownInfo.definition {
        background-color: #edf4ff;
        font-size: 13px;
        line-height: 1.3;
        padding: 19px 47px;
    }

        .accordionInnerContent .definitionContainer .dropdownInfo.definition span.title {
            font-family: cabinbold;
            font-size: 16px;
            display: block;
            text-decoration: underline;
            color: #1d316c;
            margin-bottom: 2px;
        }

    .accordionInnerContent .definitionContainer .dropdownInfo.changeDefinition {
        position: absolute;
        top: 0;
        left: 0;
    }

    .accordionInnerContent .definitionContainer .dropdownInfo {
        display: none;
    }

.breast #actionPlan .wrapper .innerContent .accordionBlock .accordionContent .accordionInnerContent .definitionContainer .dropdownInfo.definition {
    background-color: #feebf4;
}

.cervical #actionPlan .wrapper .innerContent .accordionBlock .accordionContent .accordionInnerContent .definitionContainer .dropdownInfo.definition {
    background-color: #eafdfa;
}

.colorectal #actionPlan .wrapper .innerContent .accordionBlock .accordionContent .accordionInnerContent .definitionContainer .dropdownInfo.definition {
    background-color: #1d316c;
}

.lung #actionPlan .wrapper .innerContent .accordionBlock .accordionContent .accordionInnerContent .definitionContainer .dropdownInfo.definition {
    background-color: #474f59;
}

.resourceImage {
    width: 90%;
}
/* Notes - I am not sure if this HTML (li.links-left-col and li.links-right-col) on the helpful links page works well */
.links-left-col {
    float: left;
    width: 20%;
}

.links-right-col {
    float: right;
    width: 80%;
}

ul.no-arrows {
    background: transparent;
    margin-top: 8px;
    line-height: 18px;
}

.content-body ul.no-arrows li {
    padding-left: 14px;
    font-size: 15px;
    margin-bottom: 8px;
    padding-bottom: 0;
    color: #333;
    background: transparent;
}
/* notes - comment out */
/* .content-body ul.no-arrows ul.arrows li{
    background:url('/Content/images/list-item.png') no-repeat 0 2px;
    padding-left:14px;
    font-size:15px;
    margin-bottom:8px;
    padding-bottom:0;
    color:#333;

} */

.password-indicator-wrapper {
    display: inline-block;
    width: 260px;
    padding-left: 155px;
}

@media screen and (max-width:460px) {
    .password-indicator-wrapper {
        padding-left: 95px;
        width: 52% !important;
    }
}

.password-indicator {
    border: 1px solid #ccc;
    height: 10px;
    margin-top: 5px;
}

    .password-indicator.weak {
        background: url(/Content/images/weak.gif) repeat-x;
        background: url(/Content/images/ie-weak.gif) repeat-x\9; /*for ie*/
        background-size: 25% 11px;
        background-repeat: no-repeat;
    }

    .password-indicator.fair {
        background: url(/Content/images/fair.gif) repeat-x;
        background: url(/Content/images/ie-fair.gif) repeat-x\9; /*for ie*/
        background-size: 75% 30px;
        background-repeat: no-repeat;
    }

    .password-indicator.good {
        background: url(/Content/images/good.gif) repeat-x;
        background: url(/Content/images/ie-good.gif) repeat-x\9; /*for ie*/
        background-size: 100% 30px;
        background-repeat: no-repeat;
    }

.password-indicator-wrapper span {
    font-size: 11px;
    font-weight: bold;
}

.share-this {
    outline: none;
}

* {
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    outline: none;
}

.passwordMessage {
    color: red !important;
}

.center h2 {
    font-family: 'cabinmedium', Helvetica, Arial, "sans serif";
    margin-top: 40px;
    color: #185c8d;
    margin-bottom: 10px;
}

div.center {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    max-width: 262px;
    min-height: 300px;
    padding-top: 20px;
}

img.center {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.risk-factors .content-body .right-col p {
    display: table;
}

#modalTitle {
    color: #000;
    font-size: 14px;
}

@media screen and (max-width: 490px) {
    .two-column .content-body ul li img.resourceImage {
        width: 90%;
    }
}
