@charset "UTF-8";

/* GENERAL */
#resilience button {
	background-color: #29AFBA;
}

#resilience .button-locked {
	background-color: #C8C8C8;
}

#resilience {
	color: #4A4A4A;
}

#resilience .relative-box {
	position: relative;
}

#resilience .relative-box li>div.resilience-container-timeline-status-done, #resilience .relative-box li>div.resilience-container-timeline-status-todo {
	cursor: pointer;
}

#resilience .absolute-box {
	position: absolute;
}

#resilience a {
	color: #29AFBA;
}

#resilience p {
	line-height: 1.5;
    margin: 10px 0px 10px 0px;
    font-size: 14px;
    font-weight: 300;
}

/* 	MOBILE VIEW */
@media screen and (max-width: 600px) {
	#resilience  {
		display: none;
	}
	#resilience-mobile {
		display: visible;
	}
}

@media screen and (min-width: 601px) {
	#resilience {
		display: visible;
	}
	#resilience-mobile {
		display: none;
	}
}

/* RESILIENCE CONTAINER */
#resilience .resilience-container {
	padding: 0px;
}

/* MOBILE */
#resilience-mobile .resilience-mobile-BG {
	background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 50%,
		rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.5) 100%), url(../../../images/resilience/resilience-general-img.jpg);
    width: 100%;
    /* height: 200px; */
    background-size: cover;
    background-position: 50% 50%;
    position: absolute;
    height: 100%;
    z-index: -1;
}

#resilience-mobile .resilience-mobile-content {
	padding: 100% 10% 10% 10%;
    text-align: center;
}

#resilience-mobile .resilience-mobile-content h1{
	color: #FFFFFF;
    font-size: 30px;
    font-weight: 800;
    margin-bottom: 30px;
}

/* HEADER */
#resilience .resilience-container-header {
	background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 50%,
		rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.5) 100%),
		url(../../../images/resilience/resilience-general-img.jpg);
	width: 100%;
	height: 200px;
	background-size: cover;
	background-position: 50% 14%;
	position: relative;
	height: 200px;
}

#resilience .resilience-container-header-title {
	position: absolute;
	display: inline-flex;
	top: 100px;
	left: 50px;
}

#resilience .resilience-container-header-title img {
	margin-right: 20px;
	height: 65px;
}

#resilience .resilience-container-header-title h1 {
	font-size: 70px;
	font-weight: 900;
	color: #FFFFFF;
}

#resilience .resilience-container-header-info {
	position: absolute;
	top: 20px;
	right: 20px;
	cursor: pointer;
}

#resilience .resilience-container-header-info i {
	color: #FFFFFF;
	font-size: 30px;
}

/* TIMELINE */
#resilience .resilience-container-timeline {
	padding: 10px;
    font-size: 14px;
    font-weight: 100;
    background-color: #FFFFFF;
    z-index: 5;
}

#resilience .resilience-container-timeline-line-base {
	background-color: #C8C8C8;
    height: 5px;
    width: 80%;
    position: absolute;
    left: 63px;
    top: 43px;
    z-index: 6;
}

#resilience .resilience-container-timeline-line-progress {
	background-color: #29AFBA;
    height: 5px;
    width: calc(14% * 0.8);
    // 14 * 0.8
    position: absolute;
    left: 63px;
    top: 43px;
    z-index: 7;
}

#resilience .resilience-container-timeline ul {
	padding: 0px;
	z-index: 8;
	padding-left: 30px;
}

#resilience .resilience-container-timeline li {
	padding: 30px 10px;
    display: inline-block;
    width: 11.7%;
    vertical-align: top;
    line-height: 17px;
}

#resilience .resilience-container-timeline li span {
	font-weight: 800;
}

#resilience .resilience-container-timeline-status-locked {
	background-color: #C8C8C8;
    height: 20px;
    width: 20px;
    border-radius: 50%;
    margin-bottom: 14px;
    margin-top: 6px;
}

