fieldset {
    border: none;
    padding: 0;
    margin: 0;
}

.cme-question {
    margin-bottom: 2em;
}

.cme-poll-chart {
    text-align: right;
    display: block;
    max-width: 720px;
}

.cme-question input[type=radio], .cme-question input[type=checkbox]  {
    height: 0;
    width: 0;
    opacity: 0;
    position: absolute;
}
.cme-question input[type=checkbox] {
    visibility: hidden;
}

.cme-question label {
    height: auto; 
    margin-bottom: 0.2em;
    cursor: hand;
    cursor: pointer;
    position: relative;
    display: -webkit-flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    overflow: hidden;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.15);
    border: solid 1px #edf0f5;
    border-bottom: 0;
    width: 100%;
    max-width: 720px;
    background-color: #fff;
	border: 1px solid transparent;	
}

.cme-question span:last-child {
    float: right;
}

.qna-render {
    background-color: rgba(236, 239, 241, 0.5);
    padding-right: 38px;
    padding-left: 38px;
    padding-top: 20px;
    padding-bottom: 47px;
    margin-bottom: 38px;
}

.cme-question .answer-content {
    display: -webkit-flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    color: #fff;
    z-index: 100;
    width: 100%;
}

.cme-question:not(.answered) .answer-content ans, .cme-question:not(.answered) input + div.answer-bar + div.answer-content ans {
    border: solid 1px #4c4c4c;
    display: -webkit-flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    width: 18px;
    height: 18px;
    position: relative;
    padding: 1px;
    background-color: #fff;
    transition: opacity ease 800ms;
    margin: 12px 10px 0 10px;
    min-width: 18px;
    min-height: 18px;
    max-width: 18px;
    max-height: 18px;
}
.cme-question ans span {
    width: 6px;
    height: 6px;
    opacity: 0;
    background: #000;
    border-radius: 50%;
    transition: opacity ease 800ms;
}

