:focus-visible {
    outline: 2px solid #1f1f1f !important;
    border-radius: 0px !important;
}
.no-touch .mcq-item__label:not(.is-disabled):not(.is-selected):hover, html:not(.a11y-disable-focusoutline) .mcq-item__input:focus-visible+.mcq-item__label {
    outline: 2px solid #1f1f1f !important;
        border-radius: 0px !important;
}

.secondtertiarybutton a.additional-material-btn.special-btn.js-additional-material-link-click.btn-text.btn-tertiary:hover {
    background-color: #cedfcd !important;
    display: block;
    max-width: 41.7rem !important;
} 

.displayblock a.additional-material-btn.special-btn.js-additional-material-link-click.btn-text.btn-tertiary {
    display: block;
}

.component.laerdal-text.\36 3da705bcb4665074fab75f6.benjamin {
	padding-top: 8em;
}

.dragndropwi__inner .dragndropwi-answers .dragndropwi-answer {
    background-color: #edfcfb;
}

.drawer__toolbar {
    border-bottom: none !important;
}
.hotgrid__item-title {
    padding: .5rem;
    font-family: 'roboto',sans-serif !important;
    font-size: 1.25rem;
    font-weight: 400;
    line-height: 1.2;
}
.h5p-multichoice .h5p-answers .h5p-answer.h5p-correct .h5p-answer-icon {
    left: 1.1rem !important;
}
.h5p-multichoice .h5p-answer[role='checkbox'] .h5p-alternative-container:before {
    left: 1.2rem !important;
    color: #1f1f1f !important;
}
a.h5p-question-prev.h5p-joubelui-button {
    border-radius: 0px !important;
        padding: .5rem 1rem !important;
}
a.h5p-question-next.h5p-joubelui-button {
    border-radius: 0px !important;
}
.h5p-multichoice .h5p-answers .h5p-answer.h5p-correct .h5p-answer-icon {
    left: 1.1rem;
}
.h5p-multichoice .h5p-answer[role='radio']:not(.h5p-wrong):not(.h5p-correct):not(
    [aria-disabled='true']
  ) .h5p-alternative-container:before {
    top: 52% !important;
    left: 17px !important;

  }
  .h5p-multichoice .h5p-answers .h5p-alternative-container:before {
    left: 17px !important;
}
.h5p-multichoice .h5p-answers .h5p-alternative-container:after {
    width: 58px !important;
    border-radius: 0px !important;
}

.h5p-multichoice .h5p-answers .h5p-alternative-container {
    min-height: 60px !important;
    border-radius: 0px !important;
}

a.h5p-question-next.h5p-joubelui-button {
    padding: .5rem 1rem !important;
}
.h5p-multichoice .h5p-answer.h5p-correct .h5p-alternative-container, .h5p-multichoice .h5p-answer.h5p-correct:hover .h5p-alternative-container {
    background: #ecfef1 !important;
    color: black !important;
}

.h5p-multichoice .h5p-answer[role="radio"]:not(.h5p-wrong):not(.h5p-correct):not([aria-disabled="true"]) .h5p-alternative-container::before {
	color: #4E4E4E !important;
}

.h5p-multichoice [role="radio"]:not(.h5p-wrong):not(.h5p-correct)[aria-checked="true"] .h5p-alternative-container::after {
	background: #C4D3EE !important;
}

.h5p-multichoice .h5p-answer[role="radio"]:not(.h5p-wrong):not(.h5p-correct)[aria-checked="true"] .h5p-alternative-container::before {
	color: #4E4E4E !important;
}

.h5p-question-scorebar-container {
    display: none !important;
}

.h5p-multichoice .h5p-answers .h5p-answer:not([aria-disabled="true"]):hover .h5p-alternative-container {
	background: #89a7dc !important;
}
.h5p-multichoice .h5p-answers .h5p-alternative-inner>div {
    font-size: 1.2rem;
}
.h5p-multichoice .h5p-question-buttons .h5p-question-check-answer.h5p-joubelui-button {
    height: inherit !important;
}

.hotgrid__item-title-inner {
    text-align: center;
    font-style: normal;
    font-size: 1.2rem;
    line-height: 1.5;
    font-weight: 400;
    color: #1a1a1a;
    font-family: 'roboto',sans-serif !important;
    background-color: white;
}

img.hotgrid__item-image.is-default {
    border: 3px solid #dee8f9 !important;
}
img.hotgrid__item-image.is-default:hover {
    border: 3px solid #89a7dc !important;
}
button.h5p-question-try-again.h5p-joubelui-button {
    border-radius: 0px !important;
    width: auto !important;
    padding: .5rem 1rem !important;
}

button.h5p-question-check-answer.h5p-joubelui-button {
    border-radius: 0px !important;
    width: auto !important;
    padding: .5rem 1rem !important;
}
.is-question.is-complete .component__instruction {
	visibility: visible !important;
}

.h5p-question-buttons .h5p-joubelui-button {
    margin: 0px 4px 4px 0px !important;
}
/*Flipcard h5p button*/

.h5p-dragquestion .h5p-draggable {
    line-height: 1.10em !important;
}

/*drag and drop h5p small fixes START*/
.h5p-dragquestion .h5p-joubelui-button:hover {
	background: #cccccc !important;
	color: #1f1f1f !important;
}

.h5p-dragquestion .h5p-draggable p {
	font-size: 0.95em !important;
}

.h5p-draggable.ui-draggable.h5p-advanced-text::before {
    content: none !important;
    font-family: inherit !important;
    position: static !important;
    font-size: inherit !important;
    line-height: inherit !important;
    margin-left: 0 !important;
}

.h5p-draggable.ui-draggable.h5p-advanced-text[role="button"] {
	border-radius: 0 !important;
	border: 1px solid !important;
	color: #1a1a1a !important;
}
/*drag and drop h5p small fixes END*/

// hotgraphics pin show/hide
/*screen scaling hot graphic*/
.scaling {
    @media only screen and (max-width: 3840px) {
        img.laerdal-hotgraphic__pin-image {
            width: 100%;  /* You can change this percentage value as needed */
            height: auto; /* To maintain aspect ratio */
        }
        button.btn-icon.laerdal-hotgraphic__pin {
            width: 28.2%;  /* You can change this percentage value as needed */
            height: 25.1%; /* You can change this percentage value as needed */
        }
        button.btn-icon.laerdal-hotgraphic__pin::before {
            width: 100%;
            height: 100%;
        }
    }
}

/*screen scaling hot graphic*/