#resilience .resilience-container-timeline-status-active {
	background-color: #FFFFFF;
    height: 30px;
    width: 30px;
    border-radius: 50%;
    margin-bottom: 10px;
    border: solid;
    border-width: 10px;
    border-color: #29AFBA;
}

#resilience .resilience-container-timeline-status-active.resilience-container-timeline-status-done {
	border: none;
}

/*#resilience .resilience-container-timeline-status-todo {
	background-color: #FFFFFF;
    height: 30px;
    width: 30px;
    border-radius: 50%;
    margin-bottom: 10px;
    border: solid;
    border-width: 10px;
    border-color: #D02788;
}*/

#resilience .resilience-container-timeline-status-done {
    background-color: #29AFBA;
    height: 30px;
    width: 30px;
    border-radius: 50%;
    margin-bottom: 10px;
}

#resilience li.selected > div.resilience-container-timeline-status-done {
	background-color: #D02788;
}

#resilience li.selected > div.resilience-container-timeline-status-active {
	border-color: #D02788;
}

#resilience .resilience-container-timeline-status-done i {
	color: #FFFFFF;
    text-align: center;
    margin: auto;
    padding: 4px 3px;
    font-size: 24px;
}

#resilience .resilience-container-timeline h3 {
	font-size: 20px;
    font-weight: 800;
    margin-top: 36px;
}

/* SIDE MENU */
#resilience .resilience-container-content-side-menu {
	padding: 10px 0px 0px 0px;
}

#resilience .resilience-container-content-side-menu-box1 {
	padding: 40px 30px 10px 10px;
}

#resilience .resilience-container-content-side-menu-box1 a {
	font-size: 14px;
    font-weight: 400;
}

#resilience .resilience-container-content-side-menu-box1 i {
	position: absolute;
    top: 30px;
    right: 15px;
}

#resilience .resilience-container-content-side-menu-box1 h2 {
    margin: 20px 0px 10px 0px;
    font-size: 30px;
    font-weight: 800;
}

#resilience .resilience-container-content-side-menu-box1 p {
	line-height: 1.5;
    margin: 20px 0px 10px 0px;
    font-size: 14px;
    font-weight: 300;
}

#resilience .resilience-container-content-side-menu-box2 {
    padding: 10px 30px 10px 10px;
}

#resilience .resilience-container-content-side-menu-box2 ul {
    padding-bottom: 20px;
}

#resilience .resilience-container-content-side-menu-box2 li {
    padding: 5px 0px;
}

#resilience .resilience-container-content-side-menu-box2 span.navigation-text {
    color: #29AFBA;
    cursor: pointer;
    display: inline;
    vertical-align: super;
}

#resilience .resilience-modules-results span.navigation-text {
    color: #29AFBA;
    width: 350px;
    cursor: pointer;
}

#resilience .resilience-container-content-side-menu-box2 i {
    color: #C8C8C8;
    padding-right: 10px;
}

#resilience .resilience-container-content-side-menu-box3 {
    padding: 10px 30px 10px 10px;
}

#resilience .resilience-container-content-side-menu-box3 h3 {
    font-size: 21px;
    font-style: italic;
    font-weight: 100;
    color: #9B9B9B;
}

#resilience .resilience-container-content-side-menu-box3 h4 {
    font-size: 14px;
    font-weight: 500;
    margin: 30px 0px 10px 0px;
    
}

#resilience .resilience-container-content-side-menu-box3 .discover-more-article{
	cursor: pointer;
}

#resilience .resilience-container-content-side-menu-box3 p {
	color: #9B9B9B;
    overflow: hidden;
  	display: -webkit-box;
  	-webkit-line-clamp: 5;
  	-webkit-box-orient: vertical;
}

#resilience .resilience-container-content-side-menu-box3 p {
   	color: #9B9B9B;
   	overflow: hidden;
	display: -webkit-box;
  	-webkit-line-clamp: 3;
  	-webkit-box-orient: vertical;
}

