.c-question-list {
    margin-bottom: 30px;
}

.check-medical-condition {
    margin-bottom: 10px;
}

.medical-proceed-payment {
    background-color: rgb(247, 247, 247);
    margin-top: 20px;
    margin-bottom: 32px;
}

.btn-medical {
    margin: 10px !important;
    flex: 0 1 190px;
    color: #6c757d;
    background-color: transparent;
    background-image: none;
    border: 1px solid #d1d1d1 !important;
    border-radius: 3px !important;
}

    .btn-medical:hover {
        background-color: #009ade !important;
    }

.c-question__title {
    color: #4A4A4A;
    font-size: 17px;
    line-height: 1.25;
    margin-bottom: 10px;
    padding: 0 10px;
}

.c-question__answers {
    display: flex;
    flex-flow: wrap;
    justify-content: center;
}

.c-question__answer {
    /*flex: 1 1 50%;*/
    flex: 0 1 190px;
    margin-bottom: 10px;
}

.c-question__button {
    width: 100%;
    height: 100%;
}

.medical-pre-existing-condition-traveller {
    width: 100%;
    padding-bottom: 20px;
}

.medical-traveller-section {
    background-color: rgb(247, 247, 247);
    margin-top: 20px;
    margin-bottom: 32px;
}

.medical-traveller-name {
    padding-bottom: 10%;
    color: #4A4A4A;
    font-size: 17px;
}

.medical-traveller-yes-no .c-radio__label {
    width: 200px;
    padding: 0px !important;
}

.label-medical {
    margin-top: 16px;
    padding-bottom: 0px;
    color: #4A4A4A;
    font-size: 17px;
}

.medical-traveller-yes-no {
    text-align: right;
}

    .medical-traveller-yes-no .medical-condition-yes {
        padding-left: 70px;
        padding-right: 70px;
    }

    .medical-traveller-yes-no .medical-condition-no {
        padding-left: 70px;
        padding-right: 70px;
    }

.medical-traveller-condition-next {
    margin: 10px;
    width: 15%;
}

.medical-traveller-condition-back {
    margin: 10px 10px 10px 0px;
    width: 15%;
}

.medical-question-answer {
    width: 100%;
}

/*Radio button partial*/
.medical-question__title {
    color: rgb(0, 154, 222);
    font-size: 16px;
}

.medical-answer-options {
    width: 100%;
    padding-top: 10px;
    padding-bottom: 10px;
    background-color: #f7f7f7;
    margin-bottom: 10px;
    border-color: #f0f0f0;
    border-style: solid;
}

.container .medical-question-answer input {
    opacity: 1;
    height: 100%;
    width: 0;
    cursor: pointer;
}
/* to do.. add a media query for small     padding-left: 19%; */
.label-medical-answer {
    display: block;
    position: relative;
    padding-left: 10%;
    margin-bottom: 2px;
    cursor: pointer;
    font-size: 16px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.label-medical-answer.disabled {
    opacity:0.5;
}


/* Hide the browser's default radio button */
.checkmark {
    position: absolute;
    top: 0;
    left: 7%;
    height: 24px;
    width: 24px;
    background-color: #ffff;
    border-radius: 50%;
    border: 1px solid rgb(190,190,190);
}


/* When the radio button is checked, add a blue background */
.label-medical-answer input:checked ~ .checkmark {
    background-color: #2196F3;
}


.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the indicator (dot/circle) when checked */
.label-medical-answer input:checked ~ .checkmark:after {
    display: block;
}

.label-medical-answer .checkmark:after {
    top: 9px;
    left: 9px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
}


/* Create a custom checkbox */
.checkbox-checkmark {
    position: absolute;
    top: 0;
    left: 7%;
    height: 25px;
    width: 25px;
    background-color: #ffff;
    border: 2px solid rgb(190,190,190);
}

.container input:checked ~ .checkbox-checkmark {
    background-color: #2196F3;
}


.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}


.container input:checked ~ .checkbox-checkmark:after {
    display: block;
}