.scaling2 {
    @media only screen and (max-width: 3840px) {
        img.laerdal-hotgraphic__pin-image {
            width: 100%;  /* You can change this percentage value as needed */
            height: auto; /* To maintain aspect ratio */
        }
        button.btn-icon.laerdal-hotgraphic__pin {
            width: 14.6%;  /* You can change this percentage value as needed */
            height: 11.3%; /* You can change this percentage value as needed */
        }
        button.btn-icon.laerdal-hotgraphic__pin::before {
            width: 100%;
            height: 100%;
        }
    }
}
.hovermode3
button.btn-icon.laerdal-hotgraphic__pin:hover {
    background-image: none;
    box-shadow: none;
}
.hovermode3 button.btn-icon.laerdal-hotgraphic__pin:hover img {
    visibility: visible;
}
.hovermode3 button.btn-icon.laerdal-hotgraphic__pin img {
    visibility: hidden;
}

.hovermode2 button.btn-icon.laerdal-hotgraphic__pin:hover {
    background-image: none;
    box-shadow: none;
}
.hovermode2 button.btn-icon.laerdal-hotgraphic__pin:hover img {
    visibility: visible;
}
.hovermode2 button.btn-icon.laerdal-hotgraphic__pin img {
    visibility: hidden;
}

.hovermode button.btn-icon.laerdal-hotgraphic__pin:hover {
    background-image: none;
    box-shadow: none;
}
.hovermode button.btn-icon.laerdal-hotgraphic__pin:hover img {
    visibility: visible;
}
.hovermode button.btn-icon.laerdal-hotgraphic__pin img {
    visibility: hidden;
    border: 2px solid black
}

.hovermode4 button.btn-icon.laerdal-hotgraphic__pin {
    width: 101.43px;
    height: 101.42px;
    background-color: transparent;
    border-radius: 50%;
}
.hovermode5 button.btn-icon.laerdal-hotgraphic__pin:hover {
    box-shadow: 0 0 0 3px rgba(0,0,0,0.5);
        border-radius: 50%;
        height: auto;
}

.hovermode6 button.btn-icon.laerdal-hotgraphic__pin {
    width: 101.43px;
    height: 101.42px;
    background-color: transparent;
    border-radius: 50%;
}

.hovermode6 button.btn-icon.laerdal-hotgraphic__pin:hover {
    background-image: none;
    box-shadow: none;
}

.hovermode6 button.btn-icon.laerdal-hotgraphic__pin:hover img {
    visibility: visible;
}

.hovermode6 button.btn-icon.laerdal-hotgraphic__pin img {
    visibility: hidden;
}
.hovermode7 button.btn-icon.laerdal-hotgraphic__pin:hover {
    background-image: none;
    box-shadow: none;
}

.hovermode8 button.btn-icon.laerdal-hotgraphic__pin:hover {
    box-shadow: 0 0 0 3px rgba(0,0,0,0.5);
        border-radius: 50%;
        height: auto;
}
.hovermode8 button.btn-icon.laerdal-hotgraphic__pin:hover img {
    visibility: visible;
}

.hovermode8 button.btn-icon.laerdal-hotgraphic__pin img {
    visibility: hidden;
}
.hovermode8 button.btn-icon.laerdal-hotgraphic__pin {
    width: 101.43px;
    height: 101.42px;
    background-color: transparent;
    border-radius: 50%;
}

/*screen scaling hot graphic*/
.scaling3 {
    @media only screen and (max-width: 3840px) {
        img.laerdal-hotgraphic__pin-image {
            width: 100%;  /* You can change this percentage value as needed */
            height: auto; /* To maintain aspect ratio */
        }

        button.btn-icon.laerdal-hotgraphic__pin {
            width: 19.6%;  /* You can change this percentage value as needed */
            height: 25.1%; /* You can change this percentage value as needed */
        }

        button.btn-icon.laerdal-hotgraphic__pin::before {
            width: 100%;
            height: 100%;
        }
    }
}

/*screen scaling hot graphic*/
.scaling4 {
    @media only screen and (max-width: 3840px) {
        img.laerdal-hotgraphic__pin-image {
            width: 100%;  /* You can change this percentage value as needed */
            height: auto; /* To maintain aspect ratio */
        }

        button.btn-icon.laerdal-hotgraphic__pin {
            width: 20.5%;  /* You can change this percentage value as needed */
            height: 19.7%; /* You can change this percentage value as needed */
        }

        button.btn-icon.laerdal-hotgraphic__pin::before {
            width: 100%;
            height: 100%;
        }
    }
}

/*screen scaling hot graphic*/
.scaling5 {
    @media only screen and (max-width: 3840px) {
        img.laerdal-hotgraphic__pin-image {
            width: 100%;  /* You can change this percentage value as needed */
            height: auto; /* To maintain aspect ratio */
        }

        button.btn-icon.laerdal-hotgraphic__pin {
            width: 11.1%;  /* You can change this percentage value as needed */
            height: 19.7%; /* You can change this percentage value as needed */
        }

        button.btn-icon.laerdal-hotgraphic__pin::before {
            width: 100%;
            height: 100%;
        }
    }
}
.scaling6 {
    @media only screen and (max-width: 3840px) {
        img.laerdal-hotgraphic__pin-image {
            width: 100%;  /* You can change this percentage value as needed */
            height: auto; /* To maintain aspect ratio */
        }

        button.btn-icon.laerdal-hotgraphic__pin {
            width: 3.4%;  /* You can change this percentage value as needed */
            height: 6.5%; /* You can change this percentage value as needed */
        }

        button.btn-icon.laerdal-hotgraphic__pin::before {
            width: 100%;
            height: 100%;
        }
    }
}
.scaling7 {
    @media only screen and (max-width: 3840px) {
        img.laerdal-hotgraphic__pin-image {
            width: 100%;  /* You can change this percentage value as needed */
            height: auto; /* To maintain aspect ratio */
        }

        button.btn-icon.laerdal-hotgraphic__pin {
            width: 6.5%;  /* You can change this percentage value as needed */
        }

        button.btn-icon.laerdal-hotgraphic__pin::before {
            width: 100%;
            height: 100%;
        }
    }
}
.scaling8 {
    @media only screen and (max-width: 3840px) {
        img.laerdal-hotgraphic__pin-image {
            width: 100%;  /* You can change this percentage value as needed */
            height: auto; /* To maintain aspect ratio */
        }

        button.btn-icon.laerdal-hotgraphic__pin {
            width: 29.2%;  /* You can change this percentage value as needed */
            height: 25.1%; /* You can change this percentage value as needed */
        }

        button.btn-icon.laerdal-hotgraphic__pin::before {
            width: 100%;
            height: 100%;
        }
    }
}
.scaling9 {
    @media only screen and (max-width: 3840px) {
        img.laerdal-hotgraphic__pin-image {
            width: 100%;  /* You can change this percentage value as needed */
            height: auto; /* To maintain aspect ratio */
        }

        button.btn-icon.laerdal-hotgraphic__pin {
            width: 24.5%;  /* You can change this percentage value as needed */
            height: 25.1%; /* You can change this percentage value as needed */
        }

        button.btn-icon.laerdal-hotgraphic__pin::before {
            width: 100%;
            height: 100%;
        }
    }
}
.scaling10 {
    @media only screen and (max-width: 3840px) {
        img.laerdal-hotgraphic__pin-image {
            width: 100%;  /* You can change this percentage value as needed */
            height: auto; /* To maintain aspect ratio */
        }

        button.btn-icon.laerdal-hotgraphic__pin {
            width: 20.5%;  /* You can change this percentage value as needed */
            height: 11.3%; /* You can change this percentage value as needed */
        }

        button.btn-icon.laerdal-hotgraphic__pin::before {
            width: 100%;
            height: 100%;
        }
    }
}
.scaling11 {
    @media only screen and (max-width: 3840px) {
        img.laerdal-hotgraphic__pin-image {
            width: 100%;  /* You can change this percentage value as needed */
            height: auto; /* To maintain aspect ratio */
        }

        button.btn-icon.laerdal-hotgraphic__pin {
            width: 11.1%;  /* You can change this percentage value as needed */
            height: 19.7%; /* You can change this percentage value as needed */
        }

        button.btn-icon.laerdal-hotgraphic__pin::before {
            width: 100%;
            height: 100%;
        }
    }
}