/* VIDEOS TRAIN */
#resilience .resilience-container-content-videos {
	padding: 50px 30px 30px 40px;
}

#resilience .resilience-container-content-videos-video-box {
    background-color: #FFFFFF;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    border-radius: 2px;
    padding: 0 0 0px;
    margin-bottom: 30px;
    height: 530px;
}

#resilience .resilience-container-content-videos-video-box img {
    width: 100%;
    height: 250px;
    object-fit: cover;
}

#resilience .resilience-container-content-videos-video-box .resilience-icon-viewed {
    font-size: 30px;
    color: #D02788;
    position: absolute;
    top: 10px;
    left: 10px;
    z-index: 2;
}

#resilience .resilience-container-content-videos-video-box .resilience-icon-play {
    font-size: 70px;
    color: #FFFFFF;
    position: absolute;
    top: 100px;
    left: 50%;
    margin-left: -40px;
}

#resilience .resilience-container-content-videos-video-box .white-circle-bg {
    font-size: 70px;
    color: #D02788;
    position: absolute;
    top: 14px;
    left: 14px;
    width: 20px;
    height: 20px;
    z-index: 1;
    background: white;
    border-radius: 50%;
}

#resilience .resilience-container-content-videos-video-box h2 {
    padding: 0px;
    margin: 20px 30px 10px 30px;
    font-size: 20px;
    color: #4A4A4A;
    font-weight: 600;
    line-height: 1.5;
}

#resilience .resilience-container-content-videos-video-box p {
    padding: 0px;
    margin: 10px 30px 20px 30px;
    color: #9B9B9B;
}

/*
#resilience .resilience-container-content-videos-video-box span {
    text-align: center;
    width: 100%;
    display: inline-block;
    padding: 10px 10px 30px 10px;
    color: #29AFBA;
    cursor: pointer;
}
*/

 
#resilience .resilience-container-content-videos-video-box .footerActions  {
	bottom: 0;
    position: absolute;
    width: 100%;	
}
   

#resilience .resilience-container-content-videos-next-module {
    text-align: center;
}

#resilience .resilience-container-content-videos-next-module h5 {
    font-size: 16px;
    color: #C8C8C8;
    font-weight: 100;
    margin: 20px;
}

#resilience .resilience-container-content-intro {
	padding: 50px 30px 30px 60px;
}

#resilience .resilience-container-content-intro h2 {
    padding: 0;
    color: #29AFBA;
    font-size: 35px;
    font-weight: 500;
    margin: 0px 0px 20px 0px;
}

/* ALL MODULES */
#resilience .resilience-container-content-modules{
	padding: 50px;
}

#resilience .resilience-container-content-module-box{
	background-color: #FFFFFF;
	margin-bottom: 30px;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    border-radius: 2px;
}

#resilience .resilience-container-content-module-box-image {
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 30%, rgba(0, 0, 0, 0) 30%, rgba(0, 0, 0, 0.3) 100%);
    width: 100%;
    height: 200px;
    background-size: cover;
    background-position: 50% 50%;
    position: relative;
    height: 250px;
}

#resilience .resilience-container-content-module-box-image[data-code="MODULE_1"] {
	background-image: url(../../../images/resilience/resilience-gratitude-img.jpg);
}

#resilience .resilience-container-content-module-box-image[data-code="MODULE_2"] {
	background-image: url(../../../images/resilience/resilience-mindful-presence-img.jpg);
}

#resilience .resilience-container-content-module-box-image[data-code="MODULE_3"] {
	background-image: url(../../../images/resilience/resilience-kindness-img.jpg);
}

#resilience .resilience-container-content-module-box-image[data-code="MODULE_4"] {
	background-image: url(../../../images/resilience/resilience-resilient-mindset-img.jpg);
}