.container .checkbox-checkmark:after {
    left: 9px;
    top: 5px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.medical-answer-confirm {
    width: 14%;
    margin-left: 7% !important;
    margin-top: 5px !important;
    margin-bottom: 20px;
}
.medical-premium-proceed-confirm {
    width: 22%;
}
@media(max-width: 767px) {
    .label-medical-answer {
        padding-left: 19% !important;
    }

    .medical-answer-confirm {
        width: 43% !important;
    }

    .medical-answer-options {
        padding-right: 9% !important;
    }

    .medical-traveller-condition-back, .medical-traveller-condition-next {
        width: 48% !important;
        margin-left: 1% !important;
    }

    .medical-traveller-section {
        text-align: center;
    }

    .medical-traveller-yes-no .c-radio {
        width: 40% !important;
    }

    .medical-traveller-yes-no .c-radio__label {
        width: 100% !important;
    }

    .medical-traveller-yes-no {
        justify-content: center !important;
    }
    .pec-answer-required-all {
        width: 34% !important;
    }
    .medical-premium-proceed-confirm {
        width: 35%!important;
    }
 }

.medical-traveller-section .c-radio-group {
    margin-bottom: 0 !important;
}
/*Bmi Component*/
.bmi-question {
    padding-left: 7%;
    font-size: 17px;
}

.unit-selection {
    color: rgb(0, 154, 222) !important;
}

.bmi-answer {
    padding-bottom: 0;
    min-height: 39px;
}

.check-medical-condition-generic .btn-medical {
    flex: 0 1 122px !important;
}

.check-medical-condition-generic {
    margin: 40px;
    padding: 40px;
    width: 100%;
    border-color: #f0f0f0;
    background-color: #f7f7f7;
}

.medical-info-text {
    padding-left: 7%;
    font-size: 17px;
    padding-bottom: 20px;
    padding-top: 20px;
}

.disable-pec-selection {
    pointer-events: none;
    opacity: 0.5;
}

.medical-condition-covered {
    font-size: 17px;
 
}

.conditions-post-assessment {
    font-size: 17px;
   
    color: #009ADE;
}
.medical-condition-covered dl {
    margin-bottom:10px;
}

.medical-post-assessment-name {
    color: #009ADE;
    text-align: center;
}

.medical-extras-cost-section {
    width: 100%;
    font-size: 17px;
    padding: 1rem !important;
    color: #009ade !important;
    margin-bottom: 10px;
    background-color: #e7f6fe !important;
}

.pec-medical-premium {
    background-color: rgb(247, 247, 247);
}

.medical-post-assessment {
    width: 100%;
    
}

    .medical-post-assessment hr {
        /* margin-top: 5px; */
        border-top: 1px solid #dedede;
        margin: 0 !important;
    }

.post-medical-premium-confirm {
    padding-top: 20px;
    padding-bottom: 20px;
    text-align: center;
}
.pec-medical-premium-text-yes, .pec-medical-premium-text-no {
    padding: 0px 10px 10px 10px;
}

.post-medical-premium-confirm .c-btn {
    width: 40%;
    margin: 5px;
}

.pec-medical-premium-text {
    padding-top: 5%;
    padding-left: 10px;
    padding-bottom: 10px;
}

.pec-medical-assessment-text {
    padding-top: 10px;
    padding-left: 10px;
    padding-bottom: 10px;
}
.pec-medical-yes-no-selection {
    padding-left: 15px;
}
.pec-medical-condition-yes, .pec-medical-condition-no {
    width: 40%;
    margin: 5px;
}
.pec-answer-required-all {
    margin: 40px;
    margin-top: 0px;
    margin-left: 0;
    width: 13%;
}

.medical-questionaire-section {
    background-color: rgb(247, 247, 247);
    padding-top: 10px;
    padding-bottom: 10px;
    margin-top: 0px;
    margin-bottom: 10px;
}

    .medical-questionaire-section .pec-medical-answer-all {
        text-align: right;
        margin-right: 15px;
    }

    .medical-questionaire-section .pec-medical-premium-text {
        margin-left: 15px;
    }

button.btn.pec-medical-condition-yes.selected-disabled:disabled {
    box-shadow: none;
    color: #fff !important;
    background-color: #007bff !important;
    border-color: #007bff !important;
    opacity: 0.35;
    cursor: not-allowed;
}

button.btn-not-selected.pec-medical-condition-no:disabled {
    cursor: not-allowed;
}

.o-band.medical-traveller-section {
    margin: 0;
    padding: 0;
}

.medical-traveller-section .row {
    margin-bottom: 10px;
}

.medical-traveller-section .c-section-wrapper {
    margin: 0;
    width: 100%;
    padding: 0;
}

.medical-traveller-section .medical-traveller-yes-no .c-radio__label {
    width: 154.67px;
    margin-bottom: 0;
    height: 55.53px;
}

.medical-traveller-section .c-radio {
    margin-right: 3px;
}

.medical-traveller-section .medical-traveller-yes-no .c-radio__radio:disabled ~ label .label-medical {
    color: #fff;
}

.c-radio-group.medical-traveller-yes-no {
    text-align: right;
    float: right;
    margin-right: 15px;
    margin-top: 25px;
}

.medical-traveller-section .c-radio-group.medical-traveller-yes-no {
    display: flex !important;
    margin-top: 10px;
    padding-bottom: 10px
}

.medical-traveller-name {
    margin-top: 25px;
    padding-bottom: 10px;
    margin-left: 15px;
}
.things-to-know h3 {
    color: #009ade !important;
    margin-bottom: 5px !important;
    padding-top: 5px;
}

.things-to-know-listing-example {
    color: #4a4a4a;
    font-size: 13px;
    padding-bottom: 10px;
}

.things-to-know-listing-description {
    font-size: 13px;
    color: #8e8e8e;
}

.things-to-know li::after {
    content: "";
    border-bottom: 1px solid #ededed;
    display: block;
}

.things-to-know li:last-child:after {
    display: none;
}

.things-to-know .tooltip-container {
    display: inline-block;
    padding: 5px;
    position: relative;
    top: 5px;
    background-color: inherit !important;
}

.things-to-know .c-card {
    padding-left: 20px;
    padding-right: 20px;
    margin-bottom: 40px;
    height: 100%;
    box-shadow: inset 0 0 5px #f0f0f0;
}
.things-to-know hr {
    height: 1px;
    background-color: #ededed;
    border: none;
    margin-bottom: 0px;
}

.things-to-know-listing-item .title {
    font-size: 17px;
    color: #009ade !important;
    margin-bottom: 5px !important;
}

.things-to-know .col-md-6 {
    margin-bottom: 20px !important;
}

.things-to-know ul {
    margin-bottom: 0px !important;
}

.things-to-know .show-tooltip {
    border: 0;
    background-color: transparent;
}

.PecMedical .medical-proceed-payment-back, .PecMedical .medical-proceed-payment-confirm {
    width: 20% !important;
}

@media (min-width: 768px) and (max-width: 768px) {
    .medical-traveller-section .medical-traveller-yes-no .c-radio__label {
        width: 114.67px;
    }
}

@media (min-width: 768px) {
    .things-to-know .col-md-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 37%;
    }
}
@media (min-width: 320px) and (max-width: 800px) {
    .medical-questionaire-section .pec-medical-answer-all {
        text-align: center;
        margin-right: 0;
        padding-top: 10px
    }

    .medical-questionaire-section .pec-medical-yes-no-selection {
        padding-bottom: 10px;
    }

    .question-container .c-radio-group.question-answer-yes-no {
        width: 100%;
    }
    .medical-traveller-section .medical-traveller-yes-no .c-radio__label {
        width: 111px!important;
    }
        .c-radio-group.medical-traveller-yes-no {
        width: 276px;
        display: block;
        margin: 0 auto;
        float: none;
        margin-top: 0;
        padding-bottom: 20px;
        text-align: center;
    }

    .medical-traveller-section .c-radio {
        margin-right: 0;
        display: inline-block;
    }

    .medical-traveller-name {
        margin-top: 35px;
        margin-bottom: 25px;
        margin-left: 15px;
        padding-bottom: 0;
    }
    .PecMedical .medical-proceed-payment-back,
    .PecMedical .medical-proceed-payment-confirm {
        width: 29% !important;
    }

    .PecMedical .medical-proceed-payment .c-btn {
        padding: 10px 10px 10px 10px !important;
    }
}