/*pinmode for pin scaling (maybe need rework to latest method above)*/
.pinmode button.btn-icon.laerdal-hotgraphic__pin {
    width: 35px;
    height: 35px;
    background-color: transparent;
    border-radius: 50%;
}

.pinmode button.btn-icon.laerdal-hotgraphic__pin::before {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    opacity: 0;
    transition: opacity 0.2s ease;
}

.pinmode button.btn-icon.laerdal-hotgraphic__pin:hover::before {
    opacity: 1;
}

/*to fix the hotspot pins in mobile view*/
.pinmode {
    @media only screen and (max-width: 600px) {
        img.laerdal-hotgraphic__pin-image {
            margin-left: -21px;
            margin-top: -18px;
        }

        button.btn-icon.laerdal-hotgraphic__pin::before {
            margin-left: -21px;
            margin-top: -18px;
        }
    }
}

button.h5p-dialogcards-turn.h5p-joubelui-button {
    padding: .5rem 1rem !important;
}
.h5p-joubelui-button {
    font-family: 'roboto',sans-serif !important;
    font-size: 1.2rem !important;
    font-weight: 400 !important;
    line-height: 1.5 !important;
    border-radius: 0px !important;
    border: 1px solid transparent !important;
    padding: .5rem 1rem !important
}

.feedbacktwo .btn__submit {
    width: auto !important;
}

.laerdal-hotgraphic-popup__item-title {
    font-family: 'roboto',sans-serif !important;
    font-size: 1.75rem !important;
}

a.additional-material-btn.special-btn.js-additional-material-link-click.btn-text.btn-tertiary {
    display: inline-flex;
    border-radius: 0px !important;
}

button.btn-text.btn__action.js-btn-action.is-disabled {
    display: none;
}
.actionplan__message:before {
    color: #1a1a1a !important;
}

button.h5p-dialogcards-turn.h5p-joubelui-button {
    border-radius: 0px !important;
}

button.additional-material-btn.js-additional-material-btn-click.btn-text.btn-secondary:hover {
    background-color: #215369 !important;
    color: #ffffff !important;
    transition: background-color .2s ease-in,color .2s ease-in !important;
}

button.additional-material-btn.js-additional-material-btn-click.btn-text.btn-secondary {
    border-radius: 0px !important;
}

button.trickle__btn.js-trickle-btn.btn-text:hover {
    background-color: #cccccc !important;
    color: #1f1f1f !important;
    transition: background-color .2s ease-in,color .2s ease-in !important;
}
button.trickle__btn.js-trickle-btn.btn-text {
    background-color: #4e4e4e !important;
    color: #ffffff !important;
}







button.actionplan__btn.btn.js-actionplan-export-click.is-enable:hover {
    background: #222;
    color: #fff;
}

/*Flipcard h5p button*/
.h5p-joubelui-button {
    width: auto !important;
}
/*Flipcard h5p button*/
/*floatright-icon-Transcript*/
.icon-Transcript:before {
    font-size: 14px !important;
    padding-top: 2px !important;
}
.additional-material-btn {
    min-height: 0px !important;

}
.no-touch .additional-material-btn.btn-secondary {
    background-color: #fff;
    border:  1.5px solid #ccc !important;
    float: right;
    color: #666;
    font-size: .7rem !important;
    font-weight: 400;
}

.no-touch .additional-material-btn.btn-secondary:not(.is-disabled):not(.is-locked):hover {
    background-color: #666 !important;
    border: 1.5px solid #ccc !important;
    float: right;
    color: #fff;
    font-size: .7rem !important;
    font-weight: 400;
}
.floatright {
.additional-material-btn-container {

    float: right !important;
}
}

/*End - Custom Transcript button - Additional Material*/

.accordion-item__body a {
    font-weight: 400;
}

/**
 * Custom icon font for using WHO Academy icons in Adapt
 */