#resilience .resilience-container-content-module-box-module-name {
	position: absolute;
    top: 150px;
    left: 20px;
    color: white;
    font-size: 18px;
}

#resilience .resilience-container-content-module-box h2 {
   	position: absolute;
    top: 180px;
    left: 20px;
    margin: 0px;
    color: white;
    font-size: 50px;
    font-weight: 500;
}

#resilience .resilience-container-content-module-box p {
	padding: 10px 20px 0px 20px;
}

#resilience .resilience-container-content-module-box button {
	margin: 20px 20px;
}

#resilience .resilience-container-content-module-box-progress{
	padding: 0px;
    position: absolute;
    bottom: 30px;
    right: 30px;
    font-size: 18px;
    color: #4A4A4A;
    font-weight: 300;
}

#resilience .resilience-container-content-module-box-progress span{
   	padding: 0px;
    font-size: 25px;
    font-weight: 600;
    color: #D02788;
}

#resilience .resilience-container-content-side-menu-box1 .module-title-description {
    color: #29AFBA;
}

/* CERTIFICATE */
#resilience .resilience-container-content-certificate {
	padding: 50px;
}

#resilience .resilience-container-content-certificate-box {
	padding: 30px;
    background-color: white;
    text-align: center;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    border-radius: 2px;
}

#resilience .resilience-container-content-certificate-box-image1 {
	background-image: url(../../../images/resilience/resilience-train-end-icon.svg);
    width: 100px;
    height: 110px;
    background-size: contain;
    background-position: 50% 14%;
    background-repeat: no-repeat;
    margin: auto;
}

#resilience .resilience-container-content-certificate-box-image2 {
	background-image: url(../../../images/resilience/resilience-certificate.png);
	width: 100%;
    height: 250px;
    background-size: contain;
    background-position: 50% 14%;
    background-repeat: no-repeat;
    margin: auto;
}

#resilience .resilience-container-content-certificate-box p {
	padding: 0px;
}

/* MODULES PROGRESS */
#resilience .resilience-modules-results {
	text-align: left;
}

#resilience .resilience-modules-results ul{
	padding: 0px;
}

#resilience .resilience-modules-results li{
	display: flex;
	margin: 20px 0px 20px 0px;
}

#resilience .resilience-modules-results h4 {
	font-size: 16px;
    font-weight: 500;
}

#resilience .resilience-modules-results-module {
	padding: 0px 20px 0px 0px;
	width: 350px;
}

#resilience .resilience-modules-results-line {
    width: 100%;
}

#resilience .resilience-modules-results-line-base {
	background-color: #C8C8C8;
    width: 100%;
    height: 7px;
    position: absolute;
    top: 5px;
    z-index: 1;
}

#resilience .resilience-modules-results-line-progress {
    background-color: #D02788;
    height: 7px;
    position: absolute;
    top: 5px;
    z-index: 2;
}

#resilience .resilience-modules-results-percentage {
	font-size: 24px;
    font-weight: 600;
    margin: -4px 20px 0px 20px;
}

#resilience .resilience-modules-results a {
	width: 350px;
	margin-top: 0px;
}

/* RESULTS */
#resilience .resilience-container-content-results {
	padding: 50px;
}

#resilience .resilience-container-content-results-box {
	padding: 30px;
    background-color: white;
    text-align: center;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    border-radius: 2px;
}

#resilience .resilience-container-content-results-box h1 {
	font-size: 50px;
    font-weight: 600;
    text-transform: uppercase;
    color: #29AFBA;
    margin-top: 20px;
}

#resilience .resilience-container-content-results-box h2 {
	font-size: 20px;
    font-weight: 400;
    /* text-transform: uppercase; */
    color: #4A4A4A;
    margin-top: 20px;
    margin-bottom: 10px;
}

#resilience .resilience-container-content-results-box-score {
    background-color: #d12788;
    border-radius: 50%;
    width: 200px;
    height: 200px;
    margin: auto;
}