.cme-question .answer-content select {
    border: 1px solid #000;
    color: #000;
    background: #fff;
    font-size: 20px;
    padding: 2px 10px;
    width: 100%;
    *width: 100%;
    *background: #fff;
    -webkit-appearance: none;
    background-image: url(//img.medscape.com/pi/cme/icons/dropbox-down.svg);
    background-repeat: no-repeat;
    background-size: 30px auto;
    background-position: 98% center;
    border-radius: 3px;
    font-family: 'proxima_nova_ltlight';
    height: 50px;
    -moz-appearance: none;
    text-indent: -0.01px;
    text-overflow: '';
}

.answer-percent {
     right: 15px;
     opacity: 1;
     top: initial;
     color: #000;
     position: relative;
     top: 15px;
}
.cme-question input[type=radio] + div.answer-bar + div.answer-content ans {
    border-radius: 50%;
}

.cme-question input[type=checkbox] + div.answer-bar + div.answer-content ans {
    border-radius: 0%;
}
.cme-question input[type=radio] + div.answer-bar + div.answer-content ans, .cme-question input[type=checkbox] + div.answer-bar + div.answer-content ans{
    display: block;
    width: 20px;
    height: 20px;
    margin: 10px 10px 0px 10px;
}


.cme-question input[type=checkbox]:checked + div.answer-bar + div.answer-content ans {
    background-color: transparent;
    background-image: url(//img.medscape.com/pi/cme/icons/white-checkbox.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    border: 1px solid white;
    -webkit-appearance: none;
    -moz-appearance: none;
}
.answer-select + div.answer-bar + div.answer-content ans{
    background-image: url(//img.medscape.com/pi/cme/icons/checkmark.svg) !important;
    border: none !important;
}
.cme-question input[type=checkbox]:checked + div.answer-bar + div.answer-content ans span, .cme-question input[type=text] + span.answer-percent, .cme-question select + span.answer-percent, .cme-question textarea + span.answer-percent {
    display: none;
}

.cme-question input[type=text] {
    border: 0px solid #000;
    height: 44px;
    font-size: 17px;
    padding: 0 10px;
    opacity: 1;
    width: 100%;
}

.cme-question textarea {
    border: 0px solid #000;
    height: 163px;
    font-size: 17px;
    padding: 0 10px;
    opacity: 1;
    width: 100%;
    min-width: 100%;
    max-width: 100%;
    max-height: 163px;
}

.cme-question .answer-item p {
    margin: 0 20px; padding: 0;
}

.cme-question .answer-content p {
    margin: 0;
    padding: 10px 60px 10px 0;
    width: 90%;
}
.cme-question .answer-content p {
    font-size: 20px;
    font-family: 'proxima_nova_ltlight';
    color: #000000;
}

.cme-bodyleft .cme-question .question-content p {
    font-family: 'proxima_nova_ltlight';
}

.answer-bar {
    height: 400px;
    position: absolute;
    top: 0;
    width: 0%;
    z-index: 100;
}
.cme-question.answered label:not(.answer-correct) .answer-bar, .cme-question.answered label:not(.answer-wrong) .answer-bar {
    background-color: rgba(0, 0, 0, 0.1);
}

/** select **/
.cme-question:not(.answered) input:checked ~ .answer-content {
    background-color: #3894a2;
    border: 1px solid #000;
}
.cme-question:not(.answered) label:hover, .cme-question:not(.answered) label:focus {
    background-color: #D8E8E7;
}
.cme-question:not(.answered) label:hover * {
}
.cme-question:not(.answered) label:hover input ~ .answer-content p {
    color: #000;
    font-family: 'proxima_nova_ltlight';
}
.cme-question:not(.answered) input:checked ~ .answer-content ans {
    background-color: #fff;
}
.cme-question:not(.answered) input:checked ~ .answer-content ans span {
    opacity: 1;
}

.cme-question:not(.answered) label input:checked ~ .answer-content p {
    color: #fff;
    font-family: 'proxima_nova_ltsemibold';
}



.cme-question:not(.answered) input:checked ~ .answer-bar {
    background-color: #3894a2;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.15);
    border: solid 0px #3894a2;
}
/** select **/
/** no correct **/
.cme-question.answered label.answer {
    /*background-color: rgb(235,244,245);*/
    border: 1px solid rgb(56, 148, 162);
    box-shadow: 0 0 0 0;
}
.cme-question.answered label.answer .answer-bar {
    background-color: #ebf4f5;
}
.cme-question.answered label ans {
    opacity: 0;
}
.cme-question.answered label span {
    opacity: 1;
}
.cme-question.answered label.answer ans {
    opacity: 0;
}
.cme-question.answered label.answer ans span {
    opacity: 0;
}
/** no correct **/

/** correct **/
.cme-question.answered label.answer-correct {
    /*background-color: rgb(235,244,245);rgb(56, 148, 162)*/
    border: 1px solid #000;
    box-shadow: 0 0 0 0;
}
.cme-question.answered label.answer-correct .answer-bar {
    background-color: #ebf4f5;
}
.cme-question.answered label ans {
    opacity: 0;
}
.cme-question.answered label span {
    opacity: 1;
}
.cme-question.answered label.answer-correct .answer-content ans, .cme-question.answered label.answer-correct .answer-content ans {
    opacity: 1;
    border: solid 0px rgba(0, 0, 0, 0.7);
    width: 20px;
    height: 20px;
    background-color: transparent;
    background-image: url(//img.medscape.com/pi/cme/icons/correct-answer.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    margin: 17px 10px 0px 10px;
}
.cme-question.answered label.answer-correct ans span {
    opacity: 0;
}
/** correct **/

/** wrong **/

.cme-question.answered label.answer-wrong {
    /*background-color: rgb(235,244,245);*/
    border: 1px solid #d0021b;
    box-shadow: 0 0 0 0;
}
.cme-question.answered label.answer-wrong .answer-bar {
    background-color: #fbe6e8;
}
.cme-question.answered label ans {
    visibility: visible;
    opacity: 1;
}
.cme-question.answered label span:first-child {
    opacity: 0;
}
.cme-question.answered label.answer-wrong ans {
    opacity: 1;
    border: solid 0px rgba(0, 0, 0, 0.7);
    width: 20px;
    height: 20px;
    background-color: transparent;
    background-image: url(//img.medscape.com/pi/cme/icons/wrong-answer.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
}
.cme-question.answered label.answer-wrong ans span {
    opacity: 0;
}
/** wrong **/

#cme-form-actions {
    margin-top: 1em;
}

#cme-form-actions .cme-button:not(.disabled) {
    display: inline-block;
    background-image: url(//img.medscape.com/pi/cme/icons/icon-arrow-rightstatus-white.png);
    background-repeat: no-repeat;
    background-position: 95% center;
    background-size: 15px auto;
    padding-right: 1.75em;
}

#bottom-buttons {
    display: -webkit-flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    max-width: 400px;
    flex-flow: column;
    margin-top: 5em;
}
#bottom-buttons li{
    list-style: none;
}
#bottom-buttons li button{
    font-size: 17px;
    font-weight: bold;
    text-transform: uppercase;
    white-space: nowrap;
    padding: 10px;
    cursor: hand;
    cursor: pointer;
}

.cme-question.answered input.answer-select{
    height: 20px;
    width: 20px;
    opacity: 1;
    position: absolute;
    visibility:visible;
    left: 15px;
    -webkit-appearance: none;
    -moz-appearance: none;
}

/* hide the old html */
.qacontainer {
    display: none;
}

/* begin mid content qna styles */
div[data-render="1"] form, div[data-render="1"] .cme-qnaresponse {
    display: none;
}

div[data-render="1"].show-questions form { /* show questions */
    display: block;
}

div[data-render="1"].show-questions .cme-qnaresponse { /* when showing questions hide the polling */
    display: none;
}

div[data-render="1"].show-polling .cme-qnaresponse { /* show polling */
    display: block;
}

div[data-render="1"].show-polling form { /* when showing polling hide the questions */
    display: none;
}
/* end mid content qna styles */
.errorMsg {
    font-weight: bold;
    color: red;
}


.cme-question.answered label.answer-survey{
    /* background-color: rgb(235,244,245); */
    border: 1px solid rgb(56, 148, 162);
    box-shadow: 0 0 0 0;
}
.cme-question.answered label.answer-survey .answer-bar {
    background-color: #ebf4f5;
}

.cme-question.answered label.answer-survey ans {
    border: solid 0px rgba(0, 0, 0, 0.7);
    width: 20px;
    height: 20px;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
}


.cme-question .questiontext12 {
    margin-bottom: 12px;
    font-family: 'proxima_nova_ltlight';
    max-width: 720px;
    box-sizing: border-box;
}

.cme-question .with-intro {
    font-family: 'proxima_nova_ltlight';
}

@media screen and (max-width: 768px){
    .qna-render {
        padding-right: 10px;
        padding-left: 10px;
    }

    .qna-render label, .cme-poll-chart {
        width: 98%;
    }
}

@media screen and (max-width: 767px){
   .cme-poll-chart{
        font-size: 16px;
   }
   .cme-question .answer-content p, .cme-question:not(.answered) input:checked ~ .answer-content p {
        font-size: 16px;
    }

    .questiontext12, .question-content p, .cme-question .with-intro, .answer-percent {
        font-size: 16px;
    }
}
/*** MATRIX QUESTIONS ***/
    .cme-question ul.cme-qmatrix, .cme-question ul.cme-qmatrix li,   .cme-question ul.cme-qmatrix ul, .cme-question ul.cme-qmatrix li ul li {
        list-style: none;
        padding: 0;
        margin: 0;
        display: flex;
    }
    .cme-question ul.cme-qmatrix{
        max-width: 100%;
        flex-flow: column nowrap;
    }
    .cme-question ul.cme-qmatrix li ul {
        flex-flow: row nowrap;
        border-bottom: solid 1px rgba(225, 225, 225, 0.5);
        max-width: initial;
        width: 100%;
    }
    .cme-question ul.cme-qmatrix li ul li:first-child {
        width: 339px;
        align-items: center;
        font-family: 'proxima_nova_ltsemibold';
        font-size: 20px;
        line-height: 1.3;
        letter-spacing: normal;
        padding: 4px 0;
        /*min-width: 339px;*/
    }
    .cme-question ul.cme-qmatrix li ul li:not(:first-child) {
        width: 80px;
        font-family: 'proxima_nova_ltlight';
        font-size: 13px;
        font-weight: 300;
        font-style: normal;
        font-stretch: normal;
        line-height: 1.25;
        letter-spacing: normal;
        color: #000000;
        align-items: center;
        padding: 10px 10px;
        text-align: center;
        justify-content: center;
    }
    .cme-question ul.cme-qmatrix li ul div {
        display:none;
    }
    .cme-question ul.cme-qmatrix li ul li input[type=radio] + label {
        border-radius: 50%;
        border: 1px solid rgba(0, 0, 0, 0.7);
        width: 16px;
        height: 16px;
        display: flex;
        justify-content: center;
        margin-top: 3px;
        cursor: hand;
        cursor: pointer;
        box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.15);
    }
    .cme-question ul.cme-qmatrix li ul li input[type=radio] + label:hover {
        background: transparent;
    }
    .cme-question ul.cme-qmatrix li span {
        opacity: 0;
        transition: opacity ease 800ms;
    }
    .cme-question ul.cme-qmatrix li ul li input[type=radio]:checked + label span {
        border-radius: 50px;
        width: 5px;
        height: 5px;
        opacity: 1;
        background-color: #000;
    }
    @media screen  and (min-width: 768px) and (max-width: 1023px) {
        .cme-question ul.cme-qmatrix li ul li:first-child {
            width: 230px;
        }
    }
    @media screen  and (min-width: 320px) and (max-width: 1250px) {
        .cme-question:not(.answered) .answer-content ans, .cme-question:not(.answered) input + div.answer-bar + div.answer-content ans {
            width: 18px;
            height: 15px;
        }

        .cme-question:not(.answered) input:checked ~ .answer-content p {
            font-family: 'proxima_nova_ltsemibold';
        }

        /*.cme-question .answer-content p, .cme-question:not(.answered) input:checked ~ .answer-content p {
            font-size: 16px;
        }

        .questiontext12, .question-content p, .cme-question .with-intro, .answer-percent {
            font-size: 16px;
        }*/

        .cme-question ul.cme-qmatrix li ul {
            flex: 1 0 90%;
            flex-flow: row wrap;
            border-bottom: 0px;
            margin-bottom: 32px;
            justify-content: space-between;
        }
        .cme-question ul.cme-qmatrix li ul.cme-qmatrix-header {
            display: none;
        }
        .cme-question ul.cme-qmatrix li ul li:first-child {
            width: 100%;
            font-size: 20px;
            border-bottom: solid 1px rgba(225, 225, 225, 0.5);
        }
        .cme-question ul.cme-qmatrix li ul li:not(:first-child) {
            display: flex;
            flex-flow: column nowrap;
            justify-content: flex-end;
            width: auto;
            align-items: center;
        }

        .cme-question ul.cme-qmatrix li ul li div{
            display: block;
            margin-bottom: 10px;
            font-size: 13px;
        }

        .cme-question ul.cme-qmatrix li ul li {
            width: auto;
        }

        .cme-question ul.cme-qmatrix li ul li:nth-child(2) {
            width: 70px;
        }

        .cme-question ul.cme-qmatrix li ul li:nth-child(6) {
            width: 70px;
        }
    }

    @media screen  and (min-width: 0px) and (max-width: 320px) {
        .cme-question ul.cme-qmatrix li ul li:nth-child(2) {
            width: 50px;
        }

        .cme-question ul.cme-qmatrix li ul li:nth-child(6) {
            width: 50px;
        }

        .cme-question ul.cme-qmatrix li ul li div {
            font-size: 11px;
        }
    }

    /*** //MATRIX QUESTIONS ***/

.no-poll {
    padding: 30px;
}

.no-poll .answerrow {
    margin: 0;
    padding: 0;
    max-width: 100%;
    width: 100%;
}

.cme-question .qnatable input[type=radio]{
    height:15px !important;
    width:15px !important;
    opacity:1 !important;
    position:absolute !important;
    visibility:visible !important;
}
#cme-508-compliance-wrap .cme-question:not(.answered) input:checked ~ .answer-content {
    background-color: #30808d;
}
#cme-508-compliance-wrap .cme-question:not(.answered) input:checked ~ .answer-bar {
    background-color: #30808d;
    border: solid 0px #30808d;
}