.time-passed-wrapp,
.already-answered-wrapp {
    font-family: 'Roboto', Arial, sans-serif;
    text-align: center;
    font-weight: 500;
    font-size: 24px;
    line-height: 32px;
}

.user-report-wrapp {
    font-family: 'Roboto', Arial, sans-serif;
    text-align: center;
}

.user-report-wrapp .report-image {
    width: 100%;
    max-width: 75px;
    margin: auto;
    display: block;
    margin-bottom: 20px;
}

.user-report-wrapp .report-thanks__wrapper {
    text-transform: capitalize;
    font-weight: 500;
    font-size: 24px;
    line-height: 32px;
    margin-bottom: 60px;
}

.report-question {
    font-weight: bold;
    font-size: 21px;
    line-height: 28px;
    margin-bottom: 20px;
}

.report-items-wrapp {
    margin-bottom: 20px;
}

.report-answer-item {
    border: 2px solid #BDBDBD;
    box-sizing: border-box;
    border-radius: 4px;
    text-align: center;
    font-weight: bold;
    font-size: 24px;
    line-height: 28px;
    padding: 10px;
    color: #000000;
}

.report-answer-item.correct {
    background: #3BA54D;
    border: 2px solid #3BA54D;
    color: #ffffff;
}

.report-answer-item.incorrect {
    background-color: #ffffff;
}

.report-answer-item:not(:last-child) {
    margin-bottom: 10px;
}

.report-answer-item--incorrect {
    border-color: #FD5900;
}

.report-answer-item__text {
    display: inline-block;
    position: relative;
}

.report-answer-item__answer {
    display: inline-block;
    width: 100%;
    padding-top: 5px;
}

.report-answer-item__answer span {
    display: inline-block;
    white-space: nowrap;
    font-size: 12px;
    font-weight: normal;
    line-height: 16px;
    color: #333333;
    padding: 5px 10px;
    border-radius: 50px;
    background: #F0F0F0;
}

.report-answer-item__message {
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    color: #013941;
    max-width: 500px;
    margin: 0 auto 20px auto;
}

.report-link__wrap {
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    color: #666666;
    max-width: 500px;
    margin: 0 auto;
}

.report-link__link {
    font-weight: 500;
    color: #5EBCCA;
}

.report-cards {
    margin-top: 40px;
    margin-bottom: 40px;
}

.report-cards__wrapper {
    display: flex;
    justify-content: center;
    margin-top: -10px;
    margin-left: -10px;
}

.report-cards__wrapper > * {
    margin-top: 10px;
    margin-left: 10px;
}

.report-cards__item {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    flex-direction: column;
    text-align: left;
    font-family: Roboto, sans-serif;
	background-color:#fff;
    border: 2px solid #a3bbbb;
    box-sizing: border-box;
	box-shadow: 6px 3px #edebeb;						 
    border-radius: 5px;
    padding: 10px;
    max-width: 342px;
}

.report-cards__item-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    background-repeat: no-repeat;
    background-position: center;
}