#resilience .resilience-container-content-results-box-score.decrease {
    background-color: #E64A3A;
}

#resilience .resilience-container-content-results-box-score span {
	position: absolute;
    font-size: 70px;
    font-weight: 800;
    color: #FFFFFF;
    text-align: center;
    top: 65px;
    left: 0;
    right: 0;
}

#resilience .resilience-container-content-results-box-table {
    font-size: 16px;
    font-weight: 500;
    margin-top: 50px;
}

#resilience .resilience-container-content-results-box-table thead tr {
	height: 50px;
}

#resilience .resilience-container-content-results-box-table thead td {
	text-align: left;
}

#resilience .resilience-container-content-results-box-table tbody tr {
	height: 50px;
}

#resilience .resilience-container-content-results-box-table tbody td{
	text-align: left;
}

#resilience .resilience-container-content-results-box-table .resilience-pink-text {
    padding: 0px;
    color: #D02788;
    text-align: center;
    margin: auto;
}

#resilience .resilience-container-content-results-box-table .resilience-small-text {
	padding: 0px;
}

#resilience .resilience-container-content-results h3 {
	font-size: 16px;
    color: #29AFBA;
    text-align: left;
    text-transform: uppercase;
    font-weight: 500;
    margin-top: 50px;
}

#resilience .resilience-container-content-results-box-progress-table {
	font-size: 14px;
    font-weight: 200;
}

#resilience .resilience-container-content-results-box-progress-table thead tr{
	font-weight: 600;
    height: 50px;
}

#resilience .resilience-container-content-results-box-progress-table thead th{
	padding: 0px;
}

#resilience .resilience-container-content-results-box-progress-table tbody tr{
	height: 40px;
}

#resilience .resilience-container-content-results-box-progress-table tbody td{
	
}

#resilience .resilience-container-content-results-box-progress-table .resilience-areas {
	padding: 0px;
}

#resilience .resilience-container-content-results-box-progress-table .resilience-percentage {
	padding: 0px;
    color: #D02788;
    font-size: 18px;
    font-weight: 600;
}
#resilience .resilience-container-content-results-box p {
	display: inline-block;
    text-align: left;
    font-size: 12px;
}

/* SUSTAIN */
#resilience .resilience-container-content-videos-sustain {
    padding: 50px 30px 30px 50px;
}

#resilience #sustain .activitiesTimeline #emptyState {
	padding: 50px 30px 30px 50px;
	text-align: center
}

#resilience .resilience-container-content-videos-video-sustain-box {
    background-color: #FFFFFF;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    border-radius: 2px;
    padding: 0px;
    margin-bottom: 30px;
}

#resilience .resilience-container-content-videos-video-sustain-box .resilience-sustain-icon-viewed{
    width: 35px;
    left: -50px;
    position: absolute;
    z-index: 5;
}

#resilience .timeline-entry.completed .resilience-container-content-videos-video-sustain-box::before
{
	background: url(../../../images/resilience/resilience-sustain_icon_done.svg);
}

#resilience .timeline-entry .resilience-container-content-videos-video-sustain-box::before{
	background: url(../../../images/resilience/resilience-sustain_icon_todo.svg);
    background-size: cover;
    content: "";
    width: 35px;
    height: 35px;
    position: absolute;
    background-repeat: no-repeat;
    left: -48px;
    z-index: 2;
}

#resilience .resilience-container-content-videos-video-sustain-box .resilience-sustain-icon-notviewed {
    width: 35px;
    left: -50px;
    position: absolute;
    z-index: 5;
}

#resilience .resilience-container-content-videos-video-sustain-box .resilience-sustain-img {
    width: 100%;
    height: 250px;
    object-fit: cover;
}

#resilience .resilience-container-content-videos-video-sustain-box .resilience-icon-play {
    font-size: 70px;
    color: #FFFFFF;
    position: absolute;
    top: 140px;
    left: 50%;
    margin-left: -40px;
}