@font-face {
  font-family: "who-academy";
  src: url("https://cdn.brandfolder.io/JGBHQ1ZI/at/wzfzr6hm3tftcq7rqnpng5kq/who-academy.eot");
  src: url("https://cdn.brandfolder.io/JGBHQ1ZI/at/wzfzr6hm3tftcq7rqnpng5kq/who-academy.eot#iefix") format("embedded-opentype"), url("https://cdn.brandfolder.io/JGBHQ1ZI/at/np4fgsz6jf939fx8wp9qrr/who-academy.woff2") format("woff2"), url("https://cdn.brandfolder.io/JGBHQ1ZI/at/3rjk6pvmmwmwpgvxhvcvbj/who-academy.woff") format("woff"), url("https://cdn.brandfolder.io/JGBHQ1ZI/at/q577rwjth6rpbr89vvfc9mg/who-academy.ttf") format("truetype"), url("https://cdn.brandfolder.io/JGBHQ1ZI/at/t6kmb579q9cws6vvw5gcjj/who-academy.svg#who-academy") format("svg");
  font-weight: normal;
  font-style: normal;
}
.article.title-icon .article__header [role=heading]::before,
.block.title-icon .block__header [role=heading]::before,
.component.title-icon .component__header [role=heading]::before,
[class^=icon-who-]::before,
[class*=" icon-who-"]::before {
  font-family: "who-academy";
  font-style: normal;
  font-weight: normal;
  speak: never;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: 0.2em;
  margin-left: 0.2em;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 1.05;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.title-icon.icon:empty {
  display: none !important;
}

.article.title-icon-who-check-your-knowledge .article__header [role=heading]::before,
.block.title-icon-who-check-your-knowledge .block__header [role=heading]::before,
.component.title-icon-who-check-your-knowledge .component__header [role=heading]::before,
.icon-who-check-your-knowledge::before {
  content: "\e800";
}

.article.title-icon-who-flipcards .article__header [role=heading]::before,
.block.title-icon-who-flipcards .block__header [role=heading]::before,
.component.title-icon-who-flipcards .component__header [role=heading]::before,
.icon-who-flipcards::before {
  content: "\e801";
}

.article.title-icon-who-lesson .article__header [role=heading]::before,
.block.title-icon-who-lesson .block__header [role=heading]::before,
.component.title-icon-who-lesson .component__header [role=heading]::before,
.icon-who-lesson::before {
  content: "\e802";
}

.article.title-icon-who-reading .article__header [role=heading]::before,
.block.title-icon-who-reading .block__header [role=heading]::before,
.component.title-icon-who-reading .component__header [role=heading]::before,
.icon-who-reading::before {
  content: "\e803";
}

.article.title-icon-who-reflection .article__header [role=heading]::before,
.block.title-icon-who-reflection .block__header [role=heading]::before,
.component.title-icon-who-reflection .component__header [role=heading]::before,
.icon-who-reflection::before {
  content: "\e804";
}

.article.title-icon-who-stop-and-think .article__header [role=heading]::before,
.block.title-icon-who-stop-and-think .block__header [role=heading]::before,
.component.title-icon-who-stop-and-think .component__header [role=heading]::before,
.icon-who-stop-and-think::before {
  content: "\e805";
}

.article.title-icon-who-audio .article__header [role=heading]::before,
.block.title-icon-who-audio .block__header [role=heading]::before,
.component.title-icon-who-audio .component__header [role=heading]::before,
.icon-who-audio::before {
  content: "\e807";
}

.article.title-icon-who-video .article__header [role=heading]::before,
.block.title-icon-who-video .block__header [role=heading]::before,
.component.title-icon-who-video .component__header [role=heading]::before,
.icon-who-video::before {
  content: "\e808";
}

.article.title-icon-who-did-you-know .article__header [role=heading]::before,
.block.title-icon-who-did-you-know .block__header [role=heading]::before,
.component.title-icon-who-did-you-know .component__header [role=heading]::before,
.icon-who-did-you-know::before {
  content: "\e80a";
}

.article.title-icon-who-info-box .article__header [role=heading]::before,
.block.title-icon-who-info-box .block__header [role=heading]::before,
.component.title-icon-who-info-box .component__header [role=heading]::before,
.icon-who-info-box::before {
  content: "\e80c";
}

.article.title-icon-who-knowledge-application .article__header [role=heading]::before,
.block.title-icon-who-knowledge-application .block__header [role=heading]::before,
.component.title-icon-who-knowledge-application .component__header [role=heading]::before,
.icon-who-knowledge-application::before {
  content: "\e80d";
}

.article.title-icon-who-recommended-resources .article__header [role=heading]::before,
.block.title-icon-who-recommended-resources .block__header [role=heading]::before,
.component.title-icon-who-recommended-resources .component__header [role=heading]::before,
.icon-who-recommended-resources::before {
  content: "\e810";
}

.article.title-icon-who-time-to-discovery .article__header [role=heading]::before,
.block.title-icon-who-time-to-discovery .block__header [role=heading]::before,
.component.title-icon-who-time-to-discovery .component__header [role=heading]::before,
.icon-who-time-to-discovery::before {
  content: "\e813";
}

.article.title-icon-who-case-study .article__header [role=heading]::before,
.block.title-icon-who-case-study .block__header [role=heading]::before,
.component.title-icon-who-case-study .component__header [role=heading]::before,
.icon-who-case-study::before {
  content: "\e814";
}/*# sourceMappingURL=who-academy.css.map */


/*color of primary hover on buttons*/
.no-touch .additional-material-btn.btn-tertiary:not(.is-disabled):not(.is-locked):hover {
	background-color: #ffffff;
	border: 2px solid #ffffff;
	border-radius: 0px !important;
	text-decoration: none !important;
}

/*second hover profile "second-style"*/
.second-style {
.additional-material-btn.btn-tertiary:not(.is-disabled):not(.is-locked):hover  {
    background-color: #cedfcd !important;
    border-color: #cedfcd !important;
}
}

.additional-material-btn.btn-tertiary {
	font-weight: 400;
	display: inline-flex;
	margin-top: 0;
	margin-bottom: 0;
}

/*second style profile "block-inline" also applies margin top 0rem*/
.block-inline {
.additional-material-btn-container {
	display: inline-block;
}
.additional-material-btn {
	margin-top: 0rem;
}
}

/*font size and family for buttons*/
.btn-text {
	font-family: 'roboto',sans-serif !important;
	font-size: 1.2rem !important;
	font-weight: 400 !important;
	line-height: 1.5 !important;
}

/*changes the text color for all buttons from additional material*/
.no-touch .additional-material-btn.btn-tertiary {
	color: #004770;
}

.no-touch .additional-material-btn.btn-tertiary:not(.is-disabled):not(.is-locked):hover {
	color: #004770;
}

/*sets the rule for all additional material buttons character count
to scale with mobile tablet pc*/
.additional-material-btn {
    max-width: 36ch !important; /* default to mobile view */
}

/* For tablets: */
@media (min-width: 600px) {
  .additional-material-btn {
    max-width: 60ch !important; /* adjust as necessary */
  }
}

/* For desktops: */
@media (min-width: 1024px) {
  .additional-material-btn {
    max-width: 90ch !important; /* adjust as necessary */
  }
}

/*h5p mcq color profile*/
/*front small button "hover" color*/
.h5p-multichoice .h5p-answers .h5p-answer:not([aria-disabled="true"]):hover .h5p-alternative-container::after {
	background: #F3F3F3 !important;
	border-radius: 0px;
}
/*front small button color*/
.h5p-multichoice .h5p-answers .h5p-answer:not([aria-disabled="true"]) .h5p-alternative-container::after {
	background: #C4D3EE !important;
	border-radius: 0px !important;
}
/*front small button when selected color*/
.h5p-multichoice .h5p-answer[role="checkbox"][aria-checked="true"]:not(.h5p-wrong):not(.h5p-correct) .h5p-alternative-container::after {
	background-color: #C4D3EE;
}

.h5p-multichoice .h5p-answer[role="checkbox"] .h5p-alternative-container::before {
	content: '\ea05';
	color: #1f1f1f;
}

.h5p-multichoice .h5p-answers .h5p-answer:not([aria-disabled="true"]) .h5p-alternative-container {
	background-color: #dee8f9 !important;
}

.h5p-multichoice .h5p-answer[aria-checked="true"]:not(.h5p-wrong):not(.h5p-correct):not([aria-disabled="true"]):hover .h5p-alternative-container {
	background: #89a7dc !important;
}

.h5p-multichoice .h5p-answer[aria-checked="true"]:not(.h5p-wrong):not(.h5p-correct) .h5p-alternative-container {
	color: #ffffff !important;
	background: #1350BA !important;
}

.h5p-multichoice [role="radio"]:not(.h5p-wrong):not(.h5p-correct)[aria-checked="true"] .h5p-alternative-container:hover::after {
	background: #F3F3F3 !important;
}

/*progress dot colors*/
.progress-dot.current::before {
	border-color: #1350BA;
}

.progress-dot {
	border: 1px solid #1350BA;
}

/*disable all clicks class*/
.noevent {
button:not(.is-disabled):not(.is-locked) {
    cursor: pointer;
    pointer-events: none;
}
}

/*image display hidden*/

.hiddenimg {
.hotgrid__grid img {
    display: none;
}
}

/*class for intrusction text padding top*/
.paddingtop {
    .component__instruction {
        padding-top: 1.2rem;
    }  
}

button.btn-icon.laerdal-hotgraphic__pin {
    width: 35px;
    height: 35px;
    background-color: transparent;
    border-radius: 50%;
}

button.btn-icon.laerdal-hotgraphic__pin:hover {
    background-image: linear-gradient(to right, rgba(0,0,0,0.5), rgba(0,0,0,0));
    box-shadow: 0 0 0 3px rgba(0,0,0,0.5);
}

/*width mobile fix drag and drop*/
.dragndropwi__inner .dragndropwi-container .dragndropwi-questions, .dragndropwi__inner .dragndropwi-container .dragndropwi-answers {
width: 64rem
}

/*text closer to grahpic*/
.dragndropwi__inner .dragndropwi-answers {
	
	min-height: 0rem;
	margin: 0rem 0;
}

.dragndropwi-answer p {
font-size:18px
}
/*table code*/
table th {
	padding: 0.5rem !important;
}
table td {
	padding: 0.5rem !important;
}

/*table td font size*/
table td {
    font-size:1.15rem !important;
}

/*Custom Table with Graphic Start*/
table th {
	color: #1f1f1f !important;
}
table {
    border-collapse: collapse !important;
}
tr {
    border: 2px solid #1a1a1a !important;
    border-right-color: transparent !important;
    border-left-color: transparent !important;
}
.hidden .component__inner.graphic__inner {
    display: none;
}
.graphic_hidden img.component-image.graphic-image {
    display: none;
}
.a_graphic {
    background-image: url(course/en/assets/8905c67a1d78eaae439fca8252e4b5971c97fbff.png);
    background-repeat: no-repeat;
    background-position-x: 0%;
      background-position-y: 85%;
      background-size:200px;
    height: 78px;
    margin-top: -20px;
}

/*Custom Table with Graphic END*/

/*actionplan component hover colors*/
.actionplan__btn.is-enable:hover {
	background: #222 !important;
	color: #ffffff !important;
}
.actionplan__btn.is-enable {
	background: #4e4e4e !important;
	color: #ffffff !important;
}

/*instruction color size font and action plan margin*/

.component__instruction {
	font-family: 'roboto',sans-serif !important;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5;
	font-style: italic;
	color: #1a1a1a;
}

.actionplan__message {
	color: #1a1a1a !important;
	font-weight: 400 !important;
	font-size: 1rem !important;
	line-height: 1.5 !important;
	font-style: italic !important;
	font-family: 'roboto',sans-serif !important;
}

.actionplan input[type="text"] {
	padding: 1rem;
	margin-top: 0px;
	margin-bottom: 20px;
}

/*user feedback component no text box, hover color, sumbit button size disable button on complete*/
.laerdal-user-feedback__item-textbox {
	display: none
}
button.btn.btn__submit.js-laerdal-user-feedback-submit-click:hover {
    background: #cccccc !important;
	color: #1f1f1f !important;
}
button.btn.btn__submit.js-laerdal-user-feedback-submit-click {
    background: #4e4e4e !important;
	color: #ffffff !important;
}
.laerdal-user-feedback .btn__submit {
	width: 33.3%;
	border-radius: 0;
}
.laerdal-user-feedback.is-complete .btn[disabled="disabled"] { 
    display: none;
}

/*hover button color text+background color*/
.no-touch .btn-text:not(.is-disabled):not(.is-locked):hover {
	background-color: #cccccc;
	color: #1f1f1f;
	transition: background-color .2s ease-in,color .2s ease-in;
}

/*fonttextmanualmcqsource*/
.mcqfontfix{
    font-size:1.6em;
    display: inline

                }
                
/*top title padding*/
.page__title.aria-heading-1 {
    padding-top: 48.48px;
}

/*h5p dialog card button front and hover color*/
.h5p-joubelui-button:hover {
	background: #cccccc !important;
	color: #1f1f1f !important;
}
.h5p-joubelui-button {
	background-color: #4E4E4E !important;
	color: #ffffff !important;
}
.h5p-joubelui-button:hover, .h5p-joubelui-button:focus {
	background: #cccccc !important;
	color: #1f1f1f !important;
}
/*Accordian color setup*/

.accordion-item__btn:focus {
	box-shadow: none !important;
	outline: none !important;
}
.no-touch .accordion-item__btn.is-selected:hover {
	background-color: #D1440D !important;
    color: #ffffff !important;
}
.no-touch .accordion-item__btn:not(.is-selected):hover {
	background-color: #FB5607 !important;
    color: #ffffff !important;
}
.accordion-item__btn.is-selected {
    background-color: #FB5607 !important;
    color: #ffffff !important;
}
.accordion-item__btn {
	color: #4E4E4E !important;
	background-color: #Ffffff !important;
	border-color: #949494 !important;
}

/*MQ tint padding classes*/
.paddingunderremoved.component-color.primary-200-tint .component__inner {

    padding-bottom: 0px !important;
}
.paddingtopremoved.component-color.primary-200-tint .component__inner {
    padding-top: 0px !important;
}
.paddingunderremoved.component-color.primary-100-tint .component__inner {
    padding-bottom: 1px !important;
}
.paddingtopremoved.component-color.primary-100-tint .component__inner {
    padding-top: 1px !important;
}

/*tint color custom*/
.component-color.primary-020-tint .component__inner {
    background-color: #C4D3EE !important;
    border-radius: 0px !important;
    padding: 2rem !important;
}
.component-color.primary-100-tint .component__inner {
    background-color: #CEDFCD !important;
    border-radius: 0px !important;
    padding: 2rem !important;
}
.component-color.primary-200-tint .component__inner {
    background-color: #FED5C1 !important;
    border-radius: 0px !important;
    padding: 2rem !important;
}
.component-color.primary-300-tint .component__inner {
    background-color: #ffffff !important;
    border-radius: 0px !important;
    padding: 2rem !important;
}
.component-color.primary-400-tint .component__inner {
    background-color: #F3F3F3 !important;
    border-radius: 0px !important;
    padding: 2rem !important;
}

/*scroll navigator icon*/
.scroll-navigator-container .scroll-navigator-inner .scroll-navigator-item .scroll-navigator-arrow {
    background-color: #4E4E4E !important;
}
.scroll-navigator-container .scroll-navigator-inner .scroll-navigator-item .scroll-navigator-arrow:hover {
	background-color: #C4D3EE !important;
}
/*graphic component*/
.component__inner {
    padding: 0 !important;
}

/*who custom styles*/
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap');


.component-color.primary-020-tint .component__inner {
    border-radius: 0px !important;
}
.accordion__item-btn {

    border-radius: 0px !important;

}
/*Top bar design - height control*/
.article__header-inner {
    padding-top: 60px !important;
}

.page.contentobject.\36 481a7e96c34986489ad67ae.menuitem-color.menu-item_yellow1.has-bg-image {
    height: 48.48px !important;
}

.component.laerdal-text.\36 41dbb91c09937524ef55a96.benjamin {
    padding-top:4.35em
    }
    
.block.\36 419c0f3c09937524ef55803.remove-padding-top.remove-padding-bottom.has-bg-image.is-complete {
    padding-top:40px
    }

.page.contentobject.\36 3691e337b942054c5ea1ca8.menuitem-color.menu-item_yellow1.has-bg-image {
 height: 20px !important;
    
}

.page.contentobject.\36 3691e5a7b942054c5ea1d70.menuitem-color.menu-item_yellow1.has-bg-image {
 height: 20px !important;
}
/*Remove round-borders*/

.mcq-item__state-container {

    border-top-left-radius: 0px !important;
    border-bottom-left-radius: 0px !important;

}
.mcq-item__label {
    border-radius: 0px !important;
}
.accordion-item__btn {
    border-radius: 0px !important;
}
.dropdown__btn {
    border-radius: 0px !important;
}
.dropdown__list {

    border-radius: 0px !important;

}

.inline-feedback {
    border-radius: 0px !important;
}

.actionplan__btn {

    border-radius: 0px !important;

}
.actionplan__item-textbox {
    border-radius: 0px !important;
}
.h5p-content [tabIndex="-1"] {
    outline: none;
}

.h5p-interactive-video {
    border-radius: 0px !important;
}
/*custom*/
body {
    font-family: 'roboto' !important;
}
.lifemenu-item__title {
    font-family: 'roboto',sans-serif !important;

}
.lifemenu__title {
    font-family: 'Roboto',sans-serif !important;

}
.page__title {

    font-family: 'roboto',sans-serif !important;

}
.component__title {

    font-family: 'roboto',sans-serif !important;

}
.mcq__item-label {

    border-radius: 0px !important;
}


.btn-text {
    border-radius: 0px !important;
}
.mcq__item-state-container {
    border-top-left-radius: 0px !important;
    border-bottom-left-radius: 0px !important;
}

.laerdal-narrative__content-and-slides {
    border-radius: 0px !important;

}

button.btn-icon.nav__btn.nav__back-btn.js-nav-back-btn {
    display: none !important;
}
.component__container {
    border-radius: 0px !important;
}
/*Trickle fix*/
.trickle.is-full-width .trickle__btn {
    width: 100% !important;
    float: none !important;
    margin-right: 10px;
    margin-bottom: 10px;
    margin-left: 0px;
    font-size: 1.5rem !important;
    padding-top: 0.1rem;
    padding-bottom: 0.4rem;
}

.h5p-interactive-video .h5p-true-false .h5p-question-feedback-container {
    display: block !important;
}


/*Action Plan - Inner title*/
.actionplan__title-inner {
    font-family: 'roboto',sans-serif !important;
    font-weight: 400 !important;
    font-size: 1.75rem !important; 
    line-height: 1.2 !important;
    color: #333333 !important;
}

/*Graphic Size Controller - Start*/
.w-50 .component__attribution {
    max-width: 50%;
}
.w-50 img.accordion__item-image {
    min-width: 50% !important;
}
.w-12 .component-image-container.graphic-image-container{
    width: 12% !important;
}
.w-30 .component-image-container.graphic-image-container{
    width: 30% !important;
}
.w-35 .component-image-container.graphic-image-container{
    width: 35% !important;
}
.w-40 .component-image-container.graphic-image-container{
    width: 40% !important;
}
.w-45 .component-image-container.graphic-image-container{
    width: 45% !important;
}
.w-50 .component-image-container.graphic-image-container
{
    width: 50% !important;
}
.w-55 .component-image-container.graphic-image-container{
    width: 55% !important;
}
.w-60 .component-image-container.graphic-image-container{
    width: 60% !important;
}
.w-65 .component-image-container.graphic-image-container{
    width: 65% !important;
}
.w-69 .component-image-container.graphic-image-container{
    width: 69% !important;
}
.w-70 .component-image-container.graphic-image-container{
    width: 70% !important;
}
.w-75 .component-image-container.graphic-image-container{
    width: 75% !important;
}
.w-80 .component-image-container.graphic-image-container{
    width: 80% !important;
}
.w-85 .component-image-container.graphic-image-container{
    width: 85% !important;
}
.w-90 .component-image-container.graphic-image-container{
    width: 90% !important;
}
.w-95 .component-image-container.graphic-image-container{
    width: 95% !important;
}

/*Graphic Size Controller - END*/


/*HOTGRID Size Controller - START*/
.w-40 .hotgrid__item-image-container {
    width: 40%;
}
.w-45 .hotgrid__item-image-container {
    width: 45%;
}
.w-50 .hotgrid__item-image-container {
    width: 50%;
}
.w-55 .hotgrid__item-image-container {
    width: 55%;
}
.w-60 .hotgrid__item-image-container {
    width: 60%;
}
.w-65 .hotgrid__item-image-container {
    width: 65%;
}
.w-70 .hotgrid__item-image-container {
    width: 70%;
}
.w-75 .hotgrid__item-image-container {
    width: 75%;
}
.w-80 .hotgrid__item-image-container {
    width: 70%;
}
.w-85 .hotgrid__item-image-container {
    width: 85%;
}
.w-90 .hotgrid__item-image-container {
    width: 90%;
}
.w-95 .hotgrid__item-image-container {
    width: 95%;
}
/*HOTGRID Size Controller - END*/

/*Hotgrid fix*/
.hotgrid__item-btn.is-css .hotgrid__item-image {
    border: none !important;
}
.hotgrid__item-btn .hotgrid__item-title, .hotgrid__item-btn .hotgrid__item-icon {
    background-color: transparent !important;
    color: #000 !important;
}
.hotgrid__item-title-inner {
    text-align: left !important;
    font-style: italic;
    font-size: 1.2rem;
}
.center .hotgrid__item-title-inner {
    text-align: center !important;
}
/*Background WHO colors*/

.block._turquoise1{
background-color:rgba(0,113,116,1);
}
.block._turquoise2{
background-color:rgba(39,172,176,1);
}
.block._turquoise3{
background-color:rgba(86,198,201,1);
}
.block._turquoise4{
background-color:rgba(213,241,241,1);
}
.block._orange1{
background-color:rgba(255,111,0,1);
}
.block._orange2{
background-color:rgba(252,180,60,1);
}
.block._orange3{
background-color:rgba(246,209,128,1);
}
.block._orange4{
background-color:rgba(254,243,220,1);
}
.block._yellow1{
background-color:rgba(253,197,0,1);
}
.block._yellow2{
background-color:rgba(251,230,136,1);
}
.block._yellow3{
background-color:rgba(251,234,172,1);
}
.block._yellow4{
background-color:rgba(255,249,232,1);
}
.block._green1{
    background-color:rgba(137,189,158,1);
}
.block._green2{
background-color:rgba(176,226,197,1);
}
.block._green3{
background-color:rgba(201,242,217,1);
}
.block._green4{
background-color:rgba(241,252,245,1);
}
.block._pink1{
background-color:rgba(218,34,139,1);
}
.block._pink2{
background-color:rgba(237,74,156,1);
}
.block._pink3{
background-color:rgba(247,121,178,1);
}
.block._pink4{
  background-color:rgba(253,221,236,1);
}

.block._navy1{
  background-color:rgba(14,63,135,1);
}
.block._navy2{
  background-color:rgba(19,80,186,1);
}
.block._navy3{
  background-color:rgba(78,124,203,1);
}
.block._navy4{
  background-color:rgba(137,167,220,1);
}
.block._navy5{
  background-color:rgba(196,211,238,1);
}

.block._fire1{
  background-color:rgba(209,68,13,1);
}
.block._fire2{
  background-color:rgba(251,86,7,1);
}
.block._fire3{
  background-color:rgba(255,200,4,1);
}
.block._fire4{
  background-color:rgba(253,170,131,1);
}
.block._fire5 {
  background-color:rgba(254,213,193,1);
}

.block._basil1{
  background-color:rgba(34,91,30,1);
}
.block._basil2{
  background-color:rgba(58,127,56,1);
}
.block._basil3{
  background-color:rgba(107,159,106,1);
}
.block._basil4{
  background-color:rgba(156,191,155,1);
}
.block._basil5 {
  background-color:rgba(206,223,205,1);
}

.topbar__inner {

padding: 0;
	height: 0px;
}

/*top title padding added for the the progress bar*/
.page__title.aria-heading-1 {
    padding-top: 48.48px;
}

/*code for the laerdal progress bar*/
.btn-icon.nav__btn.nav__laerdalPageLevelProgress-btn.pagelevelprogress__nav-btn {
  pointer-events: none;
}

.topbar__title {
    visibility: hidden;
}

.nav {
	border-top: none !important;
	background-color: transparent !important;
	height: 0rem !important;
	border-radius: 0px !important;
}

.nav__inner {
	display: none !important;
}

.scroll-navigator-container .scroll-navigator-inner .scroll-navigator-item .scroll-navigator-arrow {
    background-color: #4E4E4E !important;
}
.scroll-navigator-container .scroll-navigator-inner .scroll-navigator-item .scroll-navigator-arrow:hover {
	background-color: #C4D3EE !important;
}

button.btn-icon.nav__btn.nav__back-btn.js-nav-back-btn {
    display: none !important;
}

.pagelevelprogress__nav-btn .pagelevelprogress__indicator-bar {
	background-color: #0E3F87 !important;
}

.pagelevelprogress__nav-btn .pagelevelprogress__indicator-inner {
	background-color: #C4D3EE !important;
}
/*Used to share height with the navigation*/
.drawer__toolbar {
height:56px;
	/*height: var(--adapt-navigation-height);*/
}

.additional-material-btn {
	display: inline-flex;
}
/*new mcq rules*/
button.btn-text.btn__action.js-btn-action {
    background-color: #4e4e4e;
    color: #ffffff;
}
button.btn-text.btn__action.js-btn-action:hover {
    background-color: #cccccc !important;
    color: #1f1f1f;
}
.mcq-item__label {
	margin-bottom: .5rem !important;
	background-color: #dee8f9 !important;
	color: #1f1f1f !important;
	border-radius: 0px !important;
	display: flex !important;
}

.mcq-item__state-container {
	background-color: #C4D3EE !important;
		border-radius: 0px !important;
}

.mcq-item__label:hover {
	color: #1f1f1f !important;
	background-color: #89a7dc !important;
		border-radius: 0px !important;
}

.mcq-item__label:hover .mcq-item__state-container {
	background-color: #F3F3F3 !important;
		border-radius: 0px !important;
}

.mcq-item__label.is-selected {
	background-color: #1350BA !important;
	color: #000000 !important;
	border: 1px solid transparent !important;
}
.mcq-item__label.is-selected .mcq-item__state-container, .mcq-item__label:hover .mcq-item__state-container {
	background-color: #C4D3EE !important;
}
label.mcq-item__label.is-selected:not(.is-disabled) .mcq-item__text-inner {
	color: #fff !important; 
}

.mcq-item__label.is-selected:hover .mcq-item__state-container, .mcq-item__label:active .mcq-item__state-container {
	background-color: #F3F3F3 !important;
}
.mcq-item__label.is-selected:hover, .mcq-item__label:active {
	background-color: #1350BA !important;
	color: #0f3937 !important;
}


.mcq-item__label.is-selected .mcq-item__state-container, .mcq-item__label:hover .mcq-item__state-container {
	background-color: #F3F3F3 !important;
}
.answer-specific-feedback.can-show-marking .mcq__widget:not(.is-complete) .mcq-item+.answer-specific-feedback-result {
    background: #dee8f9 !important;
}
.answer-specific-feedback.can-show-marking .mcq__widget:not(.is-complete) .mcq-item+.answer-specific-feedback-result {
    background: white !important;
    border-radius: 0px !important;
}

.mcq__widget.show-user-answer .is-incorrect .is-selected.mcq-item__label .mcq-item__state-container {
    background-color: #dc3449 !important;
    color: #ffffff;
}
.mcq__widget.show-user-answer .is-incorrect .is-selected.mcq-item__label {
    background-color: #fef5f7 !important;
    color: #1f1f1f;
}
.mcq-item__label.is-disabled {
    background-color: #fafafa !important;
    color: #666666;
}
.mcq-item__label.is-disabled .mcq-item__state-container {
    background-color: #e5e5e5 !important;
}

.can-show-marking .mcq__widget.show-user-answer .is-correct .is-selected.mcq-item__label {
    background-color: #ecfef1 !important;
    color: #1f1f1f;
}
.can-show-marking .mcq__widget.show-user-answer .is-correct .is-selected .mcq-item__state-container {
    background-color: #37a851 !important;
    color: #ffffff;
}
/*new mcq rules end*/
:focus-visible {
	outline: 4px solid #1f1f1f !important;
	box-shadow: none !important;
	border-radius: 0px !important;
	outline-offset: 2px;
	border: 2px solid #949494;
}


.laerdal-user-feedback .btn__submit {
	margin-bottom: 1rem;
}

    .inline-feedback.use-semantic-colors.is-incorrect {
        background: #fddee2 !important;
    }
    .inline-feedback.use-semantic-colors.is-partially-correct {
        background: #fcddc5 !important;
    }
    .answer-specific-feedback .mcq__widget:not(.is-complete) div.mcq-item+.inline-feedback.is-incorrect {
    background: #fddee2 !important; 
}

.inline-feedback.use-semantic-colors.is-correct {
	background-color: #cceed2 !important;
}


.answer-specific-inline-feedback .answer-specific-feedback.can-show-marking .mcq__widget:not(.is-complete).can-show-final-marking .mcq-item.is-correct + .answer-specific-feedback-result, .answer-specific-inline-feedback .answer-specific-feedback.can-show-marking .mcq__widget:not(.is-complete).can-show-final-marking .mcq-item.is-correct + .inline-feedback:not(.answer-specific-general-feedback-label) {
	background-color: #fddee2 !important;
}

.mcq__widget.show-user-answer .is-incorrect .is-selected.mcq-item__label {
    background-color: #fef5f7 !important;
    color: #1f1f1f;
}

.answer-specific-inline-feedback .answer-specific-feedback.can-show-marking .mcq__widget:not(.is-complete).can-show-final-marking .mcq-item.is-incorrect + .answer-specific-feedback-result, 
.answer-specific-inline-feedback .answer-specific-feedback.can-show-marking .mcq__widget:not(.is-complete).can-show-final-marking .mcq-item.is-incorrect + .inline-feedback:not(.answer-specific-general-feedback-label) {
    background-color: #fddee2 !important; /* Ensure the desired color is applied */
}

/* Ensuring correct style is applied */
.answer-specific-feedback .mcq__widget:not(.is-complete) .is-selected.is-disabled + .inline-feedback.is-incorrect {
    background: #fef5f7 !important;
}

/*button color additinal material*/
.no-touch .additional-material-btn.btn-primary {
	background-color: #225B1E;
	border: 2px solid #225B1E;
		border-radius: 0px !important;
}

/*hover color for additional material*/
.no-touch .additional-material-btn.btn-primary:not(.is-disabled):not(.is-locked):hover {
	background-color: #6B9F6A;
	border: 2px solid #6B9F6A;
	transition: none;
	border-radius: 0px;
}


.gmcq-item__option {
	margin-top: .5rem !important;
	background-color: #dee8f9 !important;
	color: #1f1f1f !important;
	border-radius: 0 !important;
	display: flex !important;
	flex-direction: row !important;
	position: relative !important;
}
.gmcq__widget.show-user-answer .is-incorrect .is-selected .gmcq-item__state-container {
    background-color: #f26c4f !important;
    color: #ffffff !important;
}
.gmcq__widget.show-user-answer .is-correct .is-selected .gmcq-item__option {
    background-color: #ecfef1 !important;
    color: #1f1f1f !important;
}
.gmcq-item__state-container {
	border-top-left-radius: 0 !important;
	border-bottom-left-radius: 0 !important;
	background-color: #C4D3EE !important;
}

.gmcq-item__label.is-selected .gmcq-item__option, .gmcq-item__label:hover .gmcq-item__option {
	background-color: #89a7dc !important;
	color: #1f1f1f !important;
}
.gmcq-item__label.is-selected .gmcq-item__state-container, .gmcq-item__label:hover .gmcq-item__state-container {
	background-color: #F3F3F3 !important;
	color: #1f1f1f !important;
}
.gmcq-item__label.is-selected:hover .gmcq-item__option, .gmcq-item__label:active .gmcq-item__option {
	background-color: #89a7dc !important;
	color: #1f1f1f !important;
}
.gmcq-item__label.is-selected:hover .gmcq-item__state-container, .gmcq-item__label:active .gmcq-item__state-container {
	background-color: #F3F3F3 !important;
	color: #1f1f1f !important;
}
.gmcq:not(.can-show-marking) .gmcq__widget.show-user-answer .is-selected .gmcq-item__option .gmcq-item__state-container {
	background-color: #82ca9c !important;
	/* color: #ffffff; */
}
.gmcq:not(.can-show-marking) .gmcq__widget.show-user-answer .is-selected .gmcq-item__option {
	background-color: #ecfef1 !important;
}
.gmcq-item__label.is-selected .gmcq-item__answer-icon.is-radio .icon::before {
	content: "\e944";
}
.gmcq-item__label.is-selected .gmcq-item__option {
	background-color: #1350BA !important;
	color: #ffffff !important;
	border: 1px solid transparent;
}
.gmcq__widget.show-user-answer .is-incorrect .is-selected .gmcq-item__option {
    background-color: #fef5f7 !important;
    color: #1f1f1f !important;
}

.gmcq-item__label.is-disabled .gmcq-item__option {
    background-color: #fafafa !important;
    color: #666666;
}
.gmcq-item__label.is-disabled .gmcq-item__state-container {
    background-color: #e5e5e5 !important;
}

button.btn-text.btn__action.js-btn-action:hover {
    background-color: #cccccc !important;
    color: #1f1f1f !important;
}

.gmcq-item__state-container {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
    background-color: #C4D3EE !important;
}
.hotgrid__item-btn.is-image .hotgrid__item-image {
    border: 3px solid #dee8f9 !important;
}

.hotgrid-popup__item-title-inner {
    font-size: 1.75rem;
    font-family: 'roboto',sans-serif !important;
}
.h5p-multichoice .h5p-answer {
    margin-bottom: 0px !important;
}
.h5p-multichoice .h5p-answers .h5p-answer {
    margin: auto !important;
}