.report-cards__item-icon--1 {
 /*   background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDAiIGhlaWdodD0iNDAiIHZpZXdCb3g9IjAgMCA0MCA0MCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTM0LjI5NjkgMi4zNDM3NUgyNC45MjE5QzI0LjI3NDEgMi4zNDM3NSAyMy43NSAyLjg2Nzg5IDIzLjc1IDMuNTE1NjJWNC42ODc1SDE2LjcxODhWMy41MTU2MkMxNi43MTg4IDIuODY3ODkgMTYuMTk0NiAyLjM0Mzc1IDE1LjU0NjkgMi4zNDM3NUg2LjE3MTg4QzUuNTI0MTQgMi4zNDM3NSA1IDIuODY3ODkgNSAzLjUxNTYyVjM4LjgyODFDNSAzOS40NzU5IDUuNTI0MTQgNDAgNi4xNzE4OCA0MEgzNC4yOTY5QzM0Ljk0NDYgNDAgMzUuNDY4OCAzOS40NzU5IDM1LjQ2ODggMzguODI4MVYzLjUxNTYyQzM1LjQ2ODggMi44Njc4OSAzNC45NDQ2IDIuMzQzNzUgMzQuMjk2OSAyLjM0Mzc1WiIgZmlsbD0idXJsKCNwYWludDBfbGluZWFyKSIvPgo8cGF0aCBkPSJNMTUuNTQ2OSA3LjAzMTI1SDI0LjkyMTlDMjUuNTY5NiA3LjAzMTI1IDI2LjA5MzggNi41MDcxMSAyNi4wOTM4IDUuODU5MzhWMy41MTU2MkMyNi4wOTM4IDEuNTQzODMgMjQuNTQ5OSAwIDIyLjU3ODIgMEgxNy44OTA3QzE1Ljk1MjEgMCAxNC4zNzUgMS41NzcwMyAxNC4zNzUgMy41MTU2MlY1Ljg1OTM4QzE0LjM3NSA2LjUwNzExIDE0Ljg5OTIgNy4wMzEyNSAxNS41NDY5IDcuMDMxMjVaTTE5LjQxNzMgOS43MDgwNUwxNS41NTgzIDEzLjU2N0wxNC4wNDMxIDEyLjA1MThDMTMuNTg1MyAxMS41OTQxIDEyLjg0MzcgMTEuNTk0MSAxMi4zODYgMTIuMDUxOEMxMS45MjgyIDEyLjUwOTUgMTEuOTI4MiAxMy4yNTEyIDEyLjM4NiAxMy43MDg5TDE0LjcyOTcgMTYuMDUyN0MxNC45NTg2IDE2LjI4MTYgMTUuMjU4NSAxNi4zOTYgMTUuNTU4MiAxNi4zOTZDMTUuODU4IDE2LjM5NiAxNi4xNTc5IDE2LjI4MTYgMTYuMzg2NyAxNi4wNTI3TDIxLjA3NDIgMTEuMzY1MkMyMS41MzIgMTAuOTA3NCAyMS41MzIgMTAuMTY1OCAyMS4wNzQyIDkuNzA4MDVDMjAuNjE2NSA5LjI1MDMxIDE5Ljg3NSA5LjI1MDIzIDE5LjQxNzMgOS43MDgwNVpNMTkuNDE3MyAxOS4wODNMMTUuNTU4MyAyMi45NDJMMTQuMDQzMSAyMS40MjY4QzEzLjU4NTMgMjAuOTY5MSAxMi44NDM3IDIwLjk2OTEgMTIuMzg2IDIxLjQyNjhDMTEuOTI4MiAyMS44ODQ1IDExLjkyODIgMjIuNjI2MiAxMi4zODYgMjMuMDgzOUwxNC43Mjk3IDI1LjQyNzdDMTQuOTU4NiAyNS42NTY2IDE1LjI1ODUgMjUuNzcxIDE1LjU1ODIgMjUuNzcxQzE1Ljg1OCAyNS43NzEgMTYuMTU3OSAyNS42NTY2IDE2LjM4NjcgMjUuNDI3N0wyMS4wNzQyIDIwLjc0MDJDMjEuNTMyIDIwLjI4MjQgMjEuNTMyIDE5LjU0MDggMjEuMDc0MiAxOS4wODNDMjAuNjE2NSAxOC42MjUzIDE5Ljg3NSAxOC42MjUyIDE5LjQxNzMgMTkuMDgzWk0xOS40MTczIDI4LjQ1OEwxNS41NTgzIDMyLjMxN0wxNC4wNDMxIDMwLjgwMThDMTMuNTg1MyAzMC4zNDQxIDEyLjg0MzcgMzAuMzQ0MSAxMi4zODYgMzAuODAxOEMxMS45MjgyIDMxLjI1OTUgMTEuOTI4MiAzMi4wMDEyIDEyLjM4NiAzMi40NTg5TDE0LjcyOTcgMzQuODAyN0MxNC45NTg2IDM1LjAzMTYgMTUuMjU4NSAzNS4xNDYgMTUuNTU4MiAzNS4xNDZDMTUuODU4IDM1LjE0NiAxNi4xNTc5IDM1LjAzMTYgMTYuMzg2NyAzNC44MDI3TDIxLjA3NDIgMzAuMTE1MkMyMS41MzIgMjkuNjU3NCAyMS41MzIgMjguOTE1OCAyMS4wNzQyIDI4LjQ1OEMyMC42MTY1IDI4LjAwMDMgMTkuODc1IDI4LjAwMDIgMTkuNDE3MyAyOC40NThaTTIyLjU4OTYgMTIuODgwM0MyMi41ODk2IDEzLjUyOCAyMy4xMTM4IDE0LjA1MjIgMjMuNzYxNSAxNC4wNTIySDI3LjI3NzFDMjcuOTI0OSAxNC4wNTIyIDI4LjQ0OSAxMy41MjggMjguNDQ5IDEyLjg4MDNDMjguNDQ5IDEyLjIzMjYgMjcuOTI0OSAxMS43MDg0IDI3LjI3NzEgMTEuNzA4NEgyMy43NjE1QzIzLjExMzggMTEuNzA4NCAyMi41ODk2IDEyLjIzMjYgMjIuNTg5NiAxMi44ODAzWk0yNy4yNzcxIDIxLjA4MzRIMjMuNzYxNUMyMy4xMTM4IDIxLjA4MzQgMjIuNTg5NiAyMS42MDc2IDIyLjU4OTYgMjIuMjU1M0MyMi41ODk2IDIyLjkwMyAyMy4xMTM4IDIzLjQyNzIgMjMuNzYxNSAyMy40MjcySDI3LjI3NzFDMjcuOTI0OSAyMy40MjcyIDI4LjQ0OSAyMi45MDMgMjguNDQ5IDIyLjI1NTNDMjguNDQ5IDIxLjYwNzYgMjcuOTI0OSAyMS4wODM0IDI3LjI3NzEgMjEuMDgzNFpNMjcuMjc3MSAzMC40NTg0SDIzLjc2MTVDMjMuMTEzOCAzMC40NTg0IDIyLjU4OTYgMzAuOTgyNiAyMi41ODk2IDMxLjYzMDNDMjIuNTg5NiAzMi4yNzggMjMuMTEzOCAzMi44MDIyIDIzLjc2MTUgMzIuODAyMkgyNy4yNzcxQzI3LjkyNDkgMzIuODAyMiAyOC40NDkgMzIuMjc4IDI4LjQ0OSAzMS42MzAzQzI4LjQ0OSAzMC45ODI2IDI3LjkyNDkgMzAuNDU4NCAyNy4yNzcxIDMwLjQ1ODRaIiBmaWxsPSJ1cmwoI3BhaW50MV9saW5lYXIpIi8+CjxkZWZzPgo8bGluZWFyR3JhZGllbnQgaWQ9InBhaW50MF9saW5lYXIiIHgxPSIyMC4yMzQ0IiB5MT0iNDAiIHgyPSIyMC4yMzQ0IiB5Mj0iMi4zNDM3NSIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiPgo8c3RvcCBzdG9wLWNvbG9yPSIjRkQzQTg0Ii8+CjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iI0ZGQTY4RCIvPgo8L2xpbmVhckdyYWRpZW50Pgo8bGluZWFyR3JhZGllbnQgaWQ9InBhaW50MV9saW5lYXIiIHgxPSIyMC4yNDU5IiB5MT0iMzUuMTQ1OSIgeDI9IjIwLjI0NTkiIHkyPSIwIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+CjxzdG9wIHN0b3AtY29sb3I9IiNGRkMyQ0MiLz4KPHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjRkZGMkY0Ii8+CjwvbGluZWFyR3JhZGllbnQ+CjwvZGVmcz4KPC9zdmc+Cg=="); */
background-image: url("../images/card1.gif");										 
}

