@import url("https://fonts.googleapis.com/css?family=Open+Sans:300,400,600");
/* http://meyerweb.com/eric/tools/css/reset/
    v2.0 | 20110126
    License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}

body {
    line-height: 1;
}

ol, ul {
    list-style: none;
}

blockquote, q {
    quotes: none;
}

    blockquote:before, blockquote:after,
    q:before, q:after {
        content: '';
        content: none;
    }

table {
    border-collapse: collapse;
    border-spacing: 0;
}

/*******************************************
 *           GRID FOR IE 10/11             *
 * https://github.com/coder1space/css-grid *
 *    Send me email if you found a bug     *
 *            mourat@boutry.me             *
 *******************************************/

hr {
    display: none;
}

a:link, a:visited {
    color: #0071ab;
    text-decoration: none;
    display: inline-block;
}

body {
    font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 16px;
    line-height: 24px;
    background-color: white;
}

    body:not(.login) {
        background: #EBEBF0;
    }

    body.evaluations .corps div span, body.globalevaluation .corps div span {
        color: #0071ab !important;
    }

    body.evaluations .corps div div, body.globalevaluation .corps div div {
        padding: 0 !important;
    }

        body.evaluations .corps div div span, body.globalevaluation .corps div div span {
            color: black !important;
        }

    body.trip .table_title {
        color: #0071ab !important;
    }

input {
    outline: none;
    box-shadow: none;
}

h2 {
    font-size: 26px;
    font-weight: 600;
    margin: 30px 0 0;
    text-shadow: none;
    color: #000;
}

.page {
    /*! Container Breakpoints */
    width: 100%;
    margin: 20px 0 10px;
    padding: 10px 15px 0;
    margin-right: auto;
    margin-left: auto;
    background-color: white;
    box-shadow: 0px 2px 6px -1px rgba(0, 0, 0, 0.54);
    -webkit-box-shadow: 0px 2px 6px -1px rgba(0, 0, 0, 0.54);
    -moz-box-shadow: 0px 2px 6px -1px rgba(0, 0, 0, 0.54);
    border: none;
}

@media (min-width: 1068px) {
    .page {
        max-width: 720px;
    }
}

@media (min-width: 1192px) {
    .page {
        max-width: 960px;
    }
}

@media (min-width: 1200px) {
    .page {
        max-width: 1140px;
    }
}

@media (min-width: 1400px) {
    .page {
        max-width: 1340px;
    }
}

@media (max-width: 1067px) {
    .page {
        padding: 10px 0 0;
        margin: 20px;
        width: initial;
        box-shadow: none;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
    }
}

.page .header {
    background: none;
    height: auto;
    position: initial;
}

@media (max-width: 575px) {
    .page .header {
        padding: 0;
    }
}

.page .header .title {
    visibility: hidden;
    width: 0;
    height: 0;
    margin: 0;
    padding: 0;
}

.page .header .loginDisplay .btnDisconnect {
    /*background: none;
    color: white;
    background: #ff3019;
    background: -moz-linear-gradient(top, #ff3019 0%, #cf0404 100%);
    background: -webkit-linear-gradient(top, #ff3019 0%, #cf0404 100%);
    background: linear-gradient(to bottom, #ff3019 0%, #cf0404 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3019', endColorstr='#cf0404',GradientType=0 );
    border-radius: 28%;
    padding: 7px 8px;
    font-size: 16px;
    border: none;
    width: inherit;
    height: inherit;
    cursor: pointer;
    cursor: hand;*/
}

@media (max-width: 1067px) {
    .page .header .loginDisplay .btnDisconnect {
        font-size: 20px;
    }
}