#resilience .resilience-container-content-videos-video-sustain-box .sustain-vertical-progress-line {
    position: absolute;
    top: 32px;
    left: -34px;
    width: 3px;
    height: 100%;
    z-index: 1;
    background: #C8C8C8;
    opacity: 0.5;
}

#resilience .resilience-container-content-videos-video-sustain-box h2 {
    font-size: 20px;
    color: #4A4A4A;
    font-weight: 600;
    line-height: 1.5;
    margin: 0px;
    padding: 10px 20px;
}

#resilience .resilience-container-content-videos-video-sustain-box p {
    padding: 10px 30px 20px 30px;
    color: #9B9B9B;
}

#resilience .mark-as-completed{
	cursor: pointer;
}

/* POPUP */
div.popup.resilienceProgram {
	padding: 0;
}

div.popup.resilienceProgram .close-button {
	font-size: 20px;
}

div.popup.resilienceProgram .defaultImage {
    background-size: cover;
    background-position: 50% 16%;
    height: 100px;
}

div.popup.resilienceProgram .content {
    margin: 0;
    text-align: center;
    padding: 1em;
}

div.popup.resilienceProgram .content h2 {
    margin: 0;
    position: absolute;
    top: -60px;
    width: 100%;
    left: 0px;
    text-align: center;
    color: #fff;
    font-size: 30px;
    font-weight: 500;
    text-transform: uppercase;
}

div.popup.resilienceProgram .content p {
    padding: 20px;
    font-size: 16px;
    color: #4A4A4A;
    font-weight: 200;
    line-height: 1.5;
    font-style: italic;
}

div.popup.resilienceProgram .footer {
    margin: 16px;
}

/* ASSESSMENT */
#assessment .close-button {
    color: #fff;
}

#assessment .defaultImage {
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 10%, rgba(0, 0, 0, 0.5) 100%), url(../../../images/resilience/resilience-general-img.jpg);
}

#assessment .content {
    padding: 0 0 1em 0;
}

#assessment .content i {
    font-size: 70px;
    color: #757575;
    padding-top: 20px;
}

#assessment .footer button {
    background-color: #29AFBA;
    float: none;
}

#assessment .assessment-instructions {
	background-color: #F2F2F2;
	padding: 2em;
}

#assessment .assessment-instructions .title {
	color: #27AFB9;
    padding-bottom: 0.8em;
    text-align: left;
    font-size: 18px;
	font-weight: 600;
}

#assessment .assessment-instructions .description {
    text-align: left;
    font-style: italic;
}

#assessment .questionnaire-container {
	padding: 2em;
}

#assessment .questionnaire-container td {
	font-size: 17px;
	padding: 5px 0;
}

#assessment .questionnaire-container td.required {
	color: red;
}

#assessment .questionnaire-container table .answer {
	text-align: center;
	color: #9D9D9D;
}

#assessment .questionnaire-container table th.size5 {
	width: 5%;
}

#assessment .questionnaire-container table th.size10 {
	width: 10%;
}

#assessment [type="radio"]:not(:checked) + label, #assessment [type="radio"]:checked + label {
	padding: 0;
}

/* TASK INFO */
#resilienceProgramTaskInfo .close-button {
    color: #4A4A4A;
}

#resilienceProgramTaskInfo .content {
	padding: 1em 0px;
}

#resilienceProgramTaskInfo .content h2 {
	position: unset;
    text-align: left;
    color: #4A4A4A;
    font-size: 20px;
    padding: 0px 10px 15px 10px;
    width: 480px;
}

/* QUIZ */
#quiz .close-button {
    color: #fff;
}

#quiz .defaultImage {
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 10%, rgba(0, 0, 0, 0.5) 100%), url(../../../images/resilience/resilience-resilient-mindset-img.jpg);
}

#quiz .content {
	width: 500px;
}

#quiz .content img {
    height: 100px;
    padding: 20px;
}