.report-cards__item-icon--2 {
/*  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDEiIGhlaWdodD0iNDAiIHZpZXdCb3g9IjAgMCA0MSA0MCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTQwLjMzMzMgMjBDNDAuMzMzMyAzMS4wNDU3IDMxLjM3ODkgNDAgMjAuMzMzMyA0MEM5LjI4NzU2IDQwIDAuMzMzMjUyIDMxLjA0NTcgMC4zMzMyNTIgMjBDMC4zMzMyNTIgOC45NTQzIDkuMjg3NTYgMCAyMC4zMzMzIDBDMzEuMzc4OSAwIDQwLjMzMzMgOC45NTQzIDQwLjMzMzMgMjBaTTMuMzMzMjUgMjBDMy4zMzMyNSAyOS4zODg4IDEwLjk0NDQgMzcgMjAuMzMzMyAzN0MyOS43MjIxIDM3IDM3LjMzMzMgMjkuMzg4OCAzNy4zMzMzIDIwQzM3LjMzMzMgMTAuNjExMiAyOS43MjIxIDMgMjAuMzMzMyAzQzEwLjk0NDQgMyAzLjMzMzI1IDEwLjYxMTIgMy4zMzMyNSAyMFoiIGZpbGw9IiM1RUJDQ0EiLz4KPC9zdmc+Cg==");*/
background-image: url("../images/card2-100.gif");												 
}