.page .header .loginDisplay .btnBack {
    background: #ff3019;
    background: -moz-linear-gradient(top, #ff3019 0%, #cf0404 100%);
    background: -webkit-linear-gradient(top, #ff3019 0%, #cf0404 100%);
    background: linear-gradient(to bottom, #ff3019 0%, #cf0404 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3019', endColorstr='#cf0404',GradientType=0 );
    color: white;
    font-size: 16px;
    border-radius: 28%;
    padding: 7px 12px;
    font-size: 16px;
    border: none;
    width: inherit;
    height: inherit;
    cursor: pointer;
    cursor: hand;
}

@media (max-width: 1067px) {
    .page .header .loginDisplay .btnBack {
        font-size: 20px;
    }
}

.page .header .banner {
    display: none;
}

@media (max-width: 991px) and (min-width: 768px) {
    .page .header .banner {
        width: 100%;
        
    }
      .page .header .banner img{
        width: 100%;
        
    }
}

@media (max-width: 575px) {
    .page .header .banner {
        width: initial;
    }
}

.page .header .banner.m {
    display: inline;
}

@media (max-width: 575px) {
    .page .header .banner.m {
        width: 100%;
    }
}

@media (min-width: 768px) {
    .page .header .banner {
        display: inline;
           width: 100%;
         
    }

        .page .header .banner.m {
            display: none;
        }
}

.page .main {
    padding: 10px 0 0;
    margin: 0;
    background: none;
}

    .page .main .corps {
        text-align: justify;
        margin: 0;
        box-shadow: none;
        background: none;
        padding: 0;
        color: black;
        border: none;
    }

@media (max-width: 1067px) {
    .page .main .corps {
        text-align: left;
    }
}

@media (max-width: 1067px) {
    .page .main .corps {
        padding: 0 15px;
    }
}

.page .main .corps .divConnect {
    margin-bottom: 20px;
}

    .page .main .corps .divConnect #MainContent_LblConnect {
        padding: 4px 10px;
        z-index: 1;
        display: inline-block;
        position: relative;
        color: white;
    }

        .page .main .corps .divConnect #MainContent_LblConnect:before {
            content: '';
            width: 100%;
            height: 100%;
            background: #00afcf;
            position: absolute;
            top: 0;
            left: 0;
            animation: animate 2s;
            z-index: -1;
        }

@keyframes animate {
    0% {
        width: 100%;
        z-index: 1;
    }

    50% {
        width: 0%;
        z-index: 1;
    }

    51% {
        width: 0%;
        z-index: -1;
    }

    100% {
        width: 100%;
        z-index: -1;
    }
}

.page .main .corps > center.login {
    background: #EBEBF0;
    background: -moz-linear-gradient(45deg, #EBEBF0 0%, #EBEBF0 33%, #EBEBF0 67%, #EBEBF0 100%);
    background: -webkit-linear-gradient(45deg, #EBEBF0 0%, #EBEBF0 33%, #EBEBF0 67%, #EBEBF0 100%);
    background: linear-gradient(45deg, #EBEBF0 0%, #EBEBF0 33%, #EBEBF0 67%, #EBEBF0 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#EBEBF0', endColorstr='#EBEBF0',GradientType=1 );
    padding: 40px 10px;
    width: 626px;
    margin: 68px auto 0;
}

@media (max-width: 1067px) {
    .page .main .corps > center.login {
        width: 100%;
        padding: 40px 0;
    }
}

.page .main .corps > center.login:before {
    content: "\f007";
    font-family: 'Font Awesome 5 Pro';
    font-weight: 300;
    font-size: 58px;
    padding: 25px 30px;
    background-color: #f3931a;
    color: white;
    border-radius: 50%;
    position: relative;
    top: -65px;
    border: 5px solid #efab56;
}

.page .main .corps > center.login > div {
    background-color: rgba(255, 255, 255, 0.2) !important;
    border-radius: 20px !important;
    border: none !important;
    padding: 22px 32px !important;
}

@media (max-width: 1067px) {
    .page .main .corps > center.login > div {
        width: 75% !important;
    }
}

.page .main .corps > center.login > div span#MainContent_Label1 {
    font-size: 23px;
}

.page .main .corps > center.login > div input[type="text"], .page .main .corps > center.login > div input[type="password"] {
    font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
    background-color: white;
    padding: 15px 25px;
    border: none;
    border-radius: 8px;
    font-size: 22px;
    color: grey;
    font-weight: 300;
    margin-bottom: 25px;
    width: calc(100% - 50px);
}

.page .main .corps > center.login > div input[type="submit"] {
    background-color: #0071ab;
    color: white;
    border: none;
    font-size: 16px;
    font-weight: 300;
    display: block;
    padding: 15px 25px;
    border-radius: 8px;
    cursor: pointer;
    cursor: hand;
    transition: background-color .3s;
}

    .page .main .corps > center.login > div input[type="submit"]:hover, .page .main .corps > center.login > div input[type="submit"]:focus {
        background-color: #00afcf;
    }

.page .main .corps > center.login table {
    width: 100%;
}

    .page .main .corps > center.login table tr td[width*="25"] {
        display: none !important;
    }

    .page .main .corps > center.login table ~ span {
        color: white;
        font-size: 12px;
    }

        .page .main .corps > center.login table ~ span:after {
            content: "\000A";
            white-space: pre;
        }

        .page .main .corps > center.login table ~ span ~ a {
            color: white;
            font-size: 12px;
            text-decoration: underline;
        }

.page .main .corps > span, .page .main .corps > br {
    line-height: 20px;
}

.page .main .corps ul input[type="text"] {
    border: 2px solid #D1D7DC !important;
    border-radius: 2px !important;
}

.page .footer {
    padding: 20px 20px;
    background-color: #0085AD;
    margin-top: 50px;
    width: initial !important;
    margin-left: -15px;
    margin-right: -15px;
    color: white;
    width: 100%;
    border: none;
}

@media (max-width: 1067px) {
    .page .footer {
        margin: 50px 0 0;
    }
}

.container-selector {
    padding: 30px 15px;
    background: #EBEBF0;
    margin: 0;
}

.page .home {
    display: -ms-grid;
    display: grid;
    grid-column-gap: 20px;
    grid-row-gap: 0px;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
    margin: 0;
    overflow-x: auto;
    padding: 0px 6px 32px 6px;
}

@media (max-width: 991px) {
    .page .home {
        grid-column-gap: 10px;
        grid-row-gap: 10px;
        -ms-grid-rows: auto 10px auto;
        grid-template-rows: auto auto;
    }
}

@media (max-width: 1067px) {
    .page .home {
        grid-column-gap: 10px;
    }
}

@media (max-width: 874px) {
    .page .home {
        grid-column-gap: 0px;
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
        grid-row-gap: 10px;
    }
}

.page .home *::selection {
    background-color: #ffffff;
}

.page .home > div {
    width: 240px;
    height: 334px;
}

.page .home > div > div {
    animation: none;
    margin: 0;
    padding: 10px 0;
    width: 100%;
    background-image: none;
    text-align: center;
    color: black;
    background: white;
    font-size: 16px;
    border-radius: 18px;
    opacity: 1;
    background-position: bottom center;
    background-repeat: no-repeat;
}

.page .home > div > div.valid {
    border: 1px solid #00afcf;
    height: 80%;
    animation: none;
    margin: 0;
    padding: 10px 0;
    background-image: none;
    text-align: center;
    color: black;
    background: white;
    font-size: 16px;
    border-radius: 18px;
    opacity: 1;
    background-position: bottom center;
    background-repeat: no-repeat;
}

.page .home > div > div.valid:after {
        content: "\f00c";
        font-family: 'Font Awesome 5 Pro';
        font-weight: 300;
        font-size: 128px;
        color: #000;
        position: absolute;
        top: calc(100% - 64px);
        transform: translate(-50%, -100%);
        left: 50%;
}

.page .home > div > div.valid div {
    color: #00afcf;
}

.page .home > div > div.not-valid {
    cursor: pointer;
    border: 1px solid #f3931a;
    height: 80%;
    animation: none;
    margin: 0;
    padding: 10px 0;
    background-image: none;
    text-align: center;
    color: black;
    background: white;
    font-size: 16px;
    border-radius: 18px;
    opacity: 1;
    background-position: bottom center;
    background-repeat: no-repeat;
}

.page .home > div > div.not-valid:after {
    content: "\f46d";
    font-family: 'Font Awesome 5 Pro';
    font-weight: 300;
    font-size: 100px;
    color: #000;
    position: absolute;
    top: calc(100% - 64px);
    transform: translate(-50%, -100%);
    left: 50%;
}

.page .home > div > div.not-valid div {
    color: #f3931a;
}

.page .home > div > div > div.certificate div:after {
    color: gray;
    content: "\f15c";
    font-family: 'Font Awesome 5 Pro';
    font-weight: 300;
    font-size: 128px;
    position: absolute;
    top: calc(100% - 64px);
    transform: translate(-50%, -100%);
    left: 50%;
}

.page .home > div > div.certificate.available div:after {
    color: #e0e0e0;
    cursor: pointer;
}

.page .home > div > div.no-scan div {
    color: #ff3019;
}

        .page .home > div > div.no-scan {
            cursor: auto;
            border: 1px solid #ff3019;
            height: 80%;
            animation: none;
            margin: 0;
            padding: 10px 0;
            background-image: none;
            text-align: center;
            color: black;
            background: white;
            font-size: 16px;
            border-radius: 18px;
            opacity: 1;
            background-position: bottom center;
            background-repeat: no-repeat;
        }

.page .home > div > div.no-scan:after {
    content: "\f00d";
    font-family: 'Font Awesome 5 Pro';
    font-weight: 300;
    font-size: 100px;
    color: #000;
    position: absolute;
    top: calc(100% - 64px);
    transform: translate(-50%, -100%);
    left: 50%;
}

    .page .home > div > div.cert {
        cursor: pointer;
        border: 1px solid #9AC01D;
        height: 80%;
        animation: none;
        margin: 0;
        padding: 10px 0;
        background-image: none;
        text-align: center;
        color: black;
        background: #9AC01D;
        font-size: 16px;
        border-radius: 18px;
        opacity: 1;
        background-position: bottom center;
        background-repeat: no-repeat;
    }

        .page .home > div > div.cert:after {
            content: "\f15c";
            font-family: 'Font Awesome 5 Pro';
            font-weight: 300;
            font-size: 100px;
            color: black;
            position: absolute;
            top: calc(100% - 64px);
            transform: translate(-50%, -100%);
            left: 50%;
        }

        .page .home > div > div.cert div {
            color: black;
        }

        .page .home > div > div.no-cert {
            cursor: default;
            border: 1px solid #e0e0e0;
            height: 80%;
            animation: none;
            margin: 0;
            padding: 10px 0;
            background-image: none;
            text-align: center;
            color: #e0e0e0;
            background: white;
            font-size: 16px;
            border-radius: 18px;
            opacity: 1;
            background-position: bottom center;
            background-repeat: no-repeat;
        }

            .page .home > div > div.no-cert:after {
                content: "\f15c";
                font-family: 'Font Awesome 5 Pro';
                font-weight: 300;
                font-size: 100px;
                color: #e0e0e0;
                position: absolute;
                top: calc(100% - 64px);
                transform: translate(-50%, -100%);
                left: 50%;
            }

        .page .home > div > div.no-cert div {
            color: #e0e0e0;
        }

.page .home > div div {
    left: 50%;
    transform: translateX(-50%);
    background-image: none !important;
}

.page .home > div div > div div {
    height: 50%;
}

.page .home > div div input {
    display: none;
}

.page .home .containerj1 {
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    grid-column: 1/2;
    grid-row: 1/2;
}

.page .home > .containerj1 > .homej1 {
    border: 1px solid #ff3019;
    height: 80%;
    animation: none;
    margin: 0;
    padding: 10px 0;
    background-image: none;
    text-align: center;
    color: black;
    background: white;
    font-size: 16px;
    border-radius: 18px;
    opacity: 1;
    background-position: bottom center;
    background-repeat: no-repeat;
}

.page .home .containerj1 > .pointsj1 {
    background-color: #00afcf;
    height: 8%;
}

.page .home .containerj2 {
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    grid-column: 1/2;
    grid-row: 1/2;
}

@media (max-width: 874px) {
    .page .home .containerj2 {
        -ms-grid-column: 1;
        -ms-grid-column-span: 1;
        -ms-grid-row: 3;
        -ms-grid-row-span: 1;
        grid-column: 1/2;
        grid-row: 2/3;
    }
}

.page .home > .containerj2 > .homej2 {
    border: 1px solid #4ecc1c;
    height: 80%;
    animation: none;
    margin: 0;
    padding: 10px 0;
    background-image: none;
    text-align: center;
    color: black;
    background: white;
    font-size: 16px;
    border-radius: 18px;
    opacity: 1;
    background-position: bottom center;
    background-repeat: no-repeat;
}
.page .home > div > .spacer {
    height: 1%;
    background: none;
}

.page .home .containerj2 > .pointsj2 {
    background-color: #00afcf;
    height: 8%;
}

.page .home .containerj3 {
    -ms-grid-column: 3;
    -ms-grid-column-span: 1;
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    grid-column: 2/3;
    grid-row: 1/2;
}

@media (max-width: 874px) {
    .page .home .containerj3 {
        -ms-grid-column: 1;
        -ms-grid-column-span: 1;
        -ms-grid-row: 5;
        -ms-grid-row-span: 1;
        grid-column: 1/2;
        grid-row: 3/4;
    }
}

.page .home > .containerj3 > .homej3 {
    border: 1px solid #8610d8;
    height: 80%;
    animation: none;
    margin: 0;
    padding: 10px 0;
    background-image: none;
    text-align: center;
    color: black;
    background: white;
    font-size: 16px;
    border-radius: 18px;
    opacity: 1;
    background-position: bottom center;
    background-repeat: no-repeat;
}

.page .home .containerj3 > .pointsj3 {
    background-color: #00afcf;
    height: 8%;
}

.page .home #MainContent_divQg{
cursor: pointer;
}

.page .home .homeQg {
    cursor: pointer;
    -ms-grid-column: 7;
    -ms-grid-column-span: 1;
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    grid-column: 4/5;
    grid-row: 1/2;
}

@media (max-width: 967px) {
    .page .home .homeQg {
        -ms-grid-column: 1;
        -ms-grid-column-span: 1;
        -ms-grid-row: 3;
        -ms-grid-row-span: 1;
        grid-column: 1/2;
        grid-row: 2/3;
    }
}

@media (max-width: 874px) {
    .page .home .homeQg {
        -ms-grid-column: 1;
        -ms-grid-column-span: 1;
        -ms-grid-row: 7;
        -ms-grid-row-span: 1;
        grid-column: 1/2;
        grid-row: 4/5;
    }
}

.page .home .divDlCertif {
    -ms-grid-column: 9;
    -ms-grid-column-span: 1;
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    grid-column: 5/6;
    grid-row: 1/2;
}

@media (max-width: 1191px) {
    .page .home .divDlCertif {
        -ms-grid-column: 1;
        -ms-grid-column-span: 1;
        -ms-grid-row: 3;
        -ms-grid-row-span: 1;
        grid-column: 1/2;
        grid-row: 2/3;
    }
}

@media (max-width: 967px) {
    .page .home .divDlCertif {
        -ms-grid-column: 3;
        -ms-grid-column-span: 1;
        -ms-grid-row: 3;
        -ms-grid-row-span: 1;
        grid-column: 2/3;
        grid-row: 2/3;
    }
}

@media (max-width: 874px) {
    .page .home .divDlCertif {
        -ms-grid-column: 1;
        -ms-grid-column-span: 1;
        -ms-grid-row: 9;
        -ms-grid-row-span: 1;
        grid-column: 1/2;
        grid-row: 5/6;
    }
}

input[type="radio"], input[type="checkbox"] {
    display: none;
}

    input[type="radio"]:checked ~ label:after, input[type="checkbox"]:checked ~ label:after {
        background-color: #70D2E4;
        border-color: #70D2E4;
    }

    input[type="radio"] ~ label, input[type="checkbox"] ~ label {
        padding: 0px 15px 0 32px;
        display: inline-block;
        text-align: left;
        color: #3C454C;
        cursor: pointer;
        cursor: hand;
        position: relative;
        z-index: 2;
        transition: color 200ms ease-in;
        overflow: hidden;
    }

        input[type="radio"] ~ label:after, input[type="checkbox"] ~ label:after {
            width: 18px;
            height: 18px;
            content: '';
            border: 2px solid #D1D7DC;
            background-color: #fff;
            background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.414 11L4 12.414l5.414 5.414L20.828 6.414 19.414 5l-10 10z' fill='%23fff' fill-rule='nonzero'/%3E%3C/svg%3E ");
            background-repeat: no-repeat;
            background-position: -3px -2px;
            border-radius: 50%;
            z-index: 2;
            position: absolute;
            left: 0;
            cursor: pointer;
            transition: all 200ms ease-in;
        }

    input[type="radio"]:after, input[type="checkbox"]:after {
        background-color: #54E0C7;
        border-color: #54E0C7;
    }

.trip table tr:nth-child(odd) td li {
    background: #f1f1f1 !important;
}

.trip table tr td li {
    padding: 0 10px;
    min-height: 50px;
}

  .trip   table tr td li div {
        transform: translate(-500%, -10px);
    }

       .trip  table tr td li div {
            width: 0;
            height: 0;
        }

         .trip    table tr td li div input[type="checkbox"]:after {
                width: 20px;
                height: 20px;
                content: '';
                border: 2px solid #D1D7DC;
                background-color: #fff;
                background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.414 11L4 12.414l5.414 5.414L20.828 6.414 19.414 5l-10 10z' fill='%23fff' fill-rule='nonzero'/%3E%3C/svg%3E ");
                background-repeat: no-repeat;
                background-position: -1px -1px;
                border-radius: 50%;
                z-index: 2;
                position: absolute;
                left: 0;
                top: 50%;
                transform: translateY(calc(-50% - 1px));
                cursor: pointer;
                transition: all 200ms ease-in;
            }

          .trip   table tr td li div input[type="checkbox"]:checked:after {
                background-color: #70D2E4;
                border-color: #70D2E4;
            }

table[id*="MainContent_rptrParticipantSession_rptrParticipantIntervention"],
ul li table {
    width: 100% !important;
}

    table[id*="MainContent_rptrParticipantSession_rptrParticipantIntervention"] tr td,
    ul li table tr td {
        display: inline-block;
    }

table.GEAnswer > tbody > tr {
    display: -ms-grid;
    display: grid;
    grid-column-gap: 10px;
    -ms-grid-columns: 1fr 10px 1fr 10px 1fr 10px 1fr;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-row-gap: 0px;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
}

@media (max-width: 1067px) {
    table.GEAnswer > tbody > tr {
        grid-column-gap: 10px;
        -ms-grid-columns: 1fr 10px 1fr;
        grid-template-columns: 1fr 1fr;
        grid-row-gap: 10px;
        -ms-grid-rows: auto 10px auto;
        grid-template-rows: auto auto;
    }
}

@media (max-width: 874px) {
    table.GEAnswer > tbody > tr {
        grid-column-gap: 0px;
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
        grid-row-gap: 10px;
        -ms-grid-rows: auto 10px auto 10px auto 10px auto;
        grid-template-rows: auto auto auto auto;
    }
}

table.GEAnswer > tbody > tr td {
    width: 100% !important;
}

    table.GEAnswer > tbody > tr td table[id="MainContent_rdBtnLstGEWorkingMode3"] tr:nth-child(2) {
        position: relative;
    }

        table.GEAnswer > tbody > tr td table[id="MainContent_rdBtnLstGEWorkingMode3"] tr:nth-child(2) td {
            width: 50% !important;
        }

            table.GEAnswer > tbody > tr td table[id="MainContent_rdBtnLstGEWorkingMode3"] tr:nth-child(2) td:nth-child(2) {
                position: relative;
                top: -6px;
            }

    table.GEAnswer > tbody > tr td:nth-child(1) {
        -ms-grid-column: 1;
        -ms-grid-column-span: 1;
        -ms-grid-row: 1;
        -ms-grid-row-span: 1;
        grid-column: 1/2;
        grid-row: 1/2;
    }

    table.GEAnswer > tbody > tr td:nth-child(2) {
        -ms-grid-column: 3;
        -ms-grid-column-span: 1;
        -ms-grid-row: 1;
        -ms-grid-row-span: 1;
        grid-column: 2/3;
        grid-row: 1/2;
    }

@media (max-width: 874px) {
    table.GEAnswer > tbody > tr td:nth-child(2) {
        -ms-grid-column: 1;
        -ms-grid-column-span: 1;
        -ms-grid-row: 3;
        -ms-grid-row-span: 1;
        grid-column: 1/2;
        grid-row: 2/3;
    }
}

table.GEAnswer > tbody > tr td:nth-child(3) {
    -ms-grid-column: 5;
    -ms-grid-column-span: 1;
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    grid-column: 3/4;
    grid-row: 1/2;
}

@media (max-width: 1067px) {
    table.GEAnswer > tbody > tr td:nth-child(3) {
        -ms-grid-column: 1;
        -ms-grid-column-span: 1;
        -ms-grid-row: 3;
        -ms-grid-row-span: 1;
        grid-column: 1/2;
        grid-row: 2/3;
    }
}

@media (max-width: 874px) {
    table.GEAnswer > tbody > tr td:nth-child(3) {
        -ms-grid-column: 1;
        -ms-grid-column-span: 1;
        -ms-grid-row: 5;
        -ms-grid-row-span: 1;
        grid-column: 1/2;
        grid-row: 3/4;
    }
}

table.GEAnswer > tbody > tr td:nth-child(4) {
    -ms-grid-column: 7;
    -ms-grid-column-span: 1;
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    grid-column: 4/5;
    grid-row: 1/2;
}

@media (max-width: 1067px) {
    table.GEAnswer > tbody > tr td:nth-child(4) {
        -ms-grid-column: 3;
        -ms-grid-column-span: 1;
        -ms-grid-row: 3;
        -ms-grid-row-span: 1;
        grid-column: 2/3;
        grid-row: 2/3;
    }
}

@media (max-width: 874px) {
    table.GEAnswer > tbody > tr td:nth-child(4) {
        -ms-grid-column: 1;
        -ms-grid-column-span: 1;
        -ms-grid-row: 7;
        -ms-grid-row-span: 1;
        grid-column: 1/2;
        grid-row: 4/5;
    }
}

#MainContent_TlktVldtrFirstName_popupTable{
    display : none;
}

.highlight{
    border: 1px solid red;
    background-color: transparent;
}


.loader {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: #242f3f;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1000;
}

/* Style buttons */
a.btnAccess {
    background-color: #52B5DF;
    color: #FFFFFF;
    font-size: 16px;
    cursor: pointer;
    width: 280px;
    height: 58px;
    border-radius: 29px;
    opacity: 1;
    border: none;
}


/* Darker background on mouse-over */
a.btnAccess:hover {
    background-color: #FFFFFF;
    border: 1px solid #52B5DF;
    color: #52B5DF;
}

/*NEW STYLE*/

/*Icons*/


.page .home > div > div > div > div.txtnotdone {
    text-decoration: line-through;
    content: "Évalué";
}

.cleanBtn {
    background-color: #52B5DF;
    color: white !important;
    padding: 12px 18px;
    border-radius: 29px;
    border: none;
    font-size: 16px;
    cursor: pointer;
}

.question {
    color: #0085AD;
    padding-bottom: 8px;
    display: block;
}

.question-label {
    color: #782272;
    font-size: 18px;
    display: block;
}

.GEAnswer {
    padding-bottom: 12px;
}

.question-textarea {
    width: 700px;
    height: 100px;
    font-size: 16px;
}

.disconnect {
    float: right;
    text-decoration: none;
    display: inline-block;
    padding: 12px 18px;
    border-radius: 29px;
    border: 1px solid #52B5DF;
}

.proceding {
    background-color: #52B5DF;
    color: white !important;
    padding: 12px 18px;
    border-radius: 29px;
}

.question-session {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 12px;
}

.alert-info {
    background-color: #d1ecf1;
    border-color: #bee5eb;
    position: relative;
    padding: 0.75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: 0.25rem;
}

.inline-panel {
    display: inline-block;
}