#quiz .footer button {
    background-color: #29AFBA;
    float: none;
}

#quiz .content .step {
    padding: 10px 20px;
    font-size: 15px;
    font-weight: 300;
    text-align: left;
    color: #29AFBA;
}

#quiz .content .quiz {
	text-align: left;
}

#quiz .content .quiz h3 {
    padding: 0px 20px;
    font-size: 20px;
    color: #4A4A4A;
    font-weight: 500;
    line-height: 1;
    font-style: unset;
    text-align: left;
}

#quiz .content .quiz p {
    padding: 0px 20px;
    font-size: 16px;
    color: #4A4A4A;
    font-weight: 200;
    line-height: 1.5;
    font-style: italic;
   	margin-bottom: 10px;
}

#quiz .content .quiz p label {
    width: auto;
}

#quiz .content .quiz p .answer-wrong {
    color: #E76272;
}

#quiz .content .quiz p .answer-right {
    color: #29AFBA;
}

#quiz .content .quiz .question {
    display: none;
}

#quiz .content .quiz .question.active {
    display: block;
}

#quiz .content .results i {
    font-size: 70px;
    color: #29AFBA;
    padding-top: 20px;
}

#quiz .content .results h4 {
    font-size: 16px;
    color: #4A4A4A;
    text-align: left;
    font-weight: 200;
}

#quiz .content .results .resilience-results {
    text-align: left;
}

#quiz .content .results .resilience-results li {
    display: flex;
    margin: 20px 0px 20px 0px;
}

#quiz .content .results .resilience-results-quest {
    padding: 0px 20px 0px 0px;
    width: 200px;
}

#quiz .content .results .resilience-results-line {
    width: 100%;
    position: relative;
}

#quiz .content .results .resilience-results-line-progress {
    background-color: #D02788;
    height: 7px;
    position: absolute;
    top: 5px;
    z-index: 2;
}

#quiz .content .results .resilience-results-line-base {
    background-color: #C8C8C8;
    width: 100%;
    height: 7px;
    position: absolute;
    top: 5px;
    z-index: 1;
}

#quiz .content .results .resilience-results-percentage {
    font-size: 24px;
    font-weight: 600;
    margin: -4px 20px 0px 20px;
    width: 80px;
}

#quiz #next:disabled {
    background-color: #afb5a9;
}

#quiz [type="radio"]:not(:checked) + label:before {
    border-color: #5a5a5a;
}

#quiz [type="radio"]:checked + label:after {
    border-color: #29AFBA;
    background-color: #29AFBA;
}

#quiz [type="radio"]:checked + label:before {
    border-color: #29AFBA;
}

#quiz [type="radio"]:disabled + label {
    color: #4A4A4A;
}

/* INFO POPUP */
#resilienceProgramInfoPopup .content p {
    font-size: 17px;
    font-weight: 300;
    padding-bottom: 12px;
    line-height: 1.4;
}

#resilienceProgramInfoPopup .footer {
	overflow: auto;
}





/* discover more */

#resilienceProgramDiscoverMore {
	min-width: 300px;
	width: 750px;
}
	
#resilienceProgramDiscoverMore .articleImage {
	
	-webkit-background-size: contain;
	-moz-background-size: contain;
	-o-background-size: contain;
	background-size: contain;
	background-repeat: no-repeat;
	background-color: white;
}

#resilienceProgramDiscoverMore .article-content {
	padding: 61% 5% 5% 5%;
	text-align: center;
}

#resilienceProgramDiscoverMore h1 {
	font-size: 25px;
	font-weight: 500;
	text-align: center;
	padding-bottom: 25px;
}

#resilienceProgramDiscoverMore .article-text {
	font-size: 14px;
	text-align: left;
	line-height: 20px;
	margin: 0px 0px 30px 0px;
	overflow-wrap: break-word;
}

#resilienceProgramDiscoverMore .close-button {
	color: white;
	padding: 20px;
	float: right;
}