.report-cards__item-icon--3 {
 /*  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDEiIGhlaWdodD0iNDAiIHZpZXdCb3g9IjAgMCA0MSA0MCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTI3LjkzMjIgMjYuMzIxOEgxMy44Njk4QzEzLjIyMjYgMjYuMzIxOCAxMi42OTc5IDI2Ljg0NjUgMTIuNjk3OSAyNy40OTM3VjM4LjgyODFDMTIuNjk3OSAzOS4yNjAzIDEyLjkzNTggMzkuNjU3NCAxMy4zMTY4IDM5Ljg2MTNDMTMuNjk3OSA0MC4wNjUzIDE0LjE2MDEgNDAuMDQyOSAxNC41MTk4IDM5LjgwMzJMMjAuOTAxIDM1LjU0OUwyNy4yODIyIDM5LjgwMzJDMjcuNjQyMyA0MC4wNDMzIDI4LjEwNDggNDAuMDY1IDI4LjQ4NTIgMzkuODYxM0MyOC44NjYyIDM5LjY1NzQgMjkuMTA0MSAzOS4yNjAzIDI5LjEwNDEgMzguODI4MVYyNy40OTM3QzI5LjEwNDEgMjYuODQ2NSAyOC41Nzk0IDI2LjMyMTggMjcuOTMyMiAyNi4zMjE4WiIgZmlsbD0idXJsKCNwYWludDBfbGluZWFyKSIvPgo8cGF0aCBkPSJNMjAuOTAxIDMwLjU0NjlDMTIuNTAwOCAzMC41NDY5IDUuNjY2NjMgMjMuNzEyNyA1LjY2NjYzIDE1LjMxMjVDNS42NjY2MyA2Ljg2OTE0IDEyLjUwMDggMCAyMC45MDEgMEMyOS4zMDEyIDAgMzYuMTM1NCA2Ljg2OTE0IDM2LjEzNTQgMTUuMzEyNUMzNi4xMzU0IDIzLjcxMjcgMjkuMzAxMiAzMC41NDY5IDIwLjkwMSAzMC41NDY5WiIgZmlsbD0idXJsKCNwYWludDFfbGluZWFyKSIvPgo8cGF0aCBkPSJNMjQuNDg4NSAyMi4wMzgxTDIwLjkwMSAyMC4xNTIxTDE3LjMxMzUgMjIuMDM4MkMxNi45MTg0IDIyLjI0NTkgMTYuNDQwMiAyMi4yMTExIDE2LjA3OTMgMjEuOTQ5QzE1LjcxODUgMjEuNjg2OCAxNS41Mzc3IDIxLjI0MjUgMTUuNjEzMSAyMC44MDI4TDE2LjI5ODIgMTYuODA4TDEzLjM5NTkgMTMuOTc4OUMxMy4wNzY1IDEzLjY2NzYgMTIuOTYxNSAxMy4yMDE5IDEzLjA5OTQgMTIuNzc3N0MxMy4yMzczIDEyLjM1MzQgMTMuNjAzOSAxMi4wNDQyIDE0LjA0NTMgMTEuOTgwMUwxOC4wNTY0IDExLjM5NzNMMTkuODUwMSA3Ljc2MjY2QzIwLjA0NzUgNy4zNjI2NiAyMC40NTQ5IDcuMTA5MzggMjAuOTAxIDcuMTA5MzhDMjEuMzQ3MSA3LjEwOTM4IDIxLjc1NDQgNy4zNjI2NiAyMS45NTE4IDcuNzYyNThMMjMuNzQ1NiAxMS4zOTcyTDI3Ljc1NjYgMTEuOThDMjguMTk4IDEyLjA0NDEgMjguNTY0NyAxMi4zNTM0IDI4LjcwMjUgMTIuNzc3NkMyOC44NDAzIDEzLjIwMTggMjguNzI1NCAxMy42Njc1IDI4LjQwNiAxMy45Nzg4TDI1LjUwMzcgMTYuODA4TDI2LjE4ODkgMjAuODAyN0MyNi4yNjQyIDIxLjI0MjMgMjYuMDgzNSAyMS42ODY3IDI1LjcyMjYgMjEuOTQ4OUMyNS4zNjUyIDIyLjIwODcgMjQuODg2OCAyMi4yNDc2IDI0LjQ4ODUgMjIuMDM4MVoiIGZpbGw9InVybCgjcGFpbnQyX2xpbmVhcikiLz4KPGRlZnM+CjxsaW5lYXJHcmFkaWVudCBpZD0icGFpbnQwX2xpbmVhciIgeDE9IjIwLjkwMSIgeTE9IjQwIiB4Mj0iMjAuOTAxIiB5Mj0iMjYuMzIxOCIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiPgo8c3RvcCBzdG9wLWNvbG9yPSIjRkQ1OTAwIi8+CjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iI0ZGREUwMCIvPgo8L2xpbmVhckdyYWRpZW50Pgo8bGluZWFyR3JhZGllbnQgaWQ9InBhaW50MV9saW5lYXIiIHgxPSIyMC45MDEiIHkxPSIzMC41NDY5IiB4Mj0iMjAuOTAxIiB5Mj0iMCIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiPgo8c3RvcCBzdG9wLWNvbG9yPSIjRkZFNTlBIi8+CjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iI0ZGRkZENSIvPgo8L2xpbmVhckdyYWRpZW50Pgo8bGluZWFyR3JhZGllbnQgaWQ9InBhaW50Ml9saW5lYXIiIHgxPSIyMC45MDEiIHkxPSIyMi4xNzI4IiB4Mj0iMjAuOTAxIiB5Mj0iNy4xMDkzOCIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiPgo8c3RvcCBzdG9wLWNvbG9yPSIjRkQ1OTAwIi8+CjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iI0ZGREUwMCIvPgo8L2xpbmVhckdyYWRpZW50Pgo8L2RlZnM+Cjwvc3ZnPgo=");*/
background-image: url("../images/card3.gif");											 
}

.report-cards__item-icon-wrap {
    display: flex;
    align-items: center;
    width: 100%;
    font-weight: 500;
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 15px;
}

.report-cards__item-text {
    font-size: 15px;
    line-height: 24px;
    color: #000000;
}
@media (max-width: 677px) {
.report-cards__item-icon-text{
	display:none;
}
}				  
.report-cards__item-text--accent {
    font-weight: 700;
    color: #5EBCCA;
}

.report-cards__item-icon-text {
    padding-left: 10px;
}

.report-cards__item-icon-text span {
    font-size: 12px;
    font-weight: 300;
    color: #555;
}

.performstatsmsg {
padding-top:20px;
}
@media (max-width: 677px) {
    .report-cards__wrapper {
        flex-wrap: wrap;
    }

    .report-cards__item {
        max-width: none;
        align-items: center;
        flex-direction: row;
        flex-wrap: nowrap;
        width: 100%;
    }

    .report-cards__item-icon-wrap {
        width: auto;
        flex-direction: column;
        margin-bottom: 0;
    }

    .report-cards__item-icon-text {
        padding-left: 0;
        padding-top: 5px;
    }

    .report-cards__item-text {
        padding-left: 15px;
    }
}

.report-cards-progress-00 {
background-image: url("../images/card2-00.gif");                                                 
}
.report-cards-progress-10 {
background-image: url("../images/card2-10.gif");                                                 
}
.report-cards-progress-20 {
background-image: url("../images/card2-20.gif");                                                 
}
.report-cards-progress-30 {
background-image: url("../images/card2-30.gif");                                                 
}
.report-cards-progress-40 {
background-image: url("../images/card2-40.gif");                                                 
}
.report-cards-progress-50 {
background-image: url("../images/card2-50.gif");                                                 
}
.report-cards-progress-70 {
background-image: url("../images/card2-70.gif");                                                 
}
.report-cards-progress-80 {
background-image: url("../images/card2-80.gif");                                                 
}
.report-cards-progress-90 {
background-image: url("../images/card2-90.gif");                                                 
}