/*
Theme Name: 	Game4Skill Child Theme
Theme URI: 		https://defstudio.it
Description:    Tema Child per il tema Game4Skill
Author:         Grifo Multimedia
Author URI:     https://www.grifomultimedia.it/
Template:       game-4-skill-theme
Version:        1.2
*/

/* Utilities*/


/* PDF.JS canvas */
.pdf-container {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    -webkit-overflow-scrolling: touch; /* Per il pinch to zoom sui dispositivi mobili */
    background-color: #333; /* Sfondo scuro per migliore visibilità */
}

.pdf-canvas {
    display: block;
    margin: 0 auto;
    width: 100%; /* Adatta il canvas alla larghezza dello schermo */
    height: auto;
}



/* Breakpoint XL-Portfolio */
@media (min-width: 1600px) {
    .col-xl-portfolio {
        -ms-flex: 0 0 41.666667%; /* per supportare IE 10- */
        flex: 0 0 41.666667%;
        max-width: 41.666667%;
    }
}

/* Breakpoint XXL-Portfolio */
@media (min-width: 1700px) {
    .col-xxl-portfolio {
        -ms-flex: 0 0 33.333333%; /* per supportare IE 10- */
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }
}

.background-gray {
    background-color: #f7f8f9
}

.border-10-top {
    border-radius: 30px 30px 0 0;
}

.border-10-bottom {
    border-radius: 0 0 30px 30px;
}

#af-wrapper #profile-header .background-contrast {
    background-color: #1058AF !important;
}

#af-wrapper #profile-header .user-info {
    color: #ffffff;
}

#af-wrapper #profile-layer, #af-wrapper #profile-content {
    background-color: #ffffff !important;
}

.single-social-post {
    border-radius: 20px;
}

#container-comments ul.children {
    padding: 0px 87px 0 !important;
}

#container-comments h3#reply-title {
    font-size: smaller;
    padding-left: 72px;
}

.row.comment-list .col-12:before {
    content: "";
    position: absolute;
    top: 0%;
    left: 3.32%;
    height: 100%;
    border-right: 1px solid #f5f5f5;
    width: 0;
}

ul.children .avatar-column::after {
    border: 0;
}

.content.single_post.bck_custom {
    background-size: cover !important
}


/*Admin Style */


#footer-left:before {
    content: 'Powered By';
}

#footer-left:after {
    content: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyNi41LjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGl2ZWxsb18xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgdmlld0JveD0iMCAwIDIwNSAzMCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMjA1IDMwOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KCS5zdDB7ZmlsbDojQjkxOTE4O30NCgkuc3Qxe2ZpbGw6IzIwMUUxQjt9DQoJLnN0MntjbGlwLXBhdGg6dXJsKCNTVkdJRF8wMDAwMDEzMDYzMjg5MDA3NjkzNzkzNzAxMDAwMDAwMjQzODI4NTQ3ODc5NjY1NDQ4Ml8pO30NCgkuc3Qze2ZpbGwtcnVsZTpldmVub2RkO2NsaXAtcnVsZTpldmVub2RkO2ZpbGw6I0I2QjJCMzt9DQoJLnN0NHtmaWxsLXJ1bGU6ZXZlbm9kZDtjbGlwLXJ1bGU6ZXZlbm9kZDtmaWxsOiNGRkZGRkY7fQ0KCS5zdDV7Y2xpcC1wYXRoOnVybCgjU1ZHSURfMDAwMDAxNDc5MzM5MDE4OTU5MDg2NTAxOTAwMDAwMTQ0NTk4Nzk2MzU3MDc2ODkzNzZfKTt9DQoJLnN0NntmaWxsLXJ1bGU6ZXZlbm9kZDtjbGlwLXJ1bGU6ZXZlbm9kZDtmaWxsOiNCMDE5MUI7fQ0KCS5zdDd7ZmlsbC1ydWxlOmV2ZW5vZGQ7Y2xpcC1ydWxlOmV2ZW5vZGQ7ZmlsbDojQjkxOTE4O30NCjwvc3R5bGU+DQo8Zz4NCgk8Zz4NCgkJPHBhdGggY2xhc3M9InN0MCIgZD0iTTc4LjEsOC4yaC01LjZMNzIsOC4zbC0wLjUsMC4xbC0wLjUsMC4zTDcwLjYsOWwtMC40LDAuNEw3MCwxMGwtMC4zLDAuN3Y5LjVsMC4zLDAuNGwwLjMsMC41bDAuNCwwLjUNCgkJCWwwLjMsMC4zbDAuNSwwLjFsMC41LDAuM2g2LjFoMC43bDAuNS0wLjNsMC40LTAuMWwwLjQtMC4zbDAuNC0wLjVsMC4zLTAuNWwwLjEtMC40di05LjVMODAuOSwxMGwtMC4zLTAuNUw4MC4yLDlsLTAuNC0wLjMNCgkJCWwtMC40LTAuM2wtMC41LTAuMUw3OC4xLDguMnogTTc4LjMsMTl2MC40bC0wLjEsMC40bC0wLjMsMC41bC0wLjcsMC40bC0wLjQsMC4xaC0yLjVoLTAuNGwtMC4zLTAuMUw3MywyMC40bC0wLjQtMC41bC0wLjEtMC40VjExDQoJCQlsMC4xLTAuNGwwLjQtMC41bDAuNy0wLjRsMC4zLTAuMWgyLjZoMC4zbDAuNCwwLjFsMC43LDAuNGwwLjMsMC41bDAuMSwwLjRWMTkiLz4NCgkJPHBvbHlsaW5lIGNsYXNzPSJzdDEiIHBvaW50cz0iOTguMiw4LjIgODMuOSw4LjIgODMuOSwyMi4zIDg2LjYsMjIuMyA4Ni42LDkuNiA5MS4xLDkuNiA5MS4xLDIyLjMgOTMuOCwyMi4zIDkzLjgsOS42IDk2LjQsOS42IA0KCQkJOTYuOCw5LjYgOTcuMSw5LjcgOTcuOCwxMC4xIDk4LjMsMTAuNiA5OC4zLDExIDk4LjUsMTEuNSA5OC41LDIyLjMgMTAxLjIsMjIuMyAxMDEuMiwxMSAxMDEuMSwxMC42IDEwMC45LDEwIDEwMC43LDkuNCAxMDAuMiw5IA0KCQkJOTkuOCw4LjcgOTkuMyw4LjUgOTguNyw4LjMgOTguMiw4LjIgCQkiLz4NCgkJPHBvbHlsaW5lIGNsYXNzPSJzdDEiIHBvaW50cz0iMTUzLjIsOC4yIDEzOC43LDguMiAxMzguNywyMi4zIDE0MS40LDIyLjMgMTQxLjQsOS42IDE0Ni4xLDkuNiAxNDYuMSwyMi4zIDE0OC44LDIyLjMgMTQ4LjgsOS42IA0KCQkJMTUxLjQsOS42IDE1MS44LDkuNiAxNTIuMiw5LjcgMTUyLjYsMTAuMSAxNTMuMiwxMC42IDE1My4zLDExIDE1My4zLDIyLjMgMTU2LDIyLjMgMTU2LDExIDE1NS45LDEwLjYgMTU1LjgsMTAgMTU1LjUsOS40IA0KCQkJMTU1LjIsOSAxNTQuOCw4LjcgMTU0LjMsOC41IDE1My43LDguMyAxNTMuMiw4LjIgCQkiLz4NCgkJPHBvbHlsaW5lIGNsYXNzPSJzdDAiIHBvaW50cz0iNjIuNSw2LjcgNjIuNSw2LjMgNjIuNiw1LjkgNjMsNS40IDYzLjYsNSA2NCw0LjggNjUuNiw0LjggNjUuNiwzLjUgNjIuNiwzLjUgNjIuMSwzLjUgNjEuNSwzLjcgDQoJCQk2MSw0IDYwLjUsNC4zIDYwLjMsNC43IDYwLDUuMiA1OS45LDUuOCA1OS43LDYuMyA1OS43LDIyLjMgNjIuNSwyMi4zIDYyLjUsOS42IDY3LDkuNiA2Nyw4LjIgNjIuNSw4LjIgNjIuNSw2LjcgCQkiLz4NCgkJPHBvbHlsaW5lIGNsYXNzPSJzdDEiIHBvaW50cz0iMTMwLjcsOS42IDEzMC43LDguMiAxMjYuMiw4LjIgMTI2LjIsMy41IDEyMy4zLDMuNSAxMjMuMywyMC4xIDEyMy42LDIwLjUgMTIzLjgsMjEuMSAxMjQuMywyMS42IA0KCQkJMTI0LjcsMjEuOSAxMjUuMSwyMiAxMjUuNiwyMi4zIDEyOS4yLDIyLjMgMTI5LjIsMjAuOSAxMjcuOSwyMC45IDEyNy43LDIwLjkgMTI3LjMsMjAuOCAxMjYuNiwyMC40IDEyNi4zLDE5LjkgMTI2LjIsMTkuNCANCgkJCTEyNi4yLDkuNiAxMzAuNyw5LjYgCQkiLz4NCgkJPHBvbHlsaW5lIGNsYXNzPSJzdDAiIHBvaW50cz0iNTEuNyw5LjYgNDksOS42IDQ4LjcsOS42IDQ4LjMsOS43IDQ3LjYsMTAuMSA0Ny4zLDEwLjYgNDcuMiwxMSA0NywxMS41IDQ3LDIyLjMgNDQuMywyMi4zIA0KCQkJNDQuMywxMC42IDQ0LjUsMTAgNDQuOSw5LjQgNDUuMSw5IDQ1LjcsOC43IDQ2LjEsOC41IDQ2LjYsOC4zIDQ3LjMsOC4yIDUxLjcsOC4yIDUxLjcsOS42IAkJIi8+DQoJCTxyZWN0IHg9IjU0LjQiIHk9IjguMiIgY2xhc3M9InN0MCIgd2lkdGg9IjIuNiIgaGVpZ2h0PSIxNC4xIi8+DQoJCTxyZWN0IHg9IjU0LjQiIHk9IjMuNSIgY2xhc3M9InN0MCIgd2lkdGg9IjIuNiIgaGVpZ2h0PSIyLjYiLz4NCgkJPHJlY3QgeD0iMTMzLjQiIHk9IjguMiIgY2xhc3M9InN0MSIgd2lkdGg9IjIuNiIgaGVpZ2h0PSIxNC4xIi8+DQoJCTxyZWN0IHg9IjEzMy40IiB5PSIzLjUiIGNsYXNzPSJzdDEiIHdpZHRoPSIyLjYiIGhlaWdodD0iMi42Ii8+DQoJCTxyZWN0IHg9IjE4NyIgeT0iOC4yIiBjbGFzcz0ic3QxIiB3aWR0aD0iMi42IiBoZWlnaHQ9IjE0LjEiLz4NCgkJPHJlY3QgeD0iMTg3IiB5PSIzLjUiIGNsYXNzPSJzdDEiIHdpZHRoPSIyLjYiIGhlaWdodD0iMi42Ii8+DQoJCTxyZWN0IHg9IjExNy44IiB5PSIzLjUiIGNsYXNzPSJzdDEiIHdpZHRoPSIyLjciIGhlaWdodD0iMTguOCIvPg0KCQk8cG9seWxpbmUgY2xhc3M9InN0MSIgcG9pbnRzPSIxMTUuMyw4LjIgMTEyLjQsOC4yIDExMi40LDIwLjkgMTA4LjQsMjAuOSAxMDgsMjAuOSAxMDcuNiwyMC44IDEwNy4yLDIwLjQgMTA2LjcsMTkuOSAxMDYuNSwxOS40IA0KCQkJMTA2LjUsOC4yIDEwMy44LDguMiAxMDMuOCwxOS40IDEwMy45LDIwLjEgMTA0LjEsMjAuNSAxMDQuMywyMS4xIDEwNC42LDIxLjYgMTA1LjIsMjEuOSAxMDUuNiwyMiAxMDYuMSwyMi4zIDExNS4zLDIyLjMgDQoJCQkxMTUuMyw4LjIgCQkiLz4NCgkJPHBhdGggY2xhc3M9InN0MSIgZD0iTTE4NC4zLDMuNWgtMi43djQuN2gtNS43bC0wLjcsMC4xbC0wLjUsMC4xbC0wLjQsMC4zTDE3My42LDlsLTAuNCwwLjRsLTAuMSwwLjVsLTAuMSwwLjd2OS41bDAuMSwwLjQNCgkJCWwwLjEsMC41bDAuNCwwLjVsMC41LDAuM2wwLjQsMC4xbDAuNSwwLjNoOS4xVjMuNXogTTE4MS42LDIwLjloLTQuMWgtMC4zbC0wLjQtMC4xbC0wLjctMC40bC0wLjQtMC41di0wLjRsLTAuMS0wLjR2LTcuNmwwLjEtMC40DQoJCQl2LTAuNGwwLjQtMC41bDAuNy0wLjRsMC40LTAuMWg0LjRWMjAuOSIvPg0KCQk8cGF0aCBjbGFzcz0ic3QxIiBkPSJNMTY3LjIsOC4yaC01LjZsLTAuNSwwLjFsLTAuNSwwLjFMMTYwLDguN0wxNTkuNiw5bC0wLjQsMC40bC0wLjMsMC41bC0wLjEsMC43djkuNWwwLjEsMC40bDAuMywwLjVsMC40LDAuNQ0KCQkJbDAuNCwwLjNsMC41LDAuMWwwLjUsMC4zaDYuM3YtMS40aC00SDE2M2wtMC4zLTAuMWwtMC43LTAuNGwtMC41LTAuNXYtMC40bC0wLjEtMC40di0yLjhoNS45aDAuNWwwLjctMC4xbDAuNC0wLjRsMC40LTAuMQ0KCQkJbDAuNC0wLjVsMC4zLTAuNWwwLjEtMC41di0zLjNMMTcwLDEwbC0wLjMtMC41TDE2OS4zLDlsLTAuNC0wLjNsLTAuNC0wLjNsLTAuNy0wLjFMMTY3LjIsOC4yeiBNMTY3LjQsMTIuOXYwLjRsLTAuMSwwLjRsLTAuNCwwLjUNCgkJCWwtMC41LDAuNGwtMC40LDAuMWwtMC4zLDAuMWgtNC4ydi0zLjVsMC4xLTAuNHYtMC40bDAuNS0wLjVsMC43LTAuNGwwLjMtMC4xaDIuNmgwLjNsMC40LDAuMWwwLjUsMC40bDAuNCwwLjVsMC4xLDAuNFYxMi45Ii8+DQoJCTxnPg0KCQkJPGRlZnM+DQoJCQkJPHJlY3QgaWQ9IlNWR0lEXzFfIiB4PSIxOTIuMyIgeT0iOC4yIiB3aWR0aD0iMTEuNSIgaGVpZ2h0PSIxNC40Ii8+DQoJCQk8L2RlZnM+DQoJCQk8Y2xpcFBhdGggaWQ9IlNWR0lEXzAwMDAwMTc5NjA0MzQxNTQ3NDM2NDI5NTgwMDAwMDAzMjM3MTMxMDYwNzg4NjQ5NjQ2XyI+DQoJCQkJPHVzZSB4bGluazpocmVmPSIjU1ZHSURfMV8iICBzdHlsZT0ib3ZlcmZsb3c6dmlzaWJsZTsiLz4NCgkJCTwvY2xpcFBhdGg+DQoJCQk8ZyBzdHlsZT0iY2xpcC1wYXRoOnVybCgjU1ZHSURfMDAwMDAxNzk2MDQzNDE1NDc0MzY0Mjk1ODAwMDAwMDMyMzcxMzEwNjA3ODg2NDk2NDZfKTsiPg0KCQkJCTxnPg0KCQkJCQk8cGF0aCBjbGFzcz0ic3QxIiBkPSJNMjAwLjksOC4yaC01Ljl2MS40aDQuMWgwLjNsMC40LDAuMWwwLjcsMC40bDAuNCwwLjVWMTFsMC4xLDAuNHYyLjhoLTUuOWgtMC41bC0wLjUsMC4zbC0wLjUsMC4zDQoJCQkJCQlsLTAuMywwLjRsLTAuNCwwLjNsLTAuMywwLjVsLTAuMywwLjV2My41bDAuMywwLjRsMC4zLDAuNWwwLjQsMC41bDAuMywwLjNsMC41LDAuMWwwLjUsMC4zaDYuM2gwLjVMMjAyLDIybDAuNC0wLjFsMC40LTAuMw0KCQkJCQkJbDAuNC0wLjVsMC4zLTAuNWwwLjMtMC40di05LjVsLTAuMy0wLjdsLTAuMy0wLjVMMjAyLjgsOWwtMC40LTAuM0wyMDIsOC41bC0wLjUtMC4xTDIwMC45LDguMnogTTE5OS4yLDIwLjlIMTk3aC0wLjRsLTAuMy0wLjENCgkJCQkJCWwtMC43LTAuNGwtMC40LTAuNWwtMC4xLTAuNHYtMi4zbDAuMS0wLjNsMC40LTAuN2wwLjctMC40bDAuMy0wLjFoNC41VjE5bC0wLjEsMC40djAuNGwtMC40LDAuNWwtMC43LDAuNGwtMC40LDAuMUgxOTkuMiIvPg0KCQkJCTwvZz4NCgkJCTwvZz4NCgkJPC9nPg0KCQk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNNDEuNiw4LjJoLTguNWwtMC41LDAuMUwzMiw4LjVsLTAuNSwwLjNMMzEuMSw5bC0wLjMsMC40TDMwLjQsMTBsLTAuMSwwLjd2OS41bDAuMSwwLjRsMC40LDAuNWwwLjMsMC41DQoJCQlsMC40LDAuM0wzMiwyMmwwLjUsMC4zaDYuM3YxLjlsLTAuMSwwLjRsLTAuMywwLjdsLTAuNywwLjNsLTAuNCwwLjFsLTAuNCwwLjFoLTQuMVYyN2g1LjloMC41bDAuNy0wLjFsMC40LTAuM2wwLjQtMC4zbDAuNC0wLjUNCgkJCWwwLjMtMC41di0wLjRsMC4xLTAuN1Y4LjJ6IE0zMi45LDE5di03LjZMMzMsMTFsMC4xLTAuNGwwLjQtMC41bDAuNS0wLjRsMC40LTAuMWg0LjR2MTEuNGgtNGgtMC40bC0wLjQtMC4xbC0wLjUtMC40bC0wLjQtMC41DQoJCQlMMzMsMTkuNEwzMi45LDE5Ii8+DQoJPC9nPg0KCTxnPg0KCQk8cGF0aCBjbGFzcz0ic3QzIiBkPSJNMC45LDE1QzAuOSw4LDYuNSwyLjUsMTMuNCwyLjVDMjAuNCwyLjUsMjYsOCwyNiwxNWMwLDYuOS01LjYsMTIuNS0xMi42LDEyLjVDNi41LDI3LjUsMC45LDIxLjksMC45LDE1eiIvPg0KCQk8ZWxsaXBzZSBjbGFzcz0ic3Q0IiBjeD0iMTMuNCIgY3k9IjE1IiByeD0iMTEuNCIgcnk9IjExLjMiLz4NCgkJPGc+DQoJCQk8ZGVmcz4NCgkJCQk8cGF0aCBpZD0iU1ZHSURfMDAwMDAxNzA5Njc0NTAwNzI0NzczNTg5NjAwMDAwMDY5Nzk3MzA0MzI5MzM0MzQyODhfIiBkPSJNMy4zLDE1YzAtNS42LDQuNS0xMC4xLDEwLjEtMTAuMVMyMy42LDkuNCwyMy42LDE1DQoJCQkJCVMxOSwyNSwxMy40LDI1UzMuMywyMC41LDMuMywxNXoiLz4NCgkJCTwvZGVmcz4NCgkJCTxjbGlwUGF0aCBpZD0iU1ZHSURfMDAwMDAwOTE3MzQ4NTU1Mjk4MjUzOTk3OTAwMDAwMTMyNDc0NTAzNDgyMjMxMTU0MzlfIj4NCgkJCQk8dXNlIHhsaW5rOmhyZWY9IiNTVkdJRF8wMDAwMDE3MDk2NzQ1MDA3MjQ3NzM1ODk2MDAwMDAwNjk3OTczMDQzMjkzMzQzNDI4OF8iICBzdHlsZT0ib3ZlcmZsb3c6dmlzaWJsZTsiLz4NCgkJCTwvY2xpcFBhdGg+DQoJCQk8ZyBzdHlsZT0iY2xpcC1wYXRoOnVybCgjU1ZHSURfMDAwMDAwOTE3MzQ4NTU1Mjk4MjUzOTk3OTAwMDAwMTMyNDc0NTAzNDgyMjMxMTU0MzlfKTsiPg0KCQkJCTxwYXRoIGNsYXNzPSJzdDYiIGQ9Ik0xNiwxMi45bC0wLjYtMC4ybC0wLjYtMC4xYzAsMCwwLjIsMC4yLDAuNCwwLjNjMC4yLDAuMSwwLjUsMC4yLDAuNSwwLjJsMC4yLDAuMUgxNmwwLjItMC4xbDAuMi0wLjENCgkJCQkJTDE2LDEyLjkiLz4NCgkJCQk8cGF0aCBjbGFzcz0ic3Q3IiBkPSJNMTkuMiwxNi42bDAuMywwLjFsMC4xLDAuMWwwLjEsMC4xSDE5aC0xLjVoLTAuMmwtMC4xLDAuMUwxNy4yLDE3bC0wLjEsMC4ybC0wLjIsMC44bC0wLjIsMC43TDE2LjUsMTl2MC40DQoJCQkJCWwwLjEsMC43bDAuMSwwLjZsMC4yLDAuNmwwLjIsMC42bDAuMywwLjVsMC40LDAuNWwwLjUsMC41bDAuNCwwLjRsMC41LTAuM2wwLjUtMC40bDAuNS0wLjRsMC40LTAuNWwwLjQtMC40bDAuNC0wLjVsMC40LTAuNg0KCQkJCQlsMC40LTAuNWwwLjMtMC41bDAuMi0wLjZsMC4yLTAuNmwwLjItMC43bDAuMi0wLjdsMC4xLTAuN3YtMi40bC0wLjEtMWwtMC4zLTFsLTAuMy0wLjlMMjIuNCwxMGwtMC41LTAuOGwtMC42LTAuOGwtMC42LTAuNw0KCQkJCQlMMTkuOSw3bC0wLjgtMC42bC0wLjgtMC41bC0wLjktMC41bC0xLTAuM2wtMC45LTAuMmwtMS0wLjJsLTEuMS0wLjFoLTAuN2wtMC43LDAuMWwtMC43LDAuMWwtMC43LDAuMkw5LjksNS4zTDkuMiw1LjZMOC42LDUuOQ0KCQkJCQlMOCw2LjJMNy41LDYuNkw2LjksNi45TDYuNCw3LjRMNiw3LjlMNS41LDguNEw1LjEsOC45TDQuNyw5LjVsLTAuMywwLjZjMCwwLDEuNy0xLjEsMi45LTEuNkM4LDguMiw4LjQsOCw5LjIsNy44DQoJCQkJCWMxLjEtMC4zLDIuOS0wLjcsMi45LTAuN3MtMS44LDAuNy0yLjgsMS40QzguMSw5LjQsNy41LDEwLDYuNywxMS4zYy0wLjUsMC44LTAuNywxLjItMSwyLjFjLTAuNCwxLjItMC41LDEuOS0wLjUsMy4xDQoJCQkJCWMwLDEuNywwLjIsMi44LDEsNC4zYzAuMSwwLjIsMC40LDAuNiwwLjQsMC42TDcsMjJjMCwwLTAuMy0wLjgtMC40LTEuNGMtMC4xLTAuNy0wLjItMS40LTAuMi0xLjRzMC4xLDAsMC4yLTAuMQ0KCQkJCQljMC40LTAuMSwwLjYtMC4yLDEtMC41YzAuMi0wLjEsMC41LTAuNCwwLjUtMC40bDAuNi0wLjZMOS40LDE3bDAuNS0wLjdsMC41LTAuOGwwLjUtMC44bDAuMy0wLjZsMC4xLTAuMmwwLjItMC4zbC0wLjQtMC4xDQoJCQkJCWMwLDAtMC40LTAuMi0wLjctMC40Yy0wLjUtMC40LTAuOS0xLjUtMC45LTEuNXMwLjksMC4yLDEuNSwwLjRjMC42LDAuMywxLjUsMC44LDEuNSwwLjhzMC45LTAuNSwxLjktMC42YzAuOS0wLjEsMiwwLjMsMiwwLjMNCgkJCQkJczAuNSwwLjEsMC44LDAuMWMwLjUsMCwxLjMtMC4zLDEuMy0wLjNzMS4zLTAuMSwxLjksMC4zYzAuNywwLjUsMC43LDEuNSwwLjcsMS41TDIxLDE0LjRsLTAuMSwwLjNsLTAuMi0wLjVMMjAuNiwxNGwtMC4xLTAuMg0KCQkJCQlsLTAuMS0wLjFsLTAuMi0wLjFMMjAsMTMuNGgtMC4ybC0wLjQsMC4xTDE5LDEzLjZsLTAuNywwLjJMMTcuNiwxNGwtMS41LDAuNmMwLDAsMCwwLTAuMSwwLjFjMCwwLjEsMCwwLjIsMCwwLjINCgkJCQkJczAuMSwwLjIsMC4xLDAuMmMwLjIsMC4zLDEuNSwxLDEuNSwxTDE5LjIsMTYuNnogTTE4LjYsMTUuMmMtMC4zLDAtMC41LDAuMS0wLjksMC4yYy0wLjQsMC4xLTEtMC4xLTAuOS0wLjQNCgkJCQkJYzAtMC4xLDAtMC4xLDAuMS0wLjFjMC4yLTAuMywxLTAuMywxLjYtMC4yYzAuNSwwLjEsMS4zLDAuNCwxLjMsMC40bDAuMiwwLjFjMCwwLTAuMiwwLTAuMiwwQzE5LDE1LjEsMTkuMSwxNS4xLDE4LjYsMTUuMnoiLz4NCgkJCTwvZz4NCgkJPC9nPg0KCTwvZz4NCjwvZz4NCjwvc3ZnPg0K);
}

p#footer-left {
    width: 150px;
}

#footer-thankyou {
    display: none;
}

li#wp-admin-bar-wp-logo {
    display: none;
}

.post-type-g4s_post_map_game #screen-options-wrap.hidden {
    display: block !important
}

additional.graphics {
    padding: 20px;
    border: 1px solid #ccc;
    margin: 10px 0;
}

.graphic-container label {
    font-size: 16px;
    font-weight: bold;
    padding: 10px;
    background: rgb(0 40 84);
    width: 100%;
    margin: 0;
    color: rgb(255 255 255);
}


.teaching_course_storytelling label {
    font-size: 16px;
    font-weight: bold;
    padding: 10px;
    background: rgb(0 40 84);
    width: 100%;
    margin: 0;
    color: rgb(255 255 255);
}


div#graph-set {
    padding: 10px;
    background: rgb(239 240 241);
}

.teaching_course_storytelling {
    padding: 20px;
    background: rgb(239 240 241);
}

.graphics-img img {
    cursor: pointer;
}

.markers-img img {
    background-size: cover;
    width: 100%;
    height: auto;
}

.modal-header.edit_marker_modal_header {
    background: #118b96
}


.modal-header.edit_marker_modal_header .modal-title {
    color: #ffffff;
}

.modal-header.edit_marker_modal_header button {
    color: #ffffff;
    font-size: 50px;
}

label.enter_story {
    background: #019cde;
}

.units_storytelling .desc_goal label {

    font-size: 16px;
    font-weight: bold;
    padding: 10px;
    background: #019cde;
    width: 100%;
    margin: 0;
    color: rgb(255 255 255);

}

.units_storytelling .desc_goal button {
    margin-right: 5px !important
}

label.units_label {
    font-size: 16px;
    font-weight: bold;
    padding: 10px;
    background: rgb(0 40 84);
    width: 100%;
    margin: 0;
    color: rgb(255 255 255);
}

#maps-box-id .checkbox.mr-3 label:before {
    font-family: "Font Awesome 5 Free";
    display: inline-block;
    padding-right: 3px;
    font-weight: 900;
    margin-left: 5px;
    margin-bottom: 5px
}

#maps-box-id .checkbox.mr-3.zoom label:before {
    content: "\f00e";
}

#maps-box-id .checkbox.mr-3.drag label:before {
    content: "\f0b2";
}

#maps-box-id .checkbox.mr-3.path label:before {
    content: "\f4d7";
}

#maps-box-id .checkbox.mr-3.center_goal label:before {
    content: "\f08d";
}

#maps-box-id .checkbox.mr-3.map_control label:before {
    content: "\f5eb";
}

#maps-box-id .checkbox.mr-3.storytelling label:before {
    content: "\f02d";
}

#maps-box-id .col-sm-2.goal-container {
    max-width: 10% !important
}

#maps-box-id .col-sm-11 {
    max-width: 90% !important;
}

.form-group.map_element_bck.map_tc label:before {

    content: "\f19d";
}

.form-group.map_element_bck.map_map label:before {
    content: "\f279";
}

.form-group.map_element_bck.map_css label:before {
    content: "\f568";
}


.form-group.map_element_bck label:before {
    font-family: "Font Awesome 5 Free";
    display: inline-block;
    padding-right: 3px;
    font-weight: 900;
    margin-left: 5px;
    margin-bottom: 5px;
}


/* End Admin Style*/


/*!* FIX BOOTSTRAP MODAL OPEN SCROLLING ON TOP *!
body.modal-open {
    overflow: visible!important;
}*/


h1, h2, h3, h4, h5, h6 {
    text-transform: none !important;
}

.tos_content_text h5 {
    color: #222222 !important;
}

/* width */
::-webkit-scrollbar {
    width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
    background: #f1f1f1
}

/* Handle */
::-webkit-scrollbar-thumb {

    border-radius: 10px;
}

.privacy_main_title {
    border-bottom: 2px solid #f1f1f1;
}

.button_tos_container {
    border-top: 2px solid #f1f1f1;
}

a:hover {
    cursor: pointer;
}

span.fa.fa-search.header-search-icon {
    padding: 5px;
    color: #ffffff;
}

button#search-top-bar-submit {
    background-color: #85bc56;
    border: 0;
}


input#search-field-top-bar {
    border: 0;
    border-bottom: 2px solid #ccc;
}

input#search-field-top-bar:focus {
    outline: none

}


img.mt-2.cover_image {
    width: auto;
    background-size: cover;
}

.container {
    margin-top: 0 !important;
}

h3.widget-title {
    text-align: center;
    text-transform: uppercase;
    color: #fff;
    padding: 20px;
    background: #0f102d;
    font-size: 18px;
    border-bottom: 1px solid #a0de4b;
    margin: 0 20px;
}

ul.children {
    list-style: none;
    padding: 25px 10px 0;
}

a.navbar-brand {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    height: 53px;
    margin: 0 10px;
    padding: 0;
}

@media only screen and (min-width: 768px) {
    section#primary {
        min-height: 1000px;
    }

    .special_mission_mobile_button .fa-book:before {
        background-size: 113px 100px !important;
        width: 113px !important;
        height: 100px !important;
    }
}

.badges .card-text {
    min-height: 45px;
}

#navbar_collapsable a.nav-link {
    font-size: 18px;
    padding: 0.5rem;
    /*text-transform: uppercase !important;*/
}

#sidebar-wrapper {
    margin-left: -15.6rem;
    -webkit-transition: margin .25s ease-out;
    -moz-transition: margin .25s ease-out;
    -o-transition: margin .25s ease-out;
    transition: margin .25s ease-out;
}

#sidebar-wrapper .sidebar-heading {
    padding: 0.875rem 1.25rem;
    font-size: 1.2rem;
}

#sidebar-wrapper .list-group {
    width: 15rem;
}

#wrapper.toggled #sidebar-wrapper {
    margin-left: 0;
}

div#wrapper {
    display: flex;
}

.sidebar_container {
    min-width: 250px;
}

@media (min-width: 768px) {
    #sidebar-wrapper {
        margin-left: 0;
    }

    #wrapper.toggled #sidebar-wrapper {
        margin-left: -15rem;
    }
}

* {
    box-sizing: border-box;
}

img.hover-shadow {
    transition: 0.3s;
}

.hover-shadow:hover {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.footer-logo.footer_bl {
    background-position: center !important;
    background-size: auto 89px !important;
    height: 150px !important;
    background-repeat: no-repeat !important;
}

.footer-logo_eu {
    background-image: url(g4s_theme_child_images/logo_eu.png);
    background-position: center;
    background-size: auto 60px;
    height: 100px;
    background-repeat: no-repeat;
}

.container-fluid.footer {
    background: #003D77;
    padding: 0;
}

.single-g4s_post_map_game .container-fluid.footer {
    position: relative
}

.single-g4s_post_map_game .row {
    margin: 0;
}

.single-g4s_post_map_game .col-sm-12.blog-main {
    padding: 0;
}

.footer {
    height: unset !important;
    flex-shrink: unset !important;
}

li.nav-item {
    margin-right: 15px !important
}

a.nav-link {
    font-family: inherit !important;
    font-size: small !important;
    text-transform: inherit !important;
}

.footer-info {
    color: #ffffff;
    padding: 10px;
    margin: 10px;
}

.footer-social {
    color: #ffffff;
    padding: 10px;
    margin: 10px;
    text-align: center
}

.footer-copyright {
    text-align: center;
    color: #ffffff;
    border-top: 1px solid #ffff;
    padding: 10px 0;
    background: #003d77;
}

.slider-frame .btn button {
    background-color: #ffffff;
    border: 0;
    outline: none;
    height: 400px;
}

span.ui-slider-handle.ui-corner-all.ui-state-default {
    border-radius: 100%;
    background: #fff;
    border: 2px solid #85bc56;
    outline: none;
}

.ui-slider-range.ui-corner-all.ui-widget-header {
    background: #85bc56;
}

.sidebar-heading {
    text-transform: uppercase;
    font-weight: 600;
    color: #85bc56;
    border-bottom: 2px solid #a0de4b;
    margin: 0 10px;
    padding: 20px 0 !important;
}

#map.tab-pane {
    background: #fff
}

.footer-social {
    font-size: 18px;
}

.footer-social-icon {
    font-size: 32px;
    margin: 10px 0;
}

.footer-website a {
    color: #ffffff;
}

.footer-website a:hover {
    text-decoration: none
}

.footer_mail {
    margin: 5px 0;
}

.container-fluid.mt-3 {
    margin: 0 !important;
    padding: 0;
}

.page-template-my_profile-template .container-fluid {
    margin: 0 !important;
    padding: 0;
}

.profile_cover_image_div {
    width: 100%;
    max-height: 190px;
    overflow: hidden;
    display: flex;
    align-items: center;
}

section.container.user-page form {
    /*margin-top: -95px;*/
}

section.container.user-page {
    background: #ffffff;
    text-align: center;
    padding: 0;
}

.page-template-my_profile-template .container-fluid {
    margin: 0 !important;
    padding: 0;
    background: #ffffff;
}

img.avatar_img {
    object-fit: cover;
    border-radius: 50%;
    height: 200px;
    width: 200px;
}

img.profile_cover_image_img {
    width: 100%;
    display: block;
    max-width: 100%;
    height: auto !important;
    width: auto \9;
    -ms-interpolation-mode: bicubic;
}

.row.g4s_edit_show {
    justify-content: center;
}

.col-12.user_info_profile {
    padding: 0;
}

.change_profile_photo, .g4s_edit_show .profile_cover_image_div, .edit_email_box label {
    color: #ffffff;
    padding: 5px;
}

input#cover_image, input#cover_profile_image {
    padding: 5px;
}

.col-6.user_points_container, .col-6.classroom_attendance_container {
    padding: 10px;
}

.col-6.user_points_container {
    border-left: 2px solid #ccc;
    text-align: left;
}

.col-6.classroom_attendance_container {
    text-align: right;
}


.row.points_classroom {
    padding: 10px 0;
    border: 1px solid #ccc;
    margin: 0;
}

span.user_points, span.classroom_attendances_label {
    display: inline-block;
    line-height: 15px;
    text-align: right;
}

span.user_points {
    font-size: 34px;
    margin-left: 15px;
}

.tparrows.tp-rightarrow:before, .tparrows.tp-leftarrow:before {
    color: #85bc56
}

.rs-slide {
    -moz-box-shadow: 0 -8px 30px 0 rgba(0, 0, 0, 0.17);
}

.wp-block-themepunch-revslider.revslider {
    -webkit-box-shadow: 0 -8px 30px 0 rgba(0, 0, 0, 0.17);
    -moz-box-shadow: 0 -8px 30px 0 rgba(0, 0, 0, 0.17);
    box-shadow: 0 -8px 30px 0 rgba(0, 0, 0, 0.17);
}

.content {
    background-color: var(--oppo-grey);
}

/*style ranking*/

ul.ranking-list {
    list-style: none;
}

span.award_points {
    font-size: 1rem;
    display: inline-block;
    min-width: 90px;
    padding-right: 10px;
}

span.icon_award {
    display: inline-block;
    line-height: 60px;
    font-size: 24px;
}

span.icon_award .fas.fa-medal {
    font-size: 27px !important;
}

span.icon_award .fas.fa-award {
    font-size: 36px !important;
}


span.cardinal {
    border-radius: 100%;
    border: 1px solid rgb(0 0 0);
    display: inline-block;
    padding: 5px 12px;
    margin-right: 15px;
}

/*li.list-group-item:first-child {background:#ffd700;border-radius:0}
li.list-group-item:nth-child(2) {background:#C0C0C0}
li.list-group-item:nth-child(3) {background:#d6621e}
li.list-group-item:last-child {border-radius:0}*/

img.rankings_user_profile_image_img {
    width: 60px;
    height: 60px;
    object-fit: cover;
    border-radius: 50%;
    /*margin-right: 15px;*/
}

.ranking_title {
    font-size: 0.8rem;
    font-weight: bold;
    text-align: left;
}

span.name_surname {
    font-size: 24px;
}

.row.g4s_ranking {
    display: none;
}

.post-template-default .container-fluid.mt-3 .row {
    margin: 0 !important;
}

.post-template-default .col-sm-12.blog-main {
    padding: 0;
    margin: 0;
}

p.leaderboard_type {
    font-size: 1.5rem;
    margin: 3rem 0;
    font-weight: bold;
    color: #002855
}

.mc_logo {
    width: 50%;
}

.mc_logo_end {
    width: 20%;
}

@media only screen and (min-width: 1024px) {
    li.nav-item.profile_menu {
        position: absolute;
        right: 60px;
    }
}


span.award_points {
    padding-right: 10px !important;
}

/*Profile Card 3*/
.profile-card-3 {
    position: relative;
    float: left;
    overflow: hidden;
    width: 100%;
    text-align: center;
    height: 368px;
    border: none;
}

.profile-card-3 .background-block {
    float: left;
    width: 100%;
    height: 200px;
    overflow: hidden;
}

.profile-card-3 .background-block .background {
    width: 100%;
    vertical-align: top;
    opacity: 0.9;
    -webkit-filter: blur(0.5px);
    filter: blur(0.5px);
    -webkit-transform: scale(1.8);
    transform: scale(2.8);
}

.profile-card-3 .card-content {
    width: 100%;
    padding: 15px 25px;
    color: #232323;
    float: left;
    background: #efefef;
    height: 50%;
    border-radius: 0 0 5px 5px;
    position: relative;
    z-index: 9999;
}

.profile-card-3 .card-content::before {
    content: "";
    background: #efefef;
    width: 120%;
    height: 100%;
    left: 11px;
    bottom: 51px;
    position: absolute;
    z-index: -1;
    transform: rotate(-13deg);
}

.profile-card-3 .profile {
    border-radius: 50%;
    position: absolute;
    bottom: 50%;
    left: 50%;
    max-width: 100px;
    opacity: 1;
    box-shadow: 3px 3px 20px rgba(0, 0, 0, 0.5);
    border: 2px solid rgba(255, 255, 255, 1);
    -webkit-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%);
    z-index: 99999;
}

.profile-card-3 h3 {
    margin: 0 0 5px;
    font-weight: 600;
    font-size: 25px;
}

.profile-card-3 h2 small {
    display: block;
    font-size: 15px;
    margin-top: 10px;
}

.profile-card-3 i {
    display: inline-block;
    font-size: 16px;
    color: #232323;
    text-align: center;
    border: 1px solid #232323;
    width: 30px;
    height: 30px;
    line-height: 30px;
    border-radius: 50%;
    margin: 0 5px;
}

.profile-card-3 .icon-block {
    float: left;
    width: 100%;
    margin-top: 15px;
}

.profile-card-3 .icon-block a {
    text-decoration: none;
}

.profile-card-3 i:hover {
    background-color: #232323;
    color: #fff;
    text-decoration: none;
}

.card-content a, .card-content a a:hover {
    color: unset !important;
    text-decoration: unset !important;
}

div#pagination_container {
    margin: 0;
}

a.page-link {
    color: #009CDE;
}

.page-item.active .page-link {
    background-color: #009CDE !important;
    border-color: #009CDE !important
}

.page-link:hover {
    color: #ffffff !important;
    background-color: #009CDE !important;
    border-color: #009CDE !important;
}

#cover {
    width: 100%;
    background-color: #efefef;
    border-radius: 20px;
    transform: scale(0.6);
    border: 1px solid #ccc;
}

/* profilo utente*/

.user-page h4.profile_name {
    text-align: center;
    color: #002855;
    border-bottom: none
}

.profile_mail, .div_profile_info.p-0 {
    color: #003d77;
    text-transform: initial;
}

.user-page h4 {
    text-align: left;
    padding-bottom: 1rem;
    text-transform: uppercase !important;
}

#page-content-wrapper.profile_page_wrapper {
    padding: 20px
}

.profile_page_wrapper .row {
    margin: 0
}

.profile_page_wrapper .mt-3 {
    margin-top: 20px !important;
    padding: 10px 0;
}

.profile_page_wrapper .col-12 {
    padding: 0;
}

.badges {
    border: 0 solid #c6c6c6 !important;
}

.badge_render {
    border: 5px solid transparent;
    background-clip: padding-box;
}

.col-12.user_info_profile #sidebar-wrapper, div#page-content-wrapper.profile_page_wrapper {
    background: #f3f5f5 !important;
}

.profile_page_container {
    background: #ffffff;
    padding: 10px;
}

.badges .badge-title {
    background: none !important;
    height: unset !important;
}

.badge_points {
    padding-bottom: 6px;
}

.badges .card-group .card {
    border: 0;
}

.specialMission.missionsModal .check_icon {
    filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7487%) hue-rotate(123deg) brightness(105%) contrast(103%);
}

.paths-container .carousel, .badges-container .carousel {
    background-color: #ffffff !important
}

.paths-container .carousel-control-prev {
    left: -45px !important;
    height: 20px !important;
    top: -25px !important;
}

.paths-container .carousel-control-next {
    right: -45px !important;
    height: 20px;
    top: -25px;
}

.paths-container .carousel-item .title-container h3 {
    color: #4d34a7;
}

.profile_page_wrapper .row {
    margin: 10px 0;
}

.percent {
    background: #ffffff !important;
    color: #866bfc;
}

.tasks-percent-completed {
    height: 65px !important;
    background: #ffffff !important;
    border-bottom: 2px dotted #0F86B6;
}

.tasks-percent-completed .skillPercent {
    background-color: #ffffff !important;
    height: 40px;
    margin: 20px 10px;
}

td.activity_name {
    color: var(--oppo-green);
    font-weight: bold;
}

td.activity_name.not-triggered {
    color: #7f7f7f;
}

span.no-style {
    font-size: 12px !important;
    color: black !important;
}


.row.general-stats {
    border: none;
    background: #4d34a7;
}

.general-stats .col-12.col-md-4 {
    border-left: 1px solid #ffffff;
    border-right: 1px solid #ffffff;
    padding: 10px
}

.row.general-stats {
    border: none;
    background: #4d34a7;
}

.general-stats .col-12.col-md-4 {
    border-left: 1px solid #ffffff;
    border-right: 1px solid #ffffff;
    padding: 10px
}

.table-striped tbody tr:nth-of-type(odd) {
    background-color: #ffffff;
}

.row.tasks-container {
    margin: 0;
    padding: 0;
}

.paths-container .carousel-item .title-container h3 {
    text-transform: uppercase !important;
}

.table-striped tbody tr:nth-of-type(odd) {
    background-color: #ffffff !important
}

.table-striped tbody tr.bg-success {
    background-color: #28a745 !important
}

.profile_page_wrapper .row {
    margin: 10px 0 0 0;
    padding: 0
}

.row.tasks-container {
    margin: 0;
}

#points_table_wrapper .col-sm-12 {
    padding: 0
}

table#points_table {
    width: 100% !important
}

#points_table_wrapper .col-sm-12.col-md-6 {
    text-align: left;
}

div#points_table_info {
    text-align: left;
}

.row.point_log_label {
    margin: 10px 0 !important
}

.points-container thead, .repository thead {
    background: #ee9215;
}

.general-stats .col-12.col-md-4 {
    border-left: 1px solid #ffffff !important;
    border-right: 1px solid #ffffff !important;
}


/*.repository thead {
    background: url(g4s_theme_child_images/rep_th_background.png) !important;
}*/

span.classroom_attendances_label:before {
    content: "";
    display: block;
    background: url(img/mani.png) no-repeat;
    float: left;
    width: 40px;
    height: 40px;
    margin: -15px 5px;
    background-size: 40px 40px;

}

span.user_points_label:before {
    content: "";
    display: block;
    background: url(img/stella.png) no-repeat;
    float: left;
    width: 40px;
    height: 40px;
    margin: -10px 5px;
    background-size: 40px 40px;
}

.div_profile_info .fas, .div_profile_info .fab {
    margin-right: 5px
}

a.linkedin_link_disabled {
    cursor: unset !important;
    pointer-events: none;
}

a.linkedin_link_disabled .fab {
    color: #ccc !important;
    border-color: #dee2e6 !important;
}

a.linkedin_link_disabled .fab:hover {
    color: #ccc !important;
    background-color: #efefef !important;
}

button#menu-toggle {
    background-color: #85bc56;
    border-color: #85bc56;
    border-radius: 0;
}

a#undo_edit_profile {
    border: none;
    color: #0087ca;
    font-weight: bold
}

a#undo_edit_profile:hover {
    background-color: #fff;
    outline: 0;
    box-shadow: none;
}

a#undo_edit_profile:focus {
    box-shadow: none;
}

a#edit_profile {
    font-weight: bold;
}

a#edit_profile:hover {
    text-decoration: none
}

input#save {
    border: 0;
    border-radius: 0;
    color: #ffffff;

}

.col-12.my_profile_save_div.p-0, .col-12.my_profile_save_div.p-0:hover {
    margin: 10px 0;
}

.col-12.my_profile_save_div.p-0:focus {
    box-shadow: none
}

.badges .card-text {
    padding: unset !important;
    font-weight: 500;
    font-size: 14px !important;
}

.label_badge_detail {
    width: 30%;
    color: #573abd;
    font-weight: 600;
    text-align: right;
}

.content_badge_detail {
    width: 60%;
    text-align: left;
}

input.not-like-btn {
    background-color: white;
    color: #1058af;
    border: 2px solid #1058af !important;
}

input.like-btn {
    background-color: #1058af;
    color: white;
    border: 2px solid #ffffff !important;
}

button.topic-button:hover {
    background-color: #EEEEEE !important;
}

button.topic-button:active, button.topic-button:focus-visible, button.topic-button:focus {
    background-color: #1058af !important;
    color: white;
    border: 2px solid #1058af !important;
}


.badges .badge-title {
    align-content: inherit
}

.badges p.card-text {
    min-height: 66px;
    padding: 10px;
    font-size: 14px;
}

.repository .btn:focus {
    box-shadow: none !important;
}

.repository .btn:hover {
    background-color: #002855 !important;
    border-color: #002855 !important;
    color: #fff !important;
    border-width: 1px;
    border-style: solid;
}

.repository .btn.extra-active {
    border-width: 1px;
    border-style: solid;
    border-color: #002855 !important;
}

.repository .btn {
    border-radius: 10px !important;
    padding: 0.65rem 0.95rem !important;
}


#repository_table_wrapper {
    padding: 20px 30px;
    margin-bottom: 30px
}

@media (max-width: 1200px) and (min-width: 992px) {
    .navbar-expand-lg .navbar-nav .nav-link {
        font-size: inherit !important;
        margin-left: unset !important;
        line-height: unset !important;
    }

}

.repository label {
    color: #123F77
}

body.modal-open {
    overflow-y: hidden
}

.tasks-percent-completed .skillPercent {
    background-color: !important;
    top: 0;
    left: 0;
    border-radius: 0;
    display: block;
    position: relative;
    color: rgb(255, 255, 255) !important;
    text-align: center;
    font-weight: bold;
    font-size: 20px;
    line-height: unset !important;
    white-space: nowrap;
    border-bottom: 40px solid var(--oppo-secondary-purple);
}

.missionsModal .card.activity .col-1 img {
    width: 34px;
    height: 34px;
}

.missionsModal .card.activity .col-8 {
    padding-left: 30px;
}

.missionsModal .card-header, .missionsModal .card-header:hover, .missionsModal .card-header:active {
    background-color: var(--oppo-primary-blue) !important;
    color: #ffffff !important;
}

.missionsModal .card .card-body {
    background-color: #ffffff !important;
}

.missionsModal .card-body {
    margin: 0 !important;
}

.missionsModal hr {
    display: none
}

.missionsModal .step-container .task-content .btn, .btn-close {
    background-color: #009CDE;
    border-color: #009CDE;
    border-radius: 0;
    padding: 8px 15px;
    line-height: 1;
    font-size: inherit;
    color: #ffffff;
    /*width: 100px;*/
}

.missionsModal .modal-header {
    background-color: var(--oppo-green);
}

.missionsModal .fa.fa-times {
    color: #ffffff
}

.missionsModal .col-10.activity-col {
    padding-left: 30px;
}

.general-stats .col-12.col-md-4:last-child {
    border-right: unset !important;

}

.row.m-0.virtual_classroom_row:nth-child(odd) {
    background: #6c757d;
    color: #fff
}

.row.m-0.virtual_classroom_row:nth-child(even) {
    background: #eae6e6
}

.row.m-0.virtual_classroom_row .fas {
    margin-right: 2px
}

.row.m-0.virtual_classroom_row .btn-outline-primary {
    color: #ffffff;
    border-color: #4d34a7;
    background: #4d34a7;
    border-radius: 0 !important;
}

.row.m-0.virtual_classroom_row .btn-outline-primary:focus {
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0)
}

.virtual_classroom_header {
    background: #4d34a7;
    color: #fff;
    text-transform: uppercase;
    padding: 10px;
}

.col-6.d-flex.family {
    background: url(g4s_theme_child_images/Attivita_Generale.png) no-repeat;
    min-height: 445px;
}

button.customImgMarker.missionsButton.btn {
    box-shadow: 0 0 0 0 rgba(0, 123, 255, .25);
}


@media only screen and (min-width: 1024px) {
    li.nav-item.dashboard_menu {
        position: absolute;
        right: 175px;
    }
}

.share_link_span {
    margin: 0 auto;
}

a.share_link_a {
    padding: 0 10px;
}

.share_link_div.row.mt-3.info.alert-info.align-self-center {
    padding: 10px;
}

.share_link_copy_button_div {
    margin: 0 auto;
    padding: 10px;
}

.hide_object {
    display: none;
}

.page-template-my_profile-template #sidebar-wrapper {
    margin-left: unset !important;
    display: none;
}

.badges .card-text {
    BACKGROUND: none !important
}

.col-12.user_points_container {
    padding: 20px 0 10px;
    border-top: 2px solid #002855;
}

span.user_points_label, span.user_points {
    display: inline-flex !important;
}

span.points_mp {
    font-size: 34px;
    margin: -15px 0 0 5px;
}

ul.navbar-nav.mr-auto {
    margin: 0 auto !important;
}

.content.bck_custom {
    background-size: cover;
    background-position: center bottom;
}

.repository .btn.button_menu_extra {
    border-radius: 16px !important;
}

.menu_rep_news {
    padding: 20px
}

.container.repository {
    background: #ffffff;
}

@media only screen and (min-width: 1300px) {
    .container.repository {
        min-width: 1300px;
    }
}

.rep_filter {
    padding: 20px 60px
}

.table td, .table th {
    border-top: 0px solid #dee2e6 !important;
}

.table thead th {
    border-bottom: 0px solid #dee2e6 !important;
}

table#repository_table {
    /* border-collapse: collapse !important;
     border-radius: 8px;
     overflow: hidden;*/
    border-spacing: 0 20px;
}

.rep_table-container {
    padding: 0 30px;
}

th.rep_30 {
    padding-left: 20px;
}

td.rep_30 {
    padding-left: 20px;
}

.repository td.rep_td_left {
    border-radius: 8px 0 0 8px;
    height: 90px;
    border-top: 1px solid #d8d6d6 !important;
    border-bottom: 1px solid #d8d6d6;
}

.repository table.dataTable.display tbody tr.odd > .sorting_1, .repository table.dataTable.display tbody tr.even > .sorting_1 {
    background: #ffffff;
}

.repository table.dataTable.display tbody tr.odd {
    background-color: #ffffff !important;
}

.repository td.rep_td_center {
    border-top: 1px solid #d8d6d6 !important;
    border-bottom: 1px solid #d8d6d6;
}

.repository td.rep_td_right {
    border-radius: 0 8px 8px 0;
    height: 90px;
    border-top: 1px solid #d8d6d6 !important;
    border-bottom: 1px solid #d8d6d6;
    border-right: 1px solid #d8d6d6 !important;
}

.repository table.dataTable thead th, table.dataTable thead td {
    border-bottom: 0px solid #111 !important;
}

table.dataTable thead .sorting:before, table.dataTable thead .sorting_asc:before, .repository table.dataTable thead .sorting_desc:before, table.dataTable thead .sorting_asc_disabled:before, table.dataTable thead .sorting_desc_disabled:before {
    left: 0.5em;
    content: "\2191";
}

table.dataTable thead .point_log_unit_image.sorting:before, table.dataTable thead .point_log_unit_image.sorting_asc:before, table.dataTable thead .point_log_unit_image.sorting_desc:before, table.dataTable thead .point_log_unit_image.sorting_asc_disabled:before, table.dataTable thead .point_log_unit_image.sorting_desc_disabled:before {
    left: 0.5em;
    content: "" !important;
}

table.dataTable thead .rep_action_th.sorting:before, table.dataTable thead .rep_action_th.sorting_asc:before, table.dataTable thead .rep_action_th.sorting_desc:before, table.dataTable thead .rep_action_th.sorting_asc_disabled:before, table.dataTable thead .rep_action_th.sorting_desc_disabled:before {
    left: 0.5em;
    content: "" !important;
}


table.dataTable thead .sorting:before, table.dataTable thead .sorting:after, table.dataTable thead .sorting_asc:before, table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting_desc:before, table.dataTable thead .sorting_desc:after, table.dataTable thead .sorting_asc_disabled:before, table.dataTable thead .sorting_asc_disabled:after, table.dataTable thead .sorting_desc_disabled:before, table.dataTable thead .sorting_desc_disabled:after {
    left: 10px;
}

table.dataTable thead .rep_action_th.sorting:after, table.dataTable thead .rep_action_th.sorting_asc:after, table.dataTable thead .rep_action_th.sorting_desc:after, table.dataTable thead .rep_action_th.sorting_asc_disabled:after, table.dataTable thead .rep_action_th.sorting_desc_disabled:after {
    left: 20px;
    content: "" !important;
}

table.dataTable thead .point_log_unit_image.sorting:after, table.dataTable thead .point_log_unit_image.sorting_asc:after, table.dataTable thead .point_log_unit_image.sorting_desc:after, table.dataTable thead .point_log_unit_image.sorting_asc_disabled:after, table.dataTable thead .point_log_unit_image.sorting_desc_disabled:after {
    left: 20px;
    content: "" !important;
}

table.dataTable thead .sorting:after, table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting_desc:after, table.dataTable thead .sorting_asc_disabled:after, table.dataTable thead .sorting_desc_disabled:after {
    left: 20px;
    content: "\2193";
}

/*.repository table.dataTable thead .sorting:before,.repository table.dataTable thead .sorting:after,.repository table.dataTable thead .sorting_asc:before,.repository table.dataTable thead .sorting_asc:after,.repository table.dataTable thead .sorting_desc:before,.repository table.dataTable thead .sorting_desc:after, table.dataTable thead .sorting_asc_disabled:before,.repository table.dataTable thead .sorting_asc_disabled:after, table.dataTable thead .sorting_desc_disabled:before, table.dataTable thead .sorting_desc_disabled:after {left:0;}*/

table.dataTable thead .sorting_asc {
    background-image: none !important;
}

table.dataTable thead .sorting {
    background-image: none !important;
}

table.dataTable thead .sorting_desc {
    background-image: none !important;
}


table.dataTable thead > tr > th.sorting_asc, table.dataTable thead > tr > th.sorting_desc, table.dataTable thead > tr > th.sorting, table.dataTable thead > tr > td.sorting_asc, table.dataTable thead > tr > td.sorting_desc, table.dataTable thead > tr > td.sorting {
    padding-left: 30px;
}

thead {
    text-transform: initial !important;
}

table.dataTable.no-footer {
    border-bottom: 0px solid #111 !important;
}

.page-template-rankings-template .dataTables_wrapper .dataTables_paginate .paginate_button.current, .page-template-rankings-template .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    border: 0px solid #ccc !important;
    color: #ffffff !important;
    background-color: #C51F3F !important;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #C51F3F), color-stop(100%, #C51F3F)) !important;
    background: -webkit-linear-gradient(top, #C51F3F 0%, #C51F3F 100%) !important;
    background: -moz-linear-gradient(top, #C51F3F 0%, #C51F3F 100%) !important;
    background: -ms-linear-gradient(top, #C51F3F 0%, #C51F3F 100%) !important;
    background: -o-linear-gradient(top, #C51F3F 0%, #C51F3F 100%) !important;
    background: var(--oppo-green) !important;
}

table.dataTable.hover tbody tr:hover, table.dataTable.display tbody tr:hover {
    background-color: #ffffff;
}

.menu_rep_news.col-12 {
    padding-left: 60px;
}

.open-folder {
    width: 27px !important;
}

.zen_point_icon {
    font-weight: 600;
    display: table-row;
}

.zen_point {
    color: #df9d19;
    display: table-cell;
}

.zen_point_icon:before {
    content: "";
    display: table-cell;
    width: 30px;
    height: 30px;
    vertical-align: middle;
    background-size: 30px 30px !important;
    position: relative;
    top: 4px;
    left: 0;
}

.point_icon:before {
    content: "";
    display: table-cell;
    width: 35px;
    height: 32px;
    vertical-align: middle;
    background-size: 35px 35px !important;
    position: relative;
    top: 7px;
}

span.step_time:before {
    content: "";
    display: inline-block;
    width: 15px;
    height: 15px;
    background-size: 15px 15px !important;
    position: relative;
    top: 3px;
    margin-right: 5px;
}

.badge_text_description .alert {
    font-size: 0.8rem
}

span.rep_type_span {
    display: inline-grid;
    margin-top: 20px;
    border-radius: 19px;
    padding: 5px 10px;
    margin-right: 3px;
}

span.rep_center_span {
    display: inline-grid;
    /* margin-top: -30px;*/
}

a.g4s_open_repository_item_button {
    display: inline-block;
    /* margin-top: -30px;*/
}

span.rep_type_span.communication {
    border: 1px solid #7af3df;
}

span.rep_type_span.problem_solving {
    border: 1px solid #D9CCC3;
}

span.rep_type_span.quality {
    border: 1px solid #C3B2D9;
}

.far, .fas {
    font-size: inherit !important;
}

.font-light {
    font-weight: 300
}

.font-medium {
    font-weight: 500
}

.font-semibold {
    font-weight: 600
}

.social_icon .fab, .social_icon .fa-brands {
    font-size: 30px;
    margin-right: 5px
}

input[type=file] {
    display: block;
    color: red;
    font-style: oblique;
}

input[type=file]::file-selector-button {
    display: none;
}

.background-type-file {
    background-color: #d2d2d2;
    color: #1058af !important;
}

h3.role_name {
    color: #002855 !important;
    font-size: 24px !important;
    font-weight: 500;
    text-transform: none;
}

.points_mp.d-flex.flex-wrap, .badge_mp.d-flex.flex-wrap, .ranking_position_mp.d-flex.flex-wrap {
    font-weight: 600;
    font-size: 2rem;
    line-height: 12px;
    color: #000;
}

.user_points_label.d-flex.flex-wrap, .user_badge_label.d-flex.flex-wrap, .user_ranking_position_label.d-flex.flex-wrap {
    font-size: 12px;
    line-height: 20px;
    font-weight: 800;
    color: #ffffff;
    text-transform: uppercase;
}


img.point_img {
    width: 70%;
    object-fit: contain;
    height: 77px;
}

img.point_img.mobile_icon_profile {
    height: 95px;
}

.margin_internal {
    margin: 0 4.5rem !important
}

.skills_row_container {
    background: #007bff;
}

span.skill_label {
    background: #002635;
    color: #ffffff;
    text-transform: uppercase;
    padding: 15px;
}

.skills_row_container {
    background: #007bff;
}

.skill_label_text {
    background: #002635;
    color: #ffffff;
    text-transform: uppercase;
    padding: 15px;
    font-weight: bold;
}

.progress_label.text-left {
    color: #fff;
    font-weight: 500;
}

.skills_row_container .progress {
    background-color: rgb(233 236 239 / 0) !important;
    border: 1px solid;
    border-radius: 25px;
}

.skills_row_container .progress-bar {
    border-radius: 25px;
}

.skills_row_container .progress.active .progress-bar {
    -webkit-transition: none !important;
    transition: none !important;
}

.progress.evaluation {
    border-color: #ffc107
}

.progress.regulatory {
    border-color: #17a2b8
}

.progress.benchmarching {
    border-color: #17a2b8
}

a.skill_link {
    color: #ffffff;
}

a.skill_link:hover {
    color: #17a2b8;
    text-decoration: none;
}

.skills_row_container {
    background: url(g4s_theme_child_images/skill_background.jpg) rgba(0, 19, 27, 0.65);
    background-position: center center;
    background-size: cover;
    background-blend-mode: multiply;
}

.badges .card-body {
    padding: unset !important;
    text-align: center;
    -webkit-box-shadow: 0px 3px 6px rgb(0 0 0 / 16%);
    -moz-box-shadow: 0px 3px 6px rgb(0 0 0 / 16%);
    box-shadow: 0px 3px 6px rgb(0 0 0 / 16%);
    border: 0px solid #ccc !important;
}

.card .card-body {
    /*background-color: #ffffff !important;*/
    margin-top: unset !important;
}

.row.m-0.badge_row_description {
    /*background: rgb(15 134 182 / 0.05);
    min-height: 60px;*/
}

.badge-description {
    /* min-height: 332px;*/
    background: white;
}

.badge_text_description {
    min-height: 80px
}

.badge_locked .badge-title, .badge_locked .badge_img, .badge_locked badge_description, .badge_locked .badge_points {
    filter: grayscale(1);
    opacity: 0.7;
}

.badge_locked .badge-description {
    background: #FAFAFA
}

.container.user-page {
    max-width: 1400px;
}

.tile_cd {
    color: rgb(255 255 255);
    position: relative;
    z-index: 1;
    text-shadow: 1px 1px 0px #ccc;
    font-family: Arial, sans-serif;
    text-align: center;
    padding: 5px;
    border-radius: 5px 5px 0 0;
    font-size: 1.3rem;
    display: block;
    background: #53BB74;
    font-weight: 100;
}

/*div#countdown {
    box-shadow: 0 1px 2px 0 rgb(1 1 1 / 40%);
    max-width: 306px;
    text-align: center;
    background: rgb(241 241 241);
    border-radius: 5px;
    margin: auto;
}*/

.countdown-label {
    color: #65584c;
    text-align: center;
    text-transform: uppercase;
    display: inline-block;
    letter-spacing: 2px;
    background: #e8e8e8;
    padding: 10px 0;
    border-radius: 0 0 5px 5px;
}

.badges .card-group .card-img-top {
    height: 200px !important;
    max-width: 200px !important;
    padding: 5px;
    object-fit: cover;
}

/*********************************************************************/
/* Bootstrap 4 Multiple Item Carousel */
/*********************************************************************/
/* medium - display 2  */
@media (min-width: 768px) {

    .postacard_row_container .carousel-inner .carousel-item-right.active,
    .postacard_row_container .carousel-inner .carousel-item-next {
        transform: translateX(50%);
    }

    .postacard_row_container .carousel-inner .carousel-item-left.active,
    .postacard_row_container .carousel-inner .carousel-item-prev {
        transform: translateX(-50%);
    }
}

/* large - display 3 */
@media (min-width: 992px) {

    .postacard_row_container .carousel-inner .carousel-item-right.active,
    .postacard_row_container .carousel-inner .carousel-item-next {
        transform: translateX(33%);
    }

    .postacard_row_container .carousel-inner .carousel-item-left.active,
    .postacard_row_container .carousel-inner .carousel-item-prev {
        transform: translateX(-33%);
    }
}

@media (max-width: 768px) {
    .postacard_row_container .carousel-inner .carousel-item > div {
        display: none;
    }

    .postacard_row_container .carousel-inner .carousel-item > div:first-child {
        display: block;
    }
}

.postacard_row_container .carousel-inner .carousel-item.active,
.postacard_row_container .carousel-inner .carousel-item-next,
.postacard_row_container .carousel-inner .carousel-item-prev {
    display: flex;
}

.postacard_row_container .carousel-inner .carousel-item-right,
.postacard_row_container .carousel-inner .carousel-item-left {
    transform: translateX(0);
}

.postacard_row_container .carousel-control-prev-icon {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyNS4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGl2ZWxsb18xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgdmlld0JveD0iMCAwIDggOCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgOCA4OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KCS5zdDB7ZmlsbDojMDI3OEE5O30NCjwvc3R5bGU+DQo8cGF0aCBjbGFzcz0ic3QwIiBkPSJNNS4yLDBsLTQsNGw0LDRsMS41LTEuNUw0LjIsNGwyLjUtMi41TDUuMiwweiIvPg0KPC9zdmc+DQo=);
}

.postacard_row_container .carousel-control-next-icon {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyNS4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGl2ZWxsb18xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgdmlld0JveD0iMCAwIDggOCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgOCA4OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KCS5zdDB7ZmlsbDojMDI3OEE5O30NCjwvc3R5bGU+DQo8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMS4yLDEuNUwzLjgsNEwxLjIsNi41TDIuOCw4bDQtNGwtNC00TDEuMiwxLjV6Ii8+DQo8L3N2Zz4NCg==);
}

.postacard_row_container a.bg-dark:focus, .postacard_row_container a.bg-dark:hover, .postacard_row_container button.bg-dark:focus, .postacard_row_container button.bg-dark:hover {
    background-color: rgb(29 33 36 / 0) !important;

}

.postacard_row_container .bg-dark {
    background-color: rgb(52 58 64 / 0) !important;
}

.postacard_row_container .postacard_box_image {
    /*padding: 15px;*/
    border: 10px solid transparent;
    background-clip: padding-box;
    background-size: contain;
    height: 514px;
    background-repeat: no-repeat;
    border-radius: 30px;
}

.postacard_box_image.template_1 {
    /*background-image: url(g4s_theme_child_images/sfondo1_front.jpg);*/
    background-color: var(--oppo-primary-blue);
}

.postacard_box_image.template_1 .postacard_name {
    color: #ffffff !important;
    font-weight: bold;
}


.postacard_box_image.template_2 {
    background-image: url(g4s_theme_child_images/sfondo2_front.jpg);
}

.postacard_box_image.template_2 .postacard_name {
    color: #000000 !important;
    font-weight: bold;
}

.postacard_box_image.template_3 {
    background-image: url(g4s_theme_child_images/sfondo3_front.jpg);
}

.postacard_box_image.template_3 .postacard_name {
    color: #ffffff !important;
    font-weight: bold;
}

/*********************************************************************/
/* End Bootstrap 4 Multiple Item Carousel */
/*********************************************************************/

.col-sm-4.badge_render.p-0 {
    border: 20px solid transparent;
    background-clip: padding-box;
}

/*********************************************************************/
/* Bootstrap 4 Card flip */
/*********************************************************************/

.card-flip {
    display: grid;
    grid-template: 1fr / 1fr;
    grid-template-areas: "frontAndBack";
    transform-style: preserve-3d;
    transition: all 0.7s ease;
}

.front {
    grid-area: frontAndBack;
}

.back {
    grid-area: frontAndBack;
    transform: rotateY(-180deg);
}

.card-container {
    display: grid;
    perspective: 700px;
}

.card-container {
    perspective: 700px;
}

.card-flip, .card-container {
    transform-style: preserve-3d;
    transition: all 0.7s ease;
}

.card-flip div {
    backface-visibility: hidden;
    transform-style: preserve-3d;
}

.back {
    transform: rotateY(-180deg);
}

.card-container:hover .card-flip {
    transform: rotateY(180deg);
}

#myModal .card {
    border: 0px solid rgba(0, 0, 0, .125);
}

#myModal .container {
    max-width: 1200px !important;
}


/*********************************************************************/
/* End Bootstrap 4 Card flip/*
/*********************************************************************/

.tasks-percent-completed .farm-goal {
    content: "" !important;
    position: relative !important;
    background-position-x: right !important;
    background-repeat: no-repeat !important;
    top: -11px !important;
    height: 43px !important;
    width: 35px !important;
    background-size: 35px 43px !important;
    float: right !important;
    right: 3px !important;
}

.tasks-percent-completed .skillPercent-img {
    top: 3px !important;
    height: 24px !important;
    width: 24px !important;
    background-size: 24px 24px !important;
    float: right !important;
    right: -44px !important;
}

.profile_skill.profile_span {
    display: none;
}

.tasks-percent-completed.completed-100 .skillPercent-img {
    right: -36px !important;
}

.tasks-container td.activity_name, .tasks-container td.task-img-ico-container {
    border-bottom: 1px solid rgb(0 0 0 / 0.2);
}

.percent {
    background: none !important;
    color: #0278a9 !important;
    font-weight: bold;
}

.task-image {
    width: 22px !important;
    float: right;
    margin-right: 25px;
}

td.image-container.dtr-control.sorting_1 {
    text-align: center;
}

table.dataTable.display tbody tr.odd > .image-container.sorting_1, table.dataTable.order-column.stripe tbody tr.odd > .image-container.sorting_1 {
    background-color: #ffffff !important;
}

#points_table_wrapper table.dataTable.display tbody tr.odd > .sorting_1, table.dataTable.order-column.stripe tbody tr.odd > .sorting_1 {
    background-color: #ffffff;
    border-bottom: 1px solid rgb(0 0 0 / 0.2) !important;

}

#points_table_wrapper table.dataTable.display tbody tr.even > .sorting_1, table.dataTable.order-column.stripe tbody tr.even > .sorting_1 {
    background-color: #ffffff;
    border-bottom: 1px solid rgb(0 0 0 / 0.2) !important;

}

#points_table_wrapper table.dataTable.row-border tbody th, table.dataTable.row-border tbody td, table.dataTable.display tbody th, table.dataTable.display tbody td {
    border-bottom: 1px solid rgb(0 0 0 / 0.2) !important;
}


#points_table_wrapper table.dataTable.stripe tbody tr.odd, table.dataTable.display tbody tr.odd {
    background-color: #ffffff !important;
    border-bottom: 1px solid rgb(0 0 0 / 0.2) !important;

}

#points_table_wrapper table.dataTable.stripe tbody tr.even, table.dataTable.display tbody tr.even {
    background-color: #ffffff !important;
    border-bottom: 1px solid rgb(0 0 0 / 0.2) !important;
}

#points_table_wrapper table.dataTable.hover tbody tr:hover, table.dataTable.display tbody tr:hover {
    background-color: #ffffff !important;
}

button.closeMissionCompleted {
    position: absolute;
    right: 0;
    top: 0;
    font-size: 40px;
}


button.closeMissionCompleted:focus {
    outline: 0;
    box-shadow: 0 0 0 0rem rgba(0, 123, 255, .25) !important;
}

button.closeMissionCompleted:hover {
    background-color: transparent !important;
    border: 1px solid transparent !important;
    color: red;
}

.master_notifiation_modal {
    background: rgb(140 232 162 / 0.4);
    border-radius: 5px 0 0 5px;
}

.master_notifiation_modal img {
    width: 270px;
    height: 270px;
}

.col-12.modal_title_container.pt-5.pb-2 {
    font-size: 24px;
    color: #00A933;
    font-weight: bold;
}

.col-12.message_complete {
    color: #00A933;
    font-weight: 400;
}

.col-12.zen_point_awards {
}

.missionCompleted.modal .modal-content {
    border: 0px solid rgba(0, 0, 0, .2);
}

.footer_mobile {
    /*position: fixed;
    bottom: 0;
    left: 0;
    padding: 20px;
    width: 100%;
    z-index: 1049;
    flex-shrink: inherit !important;
    height: 80px !important;*/
    position: fixed;
    bottom: 0;
    left: 0;
    padding-bottom: 20px !important;
    height: inherit;
}

.nav_item_mobile a img {
    width: 40px;
    filter: brightness(0) saturate(100%) invert(98%) sepia(1%) saturate(1688%) hue-rotate(180deg) brightness(74%) contrast(97%);
}

.nav_item_mobile.active a img {
    filter: brightness(0) saturate(100%) invert(71%) sepia(74%) saturate(483%) hue-rotate(78deg) brightness(101%) contrast(100%);
}


.navbar_mobile {
    position: fixed !important;
    top: 0;
    z-index: 1049;
    background: #ffffff;
    left: 0;
    width: 100%;
}


.wpml-ls-legacy-list-horizontal.wpml-ls-statics-footer {
    margin-bottom: 0px !important;
}

.content.passport {
    background: url(g4s_theme_child_images/background_login.jpg);
    /*padding-bottom:100px;*/
}

.container.ranking_container {
    background: #ffffff;
    min-height: 600px;
    max-width: 1400px;
}

.ranking_container .nav-tabs .nav-link {
    border: 1px solid #797979 !important;
    border-top-left-radius: 8px !important;
    border-top-right-radius: 8px !important;
    border-radius: 8px;
    color: rgb(0 0 0 / 85%);
}

.ranking_container .nav-tabs {
    border-bottom: 0px solid #dee2e6 !important;
    align-items: center;
    justify-content: center;
}

table#ranking_general_table thead, table#ranking_my_team_table thead {
    background: var(--oppo-primary-blue);
    color: white;
}

table#contest_ranking_table thead {
    background: var(--oppo-primary-blue);
    color: white;
}

.ranking_container table.dataTable thead th, table.dataTable thead td {
    border-bottom: 0px solid #cccccc !important
}

td.general_ranking_position, td.general_ranking_avatar {
    text-align: center
}

.ranking_container table.dataTable.display tbody tr.odd > .sorting_1, table.dataTable.order-column.stripe tbody tr.odd > .sorting_1 {
    background-color: #ffffff;
}

/*tr.ranking_1 td {
    background:rgb(255 223 0 / 0.30) !important;
}

tr.ranking_2 td {
    background: rgb(212 212 212 / 0.3) !important;
}

tr.ranking_3 td {
    background: rgb(202 93 0 / 0.3) !important;
}*/


tr.ranking_1 td .icon_award {
    color: #FFDF00;
}

tr.ranking_2 td .icon_award {
    color: #D3D3D3;
}

tr.ranking_3 td .icon_award {
    color: #CA5D00;
}

.content.video_introduction_content {
    min-height: 800px;
    background-size: cover;
}

#introduction_video .modal-dialog {

    max-width: 100% !important;

}

button#intro_button {
    float: unset;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1;
    color: #ffffff;
    text-shadow: none;
    opacity: 1;
    padding: 10px;
}

button#intro_button:focus {
    outline: 0px dotted;
    outline: 0px auto -webkit-focus-ring-color;
}

.close_introduction {
    padding: 10px;
    text-align: center;
}

.tos_content_text {
    overflow: auto;
    max-height: 600px;
}

a.navbar-brand.tos_logo {
    width: 100%;
    background-size: contain !important;
    background-repeat: no-repeat;
    background-position: left center;
    height: 41px !important;
    text-align: center;
    margin: 1rem;
}

.tos_bar {
    background: #F1F1F1;
    border-radius: 0.25rem;
}

.tos_bar .nav-link {
    color: rgb(0 0 0 / 0.85) !important;
}

.tos_bar .nav-link.active {
    font-weight: bold;
    background-color: rgb(0 123 255 / 0%) !important;
}

.false_tos_bar {
    background: #f1f1f1;
    border-radius: 0 0 0 0.25rem;
}

.button_tos_container {
    text-align: right;
}

button#decline_button {
    border: 1px solid #F81956;
    background: #ffffff;
    padding: 5px 10px;
    border-radius: 8px;
    color: #F81956;
    font-weight: 500;
}

button#accept_button {
    background: #ffffff;
    padding: 5px 10px;
    border-radius: 8px;
    font-weight: 500;
}

button#accept-terms-of-service-button, button#close_privacy_policy {
    background: #ffffff;
    border-radius: 10px;
    padding: 10px;
}

.footer_privacy_policy a, .footer_privacy_policy a:hover {
    color: #019DDD;
    text-decoration: none;
    font-weight: bold
}

.content.tos_content {
    background-size: cover;
}

.content.ass_content {
    background-size: cover;
}

.page-template-terms_of_service-template .modal-backdrop {
    background-color: rgb(0 0 0 / 0%) !important;
}

.master_title {
    color: #002855;
    text-transform: none;
    font-size: 16px;
    text-align: center;
}

.card.p-0.selected {
    border: 6px solid #009CDE;
    /*box-shadow: 1px 4px 4px rgba(0, 0, 0, 0.4);*/
}

.master_text {
    color: rgb(0 0 0 / 0.85)
}

img.card-img-top.master_img {
    border-radius: 10px 10px 0 0;
    border: 1px solid rgba(0, 0, 0, .125);
}

.card_master {
    border-radius: 16px !important
}

.master_button, .tutorial_button {
    background: var(--oppo-green);
    color: #ffffff;
    border: 0px solid #cccccc;
    border-radius: 4px;
    padding: 5px;
}

button.master_button:focus, button.tutorial_button:focus {
    outline: 0px dotted;
    outline: 0px auto -webkit-focus-ring-color;
}

button#master_btn:disabled, button#tutorial_btn:disabled {
    background: #cccccc
}

.master_seletion_title {
    color: #002855;
    font-weight: bold;
    font-size: 24px;
    text-align: center;
}

.content.master_selection_content {
    background: url(g4s_theme_child_images/sfondo_piattaforma.jpg);
    min-height: 800px;
    background-size: cover;
}

.no_active_postcards {
    /*background-size: 608px 244px !important;*/
    height: 320px !important;
    width: 608px !important;
    background-position: center bottom !important;
}

.no_active_path {
    background-size: 608px 244px !important;
    height: 320px !important;
    width: 608px !important;
    background-position: center bottom !important;
}


.no_badges {
    background-size: 608px 244px !important;
    height: 320px !important;
    width: 608px !important;
    background-position: center bottom !important;
}

.modal-dialog.modal_dialog_tutorial {
    top: 5vh !important;
}

.modal-content.modal_content_tutorial {
    border-radius: 16px;
}

.modal-content.modal_content_tutorial .modal-body {
    padding: 1.5rem !important
}

.carousel-caption.carousel_caption_tutorial {
    right: 3%;
    /* bottom: 0px; */
    top: 60%;
    left: 22%;
    max-width: 80%;
    color: #002855;
    text-align: left;
    /* padding-bottom: 0; */
    font-size: 0.9vw;
}

.carousel-caption.carousel_caption_tutorial h5 {
    font-size: 1.3vw;
}

.carousel-caption.carousel_caption_tutorial p {
    margin-bottom: 0rem;
    font-size: 0.95rem;
}

.carousel_tutorial {
    border: 1px solid #707070;
    border-radius: 16px;
    box-shadow: 0px 3px 6px rgb(0 0 0 / 0.16);
}

.carousel_tutorial img.d-block.w-100 {
    border-radius: 16px;
}

#tutorial .carousel-control-prev-icon, #general_tutorial .carousel-control-prev-icon {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMS4xMTUiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxMS4xMTUgMTgiPg0KICA8cGF0aCBpZD0iSWNvbl9tYXRlcmlhbC1uYXZpZ2F0ZS1uZXh0IiBkYXRhLW5hbWU9Ikljb24gbWF0ZXJpYWwtbmF2aWdhdGUtbmV4dCIgZD0iTTIxLjg4NSw5LDI0LDExLjExNSwxNy4xMywxOCwyNCwyNC44ODUsMjEuODg1LDI3bC05LTlaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTIuODg1IC05KSIgZmlsbD0icmdiYSgwLDAsMCwwLjc1KSIvPg0KPC9zdmc+DQo=);
}


#tutorial .carousel-control-next-icon, #general_tutorial .carousel-control-next-icon {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMS4xMTUiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxMS4xMTUgMTgiPg0KICA8cGF0aCBpZD0iSWNvbl9tYXRlcmlhbC1uYXZpZ2F0ZS1uZXh0IiBkYXRhLW5hbWU9Ikljb24gbWF0ZXJpYWwtbmF2aWdhdGUtbmV4dCIgZD0iTTE1LDlsLTIuMTE1LDIuMTE1TDE5Ljc1NSwxOGwtNi44Nyw2Ljg4NUwxNSwyN2w5LTlaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTIuODg1IC05KSIgZmlsbD0icmdiYSgwLDAsMCwwLjc1KSIvPg0KPC9zdmc+DQo=);
}

#tutorial .carousel-control-next, #tutorial .carousel-control-prev {
    position: relative;
    display: unset;
}

.disabled_control {
    opacity: 0.1 !important;
    pointer-events: none;
}

span.num {
    font-size: 25px;
    padding: 0 25px;
}

.tutorial_button {
    text-transform: uppercase;
}

.content.tutorial_content {
    min-height: 800px !important;
    background-size: cover !important;
}

.card.p-0.card_master_path {
    box-sizing: border-box;
    background-color: rgb(255 255 255 / 0);
    height: 67.5vh;
    border: none!important;
}

.card.p-0.card_master_path > .card-block {
    border: 2px solid white;
}

.card.p-0.card_master_path > .card-block:hover {
    border: 2px solid var(--oppo-light-green);
}

img.card-img-top.master_path_img.attachment-thumbnail.size-thumbnail.wp-post-image.wp-post-image {
    object-position: 0 0;
    max-height: 200px;
    width: 100%;
    height: auto;
    object-fit: cover;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

img.card-img-bottom.master_path_img {
    width: 112px !important;
    padding-bottom: 30px;
}

h4.card-title.master_path_title.py-2 {
    color: #002855;
    text-transform: none;
    font-weight: bold;
    font-size: 4vh;
}

.card_master_path a.card-block.stretched-link, h4.card-title.master_path_title {
    color: #002855 !important;
    text-transform: none;
}

.master-description {
    font-size: 1rem;
    min-height: 20vh;
    max-height: 22.5vh;
}

i.fas.fa-stopwatch.path_minutes:before {
    content: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyNy4wLjEsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGl2ZWxsb18xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgdmlld0JveD0iMCAwIDE2IDE2IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAxNiAxNjsiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4NCgkuc3Qwe2ZpbGw6IzA4ODQ4Rjt9DQo8L3N0eWxlPg0KPHBhdGggaWQ9Ikljb25fbWF0ZXJpYWwtdGltZXIiIGNsYXNzPSJzdDAiIGQ9Ik0xMC4zLDBINS43M3YxLjUzaDQuNTdWMHogTTcuMjUsOS45MWgxLjUzVjUuMzRINy4yNVY5LjkxeiBNMTMuMzYsNC44N2wxLjA4LTEuMDgNCgljLTAuMzMtMC4zOS0wLjY5LTAuNzUtMS4wNy0xLjA3TDEyLjI5LDMuOEM5LjM0LDEuNDIsNS4wMywxLjksMi42NSw0Ljg1Yy0yLjM3LDIuOTYtMS44OSw3LjI3LDEuMDUsOS42NA0KCWMyLjk2LDIuMzcsNy4yNywxLjg5LDkuNjQtMS4wNUMxNS4zNSwxMC45MywxNS4zNiw3LjM4LDEzLjM2LDQuODdMMTMuMzYsNC44N3ogTTguMDEsMTQuNDdjLTIuOTUsMC01LjMzLTIuMzktNS4zMy01LjMzDQoJczIuMzktNS4zMyw1LjMzLTUuMzNzNS4zMywyLjM5LDUuMzMsNS4zM2wwLDBDMTMuMzQsMTIuMDgsMTAuOTYsMTQuNDcsOC4wMSwxNC40N0w4LjAxLDE0LjQ3TDguMDEsMTQuNDd6Ii8+DQo8L3N2Zz4NCg==);
}

i.fas.fa-stopwatch.path_units:before {
    content: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyNy4wLjEsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGl2ZWxsb18xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgdmlld0JveD0iMCAwIDE2IDE2IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAxNiAxNjsiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4NCgkuc3Qwe2NsaXAtcGF0aDp1cmwoI1NWR0lEXzAwMDAwMDg4MTMyNjEyMjg5MzE3NTQ0NTEwMDAwMDEzNTUyNjUxNDAxMDEyNjIyNzI5Xyk7fQ0KCS5zdDF7ZmlsbDojMDg4NDhGO30NCjwvc3R5bGU+DQo8ZyBpZD0iUmFnZ3J1cHBhXzExOTA3Ij4NCgk8Zz4NCgkJPGRlZnM+DQoJCQk8cmVjdCBpZD0iU1ZHSURfMV8iIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIvPg0KCQk8L2RlZnM+DQoJCTxjbGlwUGF0aCBpZD0iU1ZHSURfMDAwMDAwMDA5MDUwMjA4NTQ1MjE3OTk5NTAwMDAwMTI2NDA5MDUzMzkwNDA0MDkwMTRfIj4NCgkJCTx1c2UgeGxpbms6aHJlZj0iI1NWR0lEXzFfIiAgc3R5bGU9Im92ZXJmbG93OnZpc2libGU7Ii8+DQoJCTwvY2xpcFBhdGg+DQoJCTxnIHN0eWxlPSJjbGlwLXBhdGg6dXJsKCNTVkdJRF8wMDAwMDAwMDkwNTAyMDg1NDUyMTc5OTk1MDAwMDAxMjY0MDkwNTMzOTA0MDQwOTAxNF8pOyI+DQoJCQk8ZyBpZD0iUmFnZ3J1cHBhXzExOTA2Ij4NCgkJCQk8cGF0aCBpZD0iVHJhY2NpYXRvXzExOTMwIiBjbGFzcz0ic3QxIiBkPSJNMTIuMjQsMS4zMkwxMS4wNywzLjdDOCwyLjIzLDUuMzgsMi43MywzLjc4LDQuOTVjLTEuNjksMi4zMy0xLjE4LDUuNTksMS4xNSw3LjI4DQoJCQkJCWMxLjc4LDEuMyw0LjE5LDEuMzMsNiwwLjA5YzIuMzEtMS41NywyLjg1LTQuMTksMS4zOC03LjM5bDIuMzMtMS4xNWMxLjgsMi4xMSwyLjExLDYuNzktMS4wMSw5Ljg5DQoJCQkJCWMtMy4xNiwzLjA4LTguMjMsMy4wMi0xMS4zMS0wLjE0Yy0yLjgzLTIuOS0zLjA0LTcuNDUtMC41LTEwLjU5QzQuNDMtMC4yLDkuMjItMC45NiwxMi4yNCwxLjMyIi8+DQoJCQkJPHBhdGggaWQ9IlRyYWNjaWF0b18xMTkzMSIgY2xhc3M9InN0MSIgZD0iTTkuNDksNS4yN0M4LjcsNS45Nyw4LjA1LDYuNTQsNy40Miw3LjEyQzYuOTQsNy40Myw2LjgsOC4wNyw3LjEyLDguNTUNCgkJCQkJQzcuMTYsOC42MSw3LjIsOC42Niw3LjI1LDguNzFjMC40NCwwLjUsMS4wNiwwLjQ1LDEuNjYtMC4xNXMxLjE3LTEuMjUsMS44LTEuOTRjMC43MywxLjMzLDAuMzcsMy0wLjg1LDMuOQ0KCQkJCQljLTEuMzgsMS4wMy0zLjM0LDAuNzQtNC4zNy0wLjY0QzQuNzQsOC44Nyw0LjY3LDcuNTEsNS4zMiw2LjQyQzYuMTEsNS4wOSw3LjYxLDQuNTksOS40OSw1LjI3Ii8+DQoJCQkJPHBhdGggaWQ9IlRyYWNjaWF0b18xMTkzMiIgY2xhc3M9InN0MSIgZD0iTTE0LjI2LDAuNTh2MS4xNGgxLjE2Yy0wLjY4LDAuNzEtMC45OSwxLjgzLTIuMjMsMS43OWMtMC4yLDAtMC40NCwwLjI0LTAuNjIsMC40Mg0KCQkJCQljLTEuMjYsMS4yNC0yLjQ5LDIuNTEtMy43NiwzLjc0QzguNSw3LjkxLDguMTUsOC4wOSw3Ljc5LDguMjRjMC4xMi0wLjM2LDAuMy0wLjcsMC41Mi0xLjAyYzEuMjItMS4yNywyLjQ5LTIuNTEsMy43NC0zLjc2DQoJCQkJCWMwLjE2LTAuMTYsMC40NC0wLjM2LDAuNDItMC41MmMtMC4xLTEuMjYsMS4wNC0xLjYzLDEuNzgtMi4zNyIvPg0KCQkJPC9nPg0KCQk8L2c+DQoJPC9nPg0KPC9nPg0KPC9zdmc+DQo=);
}

i.fas.fa-stopwatch:before {
    width: 16px;
    height: 16px;
    display: inline-block;
    vertical-align: middle;
}

i.fas.fa-stopwatch {
    background-color: var(--oppo-grey);
    padding: 10px;
    border-radius: 5px;
    color: var(--oppo-green);
}


p.map_description {
    margin: 0
}

p.card-text.master_path_text.smaller.px-2 {
    font-weight: 500;
}

p.card-text.master_path_text.px-2 {
    margin-bottom: 10px;
    line-height: 5px;
}

.container-fluid.master_path_container {
}

body {
    padding: 0 !important
}

h4.card-title.master_path_title {
    font-size: 1.5rem;
}

.content.master_path_content {
    background-size: cover;
    background-position: center bottom;
}

.g4s_nav li.nav-item.background_button {
    background-size: contain !important;
    background-repeat: no-repeat !important;
    width: 160px;
    height: 48px;
}

.g4s_nav li.nav-item.background_button {
    filter: brightness(0.6) saturate(100%) invert(100%) sepia(31%) saturate(21%) hue-rotate(160deg) brightness(113%) contrast(92%);
}

.g4s_nav li.nav-item.background_button:hover {
    filter: brightness(0.8) saturate(100%) invert(100%) sepia(31%) saturate(21%) hue-rotate(160deg) brightness(113%) contrast(92%);
}

.g4s_nav li.nav-item.background_button.active {
    filter: revert;
}

.card-block {
    background-color: #ffffff;
    box-shadow: 0px 3px 6px rgb(0 0 0 / 30%);
    border-radius: 20px;
    height: 100%;
}

.card.p-0.card_master_path {
    /*animation-duration: 2s;*/
    min-height: 25rem;
    max-height: 27rem;
}

h4.card-title.master_path_title {
    /*min-height: 90px;*/
}

li.nav-item.active {
    background-position: bottom;
    background-size: 60% 4px;
    background-repeat: no-repeat;

}


li.nav-item a:before {
    display: inline-block;
    height: 25px;
    width: 25px;
    margin-right: 10px;
    vertical-align: -5px;
}


.wpml-ls-menu-item .wpml-ls-flag {
    margin-top: 12px
}

#navbar_collapsable a.nav-link {
    color: var(--oppo-grey) !important;
}

#navbar_collapsable .nav-item.active a.nav-link, #navbar_collapsable .nav-item:hover a.nav-link {
    font-weight: bold;
    border-image: linear-gradient(to right, var(--oppo-green) 50%, transparent 50%) 100% 1;
    border-bottom: 3px solid;
}

img.avatar_img_header {
    object-fit: cover;
    border-radius: 50%;
    height: 50px;
    width: 50px;
}

.dropdown-toggle.header_menu_button::after {
    display: inline-block;
    margin-left: .3em;
    vertical-align: .255em;
    content: "";
    border-top: unset;
    border-right: unset;
    border-bottom: unset;
    border-left: unset;
    position: absolute;
    right: -10px;
    content: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNCIgaGVpZ2h0PSI4LjAwNSIgdmlld0JveD0iMCAwIDE0IDguMDA1Ij4NCiAgPHBhdGggaWQ9Ikljb25faW9uaWMtaW9zLWFycm93LWRvd24iIGRhdGEtbmFtZT0iSWNvbiBpb25pYy1pb3MtYXJyb3ctZG93biIgZD0iTTEzLjE5LDE2LjgzOGw1LjI5NC01LjNhMSwxLDAsMCwxLDEuNDEzLDAsMS4wMDksMS4wMDksMCwwLDEsMCwxLjQxN2wtNiw2YTEsMSwwLDAsMS0xLjM4LjAyOWwtNi4wNC02LjAyN2ExLDEsMCwxLDEsMS40MTMtMS40MTdaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNi4xODggLTExLjI0NikiIGZpbGw9InJnYmEoMCwwLDAsMC44NSkiLz4NCjwvc3ZnPg0K);
}

.btn-secondary.header_menu_button, .btn-secondary.header_menu_button:hover, .btn-secondary.header_menu_button:active {
    color: #000000 !important;
    background-color: rgb(108 117 125 / 0) !important;
    border-color: rgb(108 117 125 / 0) !important;
    text-align: left !important;
    font-weight: 500 !important;
}

.btn-secondary.header_menu_button:focus {
    box-shadow: 0 0 0 0rem rgba(130, 138, 145, .5) !important;
}

.zen_point_header:before {
    display: inline-block;
    height: 18px;
    width: 18px;
    margin-right: 100px;
    vertical-align: -17px;
}

.zen_point_header_canvas:before {
    zoom: 0.5 !important;
    display: inline-flex;
}

.offcanvas-points-container .zen_point_header:before {
    display: inline-block;
    height: 18px;
    width: 18px;
    margin-right: 95px;
    vertical-align: -17px;
}


/*.dropdown-menu.dropdown_menu_header {*/
/*    min-width:15rem !important;*/
/*}*/

.dropdown_menu_header .dropdown-item.active, .dropdown-item:active {
    color: #009cde !important;
    text-decoration: none;
    background-color: #ffff !important;
}

.button_notification .badge-light {
    color: #ffffff !important;
    background-color: #F81956 !important;
    /*border-radius: 50% !important;*/
}


.btn.button_notification .badge {
    position: relative;
    top: -20px !important;
    left: 17px;
}


.btn-primary.button_notification, .btn-primary.button_notification:hover, .btn-primary.button_notification:active {
    color: #fff !important;
    background-color: #ffff !important;
    border-color: #ffffff !important;
    box-shadow: -1px 1px 3px 1px rgb(0 0 0 / 0.16);
    width: 40px;
    height: 40px;
    background-position: center center;
    background-size: contain;
    margin-right: 15px;
}

.btn-primary.btn-guida, .btn-primary.btn-guida:hover, .btn-primary.btn-guida:active {
    color: #fff !important;
    background-color: #ffff !important;
    border-color: #ffffff !important;
    box-shadow: -1px 1px 3px 1px rgb(0 0 0 / 0.16);
    width: 40px;
    height: 40px;
    background-position: center center;
    background-size: contain;
    margin-right: 15px;
}

.btn-primary.btn-guida.btn-guida-mobile, .btn-primary.btn-guida.btn-guida-mobile:hover, .btn-primary.btn-guida.btn-guida-mobile:active {
    margin-right: unset !important;
}

.btn-primary.button_notification:focus {
    box-shadow: -1px 1px 3px 1px rgb(0 0 0 / 0.16);
!important;
}

.btn-primary.tn-guida:focus {
    box-shadow: -1px 1px 3px 1px rgb(0 0 0 / 0.16);
!important;
}

span.unit_span.units_not_completed {
    color: #c51f3f
}

span.unit_span.units_completed {
    color: #28a745
}

span.unit_span {
    font-size: 1.5rem;
    display: inline-block;
    margin-left: 5px;
    font-weight: bold;
    vertical-align: -2px
}

img.icon_ranking_img {
    position: relative;
    top: -20px;
}

nav.navbar.navbar-expand-lg.navbar-light.g4s_nav {
    z-index: 2;
    box-shadow: -1px 1px 3px 1px rgb(0 0 0 / 0.16);
}

.notification_container {
    position: absolute;
    width: 100%;
    background: #d8d8d8;
    top: 117px;
    left: 0;
    z-index: -1;
}

.last_news_box p {
    margin: 0;
    line-height: 18px;
}

.last_news_box {
    border-radius: 16px;
    border: 1px solid #ccc;
    padding: 10px;
    box-shadow: -1px 1px 3px 1px rgb(0 0 0 / 0.16);
}

.pur_cafeteria_header h3 {
    margin: 0;
    padding-bottom: 7px;
    position: relative;
    border-bottom: 2px solid #D0D0D0;
    text-transform: unset;
    font-size: 0.9rem;
    font-weight: bold;
}

.pur_cafeteria_header h3:before {
    position: absolute;
    height: 2px;
    content: '';
    bottom: -2px;
    left: 0;
}

.pur_cafeteria_header.latest_news_header h3:before {
    background: #0278A9;
    width: 20%;
}

.pur_cafeteria_header.popular_news_header h3:before {
    background: #EB2076;
    width: 75%;
}

.pur_cafeteria_header.pur_cafeteria_ranking_header h3:before {
    background: #FFC683;
    width: 50%;
}

.pur_cafeteria_header.latest_content_library_header h3:before {
    background: #83DAFF;
    width: 75%;
}

.news_title:before {
    display: inline-block;
    width: 20px;
    margin-right: 50px;
    vertical-align: -10px
}


.last_news_box p:nth-child(2) {
    padding-left: 70px
}

.read_more_news a {
    font-weight: 600;
}

.read_more_news a .fas {
    margin-left: 5px
}

.library_content_link_container {
    background-size: contain;
    background-position: center bottom;
    background-color: #409bd8;
    border-radius: 16px;
    box-shadow: -1px 1px 3px 1px rgb(0 0 0 / 0.16);
}

.library_content_link_box {
    position: absolute !important;
    bottom: 0;
    left: 0;
    width: 100% !important;
    border-radius: 0 0 16px 16px;
    background: rgb(0 156 222 / 0.85);
}

.library_content_link_label h3 {
    font-size: 1.5rem;
    text-transform: initial;
    color: #ffffff
}

.real_library_link {
    text-align: right;
}

.real_library_link a .fas {
    color: #ffffff !important;
    font-size: 1.5rem !important;
}

.most_popular_box {
    background-size: cover !important;
    background-repeat: no-repeat !important;
    width: 100% !important;
    height: 230px !important;
    background-position: center center !important;
    border-radius: 16px;
}

.most_popular_info {

    position: absolute !important;
    bottom: 0 !important;
    left: 0 !important;
    width: 100% !important;
    color: #ffffff !important;
}

.most_popular_box:before {

    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(to bottom, rgb(0 0 0 / 0.2), #000000);
    opacity: .6;
    border-radius: 16px
}

.most_popular_date {
    font-size: 0.7rem
}

.latest_content_library_box {
    background-size: cover !important;
    background-repeat: no-repeat !important;
    width: 100% !important;
    height: 140px !important;
    background-position: center center !important;
    border-radius: 16px;
}

.latest_content_library_info {
    font-size: 0.9rem;
    color: #002855;
    text-decoration: none;
}

a.latest_content_library_link_box:hover {
    text-decoration: none;
}

.latest_content_library_title {
    font-weight: 600;
}

a.btn.view_all_news {
    border-radius: 0 !important;
    font-size: 0.9rem;
    padding: 10px;
}

.repository a.btn.view_all_news .fas {
    color: #ffffff !important
}

.content_item_zen_points {
    position: absolute !important;
    bottom: 0 !important;
    left: 0 !important;
    width: 100% !important;
}

.content_item_zen_points span.award_points {
    color: #fff;
    background: rgb(0 40 85 / 0.85);
    border-radius: 16px;
    font-size: 12px;
    padding: 5px;
    text-align: center !important;
}

.content_item_zen_points span.award_points:before {
    display: inline-block;
    height: 12px;
    width: 12px;
    content: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyNS4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGl2ZWxsb18xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgdmlld0JveD0iMCAwIDI0IDI0IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAyNCAyNDsiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4NCgkuT21icmFfeDAwMjBfZXN0ZXJuYXtmaWxsOm5vbmU7fQ0KCS5CYWdsaW9yZV94MDAyMF9lc3Rlcm5vX3gwMDIwXzVfeDAwMjBfcHR7ZmlsbDpub25lO30NCgkuTmVvbl94MDAyMF9ibHV7ZmlsbDpub25lO3N0cm9rZTojOEFBQ0RBO3N0cm9rZS13aWR0aDo3O3N0cm9rZS1saW5lY2FwOnJvdW5kO3N0cm9rZS1saW5lam9pbjpyb3VuZDt9DQoJLkNyb21hdG9feDAwMjBfZXZpZGVuel94MDAyRV97ZmlsbDp1cmwoI1NWR0lEXzFfKTtzdHJva2U6I0ZGRkZGRjtzdHJva2Utd2lkdGg6MC4zNjI5O3N0cm9rZS1taXRlcmxpbWl0OjE7fQ0KCS5KaXZlX0dTe2ZpbGw6I0ZGREQwMDt9DQoJLkFseXNzYV9HU3tmaWxsOiNBNkQwRTQ7fQ0KCS5zdDB7ZmlsbDojRkZENTAwO30NCgkuc3Qxe2ZpbGw6bm9uZTtzdHJva2U6I0ZGQ0MwMDtzdHJva2Utd2lkdGg6Mjt9DQoJLnN0MntmaWxsOiNGRjkyMDA7fQ0KCS5zdDN7ZmlsbDpub25lO3N0cm9rZTojRkZFNjAwO3N0cm9rZS13aWR0aDowLjU7fQ0KCS5zdDR7ZmlsbDojRkZFNjAwO30NCjwvc3R5bGU+DQo8bGluZWFyR3JhZGllbnQgaWQ9IlNWR0lEXzFfIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAiIHkxPSIwIiB4Mj0iNi4xMjMyMzRlLTE3IiB5Mj0iLTEiPg0KCTxzdG9wICBvZmZzZXQ9IjAiIHN0eWxlPSJzdG9wLWNvbG9yOiM2NTY1NjUiLz4NCgk8c3RvcCAgb2Zmc2V0PSIwLjYxOCIgc3R5bGU9InN0b3AtY29sb3I6IzFCMUIxQiIvPg0KCTxzdG9wICBvZmZzZXQ9IjAuNjI5MiIgc3R5bGU9InN0b3AtY29sb3I6IzU0NTQ1NCIvPg0KCTxzdG9wICBvZmZzZXQ9IjAuOTgzMSIgc3R5bGU9InN0b3AtY29sb3I6IzNFM0UzRSIvPg0KPC9saW5lYXJHcmFkaWVudD4NCjxnIGlkPSJSYWdncnVwcGFfMzE4Ni00Ij4NCgk8Y2lyY2xlIGlkPSJFbGxpc3NlXzktMyIgY2xhc3M9InN0MCIgY3g9IjEyIiBjeT0iMTIiIHI9IjExLjciLz4NCgk8ZyBpZD0iRWxsaXNzZV83LTMiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAgMC40ODQpIj4NCgkJPGNpcmNsZSBjbGFzcz0ic3QwIiBjeD0iMTIiIGN5PSIxMS41IiByPSIxMS43Ii8+DQoJCTxjaXJjbGUgY2xhc3M9InN0MSIgY3g9IjEyIiBjeT0iMTEuNSIgcj0iMTAuNyIvPg0KCTwvZz4NCgk8Y2lyY2xlIGlkPSJFbGxpc3NlXzgtMyIgY2xhc3M9InN0MiIgY3g9IjEyIiBjeT0iMTIiIHI9IjguNyIvPg0KCTxnIGlkPSJnMjk5My0zIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxOC4yOCAxOC40NjUpIHJvdGF0ZSgxODApIj4NCgkJPGVsbGlwc2UgaWQ9ImNpcmNsZTQtMyIgY2xhc3M9InN0MyIgY3g9IjYuMyIgY3k9IjYuNyIgcng9IjYiIHJ5PSI2Ii8+DQoJCTxnIGlkPSJnNi0zIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwKSI+DQoJCQk8cGF0aCBpZD0icGF0aDgtMyIgY2xhc3M9InN0NCIgZD0iTTYuMSwwLjdjLTEuNiwwLTMsMS40LTIuOSwzYzAsMCwwLDAsMCwwYzAsMS42LDEuMywzLDIuOSwzYzAsMCwwLDAsMCwwYzEuNywwLjEsMywxLjUsMi45LDMuMQ0KCQkJCWMtMC4xLDEuNi0xLjMsMi44LTIuOSwyLjljLTMuMywwLTUuOS0yLjctNS45LTZjMCwwLDAsMCwwLDBDMC4xLDMuNCwyLjgsMC43LDYuMSwwLjcgTTYuMSw4LjljLTAuNCwwLTAuOCwwLjMtMC44LDAuOA0KCQkJCXMwLjMsMC44LDAuOCwwLjhjMC40LDAsMC44LTAuMywwLjgtMC44YzAsMCwwLDAsMCwwQzYuOCw5LjIsNi41LDguOSw2LjEsOC45QzYuMSw4LjksNi4xLDguOSw2LjEsOC45Ii8+DQoJCQk8Y2lyY2xlIGlkPSJjaXJjbGUxMC0zIiBjbGFzcz0ic3Q0IiBjeD0iNS44IiBjeT0iMy44IiByPSIwLjciLz4NCgkJPC9nPg0KCTwvZz4NCjwvZz4NCjwvc3ZnPg0K);
}

.row.last_news_container {
    font-size: 0.9rem;
}

.news_item.read_more_news {
    float: right;
}

.last_news_date_more {
    padding-left: 70px !important;
}

.most_popular_title {
    font-size: 0.8rem;
    font-weight: bold;
}

.news_image.p-0 {
    background-size: cover !important;
    background-position: center center !important;
    height: 250px;
    border-radius: 16px;
}

.news_page_header.text-left h3 {
    text-transform: initial;
    font-size: 1.4rem;
    color: var(--oppo-primary-blue);
    font-weight: bold;
}

.news_filter_button .filter-button.btn-default {
    /*border:1px solid #118b96 important;*/
    color: var(--oppo-green) !important;
    margin-right: 10px !important;
    text-transform: capitalize !important;
    font-weight: 500 !important;
    background-color: #ffffff !important;
}

.news_filter_button .filter-button.btn-primary {
    /*border:1px solid #009cde !important;*/
    color: #ffffff !important;
    margin-right: 10px !important;
    text-transform: capitalize !important;
    font-weight: 500 !important;
    background-color: #009cde !important;
}


.news_filter_button .filter-button.btn-default:focus {
    box-shadow: 0 0 0 0rem rgba(0, 123, 255, .25) !important;
    background-color: var(--oppo-green) !important;
    color: #ffffff !important;
}


.news_title a {
    color: #118b96
}

.page-template-news li.nav-item.pur_cafeteria_menu {
    background-image: linear-gradient(to right, #009cde 80px, rgba(255, 255, 255, 0) 0px), linear-gradient(to left, #000 0, rgba(255, 255, 255, 0) 0px);
    background-position: bottom;
    background-size: 30% 3px;
    background-repeat: no-repeat;
}


.page-template-news li.nav-item.pur_cafeteria_menu a:before, .single-post li.nav-item.pur_cafeteria_menu a:before {
    content: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyNS4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGl2ZWxsb18xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgdmlld0JveD0iMCAwIDE3LjkgMTkuOSIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMTcuOSAxOS45OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KCS5zdDB7ZmlsbDpub25lO3N0cm9rZTojMDA5Q0RFO3N0cm9rZS13aWR0aDoyO3N0cm9rZS1saW5lY2FwOnJvdW5kO3N0cm9rZS1saW5lam9pbjpyb3VuZDt9DQoJLnN0MXtmaWxsOm5vbmU7c3Ryb2tlOiMwMDlDREU7c3Ryb2tlLWxpbmVjYXA6cm91bmQ7fQ0KPC9zdHlsZT4NCjxnIGlkPSJSYWdncnVwcGFfMzEzMCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMSAwLjcwNykiPg0KCTxwYXRoIGlkPSJUcmFjY2lhdG9fMTkwIiBjbGFzcz0ic3QwIiBkPSJNMTIuMSw4LjNoMC44YzEuNywwLDMsMS40LDMsM3MtMS40LDMtMywzaC0wLjgiLz4NCgk8cGF0aCBpZD0iVHJhY2NpYXRvXzE5MSIgY2xhc3M9InN0MCIgZD0iTTAsOC4zaDEyLjF2Ni44YzAsMS43LTEuNCwzLTMsM0gzYy0xLjcsMC0zLTEuNC0zLTNWOC4zeiIvPg0KCTxwYXRoIGlkPSJUcmFjY2lhdG9fMTk1IiBjbGFzcz0ic3QxIiBkPSJNMi43LDYuMmMwLDAtMS42LTEuMy0wLjMtMi4zczAtMi4yLDAtMi4yIi8+DQoJPHBhdGggaWQ9IlRyYWNjaWF0b18xOTYiIGNsYXNzPSJzdDEiIGQ9Ik02LjUsNi4yYzAsMC0yLjItMS44LTAuNS0zLjFTNiwwLDYsMCIvPg0KCTxwYXRoIGlkPSJUcmFjY2lhdG9fMTk3IiBjbGFzcz0ic3QxIiBkPSJNMTAsNi4yYzAsMC0xLjEtMC45LTAuMi0xLjZzMC0xLjUsMC0xLjUiLz4NCjwvZz4NCjwvc3ZnPg0K);
}


.page-template-news #navbar_collapsable .nav-item.pur_cafeteria_menu a.nav-link, .single-post #navbar_collapsable .nav-item.pur_cafeteria_menu a.nav-link {
    color: #009cde !important;
    font-weight: bold;
}

.page-template-news li.nav-item.pur_cafeteria_menu, .single-post li.nav-item.pur_cafeteria_menu {
    background-image: linear-gradient(to right, #009cde 80px, rgba(255, 255, 255, 0) 0px), linear-gradient(to left, #000 0, rgba(255, 255, 255, 0) 0px) !important;
    background-position: bottom !important;
    background-size: 30% 3px !important;
    background-repeat: no-repeat !important;
}


.page-template-news li.nav-item.pur_cafeteria_menu a:before, .single-post li.nav-item.pur_cafeteria_menu a:before {
    content: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyNS4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGl2ZWxsb18xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgdmlld0JveD0iMCAwIDE3LjkgMTkuOSIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMTcuOSAxOS45OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KCS5zdDB7ZmlsbDpub25lO3N0cm9rZTojMDA5Q0RFO3N0cm9rZS13aWR0aDoyO3N0cm9rZS1saW5lY2FwOnJvdW5kO3N0cm9rZS1saW5lam9pbjpyb3VuZDt9DQoJLnN0MXtmaWxsOm5vbmU7c3Ryb2tlOiMwMDlDREU7c3Ryb2tlLWxpbmVjYXA6cm91bmQ7fQ0KPC9zdHlsZT4NCjxnIGlkPSJSYWdncnVwcGFfMzEzMCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMSAwLjcwNykiPg0KCTxwYXRoIGlkPSJUcmFjY2lhdG9fMTkwIiBjbGFzcz0ic3QwIiBkPSJNMTIuMSw4LjNoMC44YzEuNywwLDMsMS40LDMsM3MtMS40LDMtMywzaC0wLjgiLz4NCgk8cGF0aCBpZD0iVHJhY2NpYXRvXzE5MSIgY2xhc3M9InN0MCIgZD0iTTAsOC4zaDEyLjF2Ni44YzAsMS43LTEuNCwzLTMsM0gzYy0xLjcsMC0zLTEuNC0zLTNWOC4zeiIvPg0KCTxwYXRoIGlkPSJUcmFjY2lhdG9fMTk1IiBjbGFzcz0ic3QxIiBkPSJNMi43LDYuMmMwLDAtMS42LTEuMy0wLjMtMi4zczAtMi4yLDAtMi4yIi8+DQoJPHBhdGggaWQ9IlRyYWNjaWF0b18xOTYiIGNsYXNzPSJzdDEiIGQ9Ik02LjUsNi4yYzAsMC0yLjItMS44LTAuNS0zLjFTNiwwLDYsMCIvPg0KCTxwYXRoIGlkPSJUcmFjY2lhdG9fMTk3IiBjbGFzcz0ic3QxIiBkPSJNMTAsNi4yYzAsMC0xLjEtMC45LTAuMi0xLjZzMC0xLjUsMC0xLjUiLz4NCjwvZz4NCjwvc3ZnPg0K) !important;
}


.page-template-news #navbar_collapsable .nav-item.pur_cafeteria_menu a.nav-link, .single-post #navbar_collapsable .nav-item.pur_cafeteria_menu a.nav-link {
    color: #009cde !important;
    font-weight: bold !important;
}

.container.news_template {
    background: #fff;
}


.menu_rep_news.col-12 .fas {
    color: #ffffff;
    margin-right: 5px
}

.single_news_image img {
    object-fit: contain;
    width: 100%;
    height: auto;
}

.lastest_news_content {
    max-height: 300px;
    overflow-y: scroll;
}

.more_post_title {
    font-size: 0.9rem
}

.more_post_image {
    background-size: cover !important;
    width: 100%;
    height: 65px;
    border-radius: 0px !important;
}

.single_news_page_header h3 {
    text-transform: initial !important
}

.img-fluid.other_post_img {
    width: 100%;
    height: 200px !important;
    object-fit: cover;
}

.other_post_title {
    font-size: 14px;
    font-weight: bold;
    color: #002855;
    min-height: 42px
}

.other_post_date {
    font-size: 13px;
    color: #000000;
}

.carousel-item a:hover {
    text-decoration: none;
}


/* Ranking table cafeteria */

.pur_cafeteria_ranking_container #ranking_general_table_length {
    display: none;
}

.pur_cafeteria_ranking_container #ranking_general_table_filter {
    display: none;
}

.pur_cafeteria_ranking_container .general_ranking_header {
    display: none;
}

.pur_cafeteria_ranking_container i.far.fa-star {
    display: none;
}

.pur_cafeteria_ranking_container thead {
    display: none
}

.pur_cafeteria_ranking_container .table.dataTable tbody th, table.dataTable tbody td {
    padding: 15px 10px !important
}

.pur_cafeteria_ranking_container td.general_ranking_position.dtr-control.sorting_1 {
    display: none;
}

.pur_cafeteria_ranking_container td.general_ranking_avatar {
    display: none;
}

.pur_cafeteria_ranking_container td.general_ranking_Points {
    text-align: right;
    font-size: 1rem !important;
}

.pur_cafeteria_ranking_container .award_points {
    font-size: inherit;
}

.pur_cafeteria_ranking_container .fa, .pur_cafeteria_ranking_container .fab, .pur_cafeteria_ranking_container .fas {
    display: none
}


.pur_cafeteria_ranking_container table.dataTable.display tbody td {
    border-bottom: 0px solid rgb(0 0 0 / 0.2) !important;
}


.pur_cafeteria_ranking_container tr.ranking_1 td, tr.ranking_2 td, tr.ranking_3 td {
    background: rgb(255 223 0 / 0) !important;
}

.pur_cafeteria_ranking_container table.dataTable.display tbody td {
    border-top: 0px solid #ddd;
}

.pur_cafeteria_ranking_container div#ranking_general_table_info {
    display: none
}

.pur_cafeteria_ranking_container div#ranking_general_table_paginate {
    display: none
}


.pur_cafeteria_ranking_container .award_points:before {
    display: inline-block;
    height: 18px;
    width: 18px;
    margin-right: 5px;
    content: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyNS4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGl2ZWxsb18xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgdmlld0JveD0iMCAwIDI0IDI0IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAyNCAyNDsiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4NCgkuT21icmFfeDAwMjBfZXN0ZXJuYXtmaWxsOm5vbmU7fQ0KCS5CYWdsaW9yZV94MDAyMF9lc3Rlcm5vX3gwMDIwXzVfeDAwMjBfcHR7ZmlsbDpub25lO30NCgkuTmVvbl94MDAyMF9ibHV7ZmlsbDpub25lO3N0cm9rZTojOEFBQ0RBO3N0cm9rZS13aWR0aDo3O3N0cm9rZS1saW5lY2FwOnJvdW5kO3N0cm9rZS1saW5lam9pbjpyb3VuZDt9DQoJLkNyb21hdG9feDAwMjBfZXZpZGVuel94MDAyRV97ZmlsbDp1cmwoI1NWR0lEXzFfKTtzdHJva2U6I0ZGRkZGRjtzdHJva2Utd2lkdGg6MC4zNjI5O3N0cm9rZS1taXRlcmxpbWl0OjE7fQ0KCS5KaXZlX0dTe2ZpbGw6I0ZGREQwMDt9DQoJLkFseXNzYV9HU3tmaWxsOiNBNkQwRTQ7fQ0KCS5zdDB7ZmlsbDojRkZENTAwO30NCgkuc3Qxe2ZpbGw6bm9uZTtzdHJva2U6I0ZGQ0MwMDtzdHJva2Utd2lkdGg6Mjt9DQoJLnN0MntmaWxsOiNGRjkyMDA7fQ0KCS5zdDN7ZmlsbDpub25lO3N0cm9rZTojRkZFNjAwO3N0cm9rZS13aWR0aDowLjU7fQ0KCS5zdDR7ZmlsbDojRkZFNjAwO30NCjwvc3R5bGU+DQo8bGluZWFyR3JhZGllbnQgaWQ9IlNWR0lEXzFfIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAiIHkxPSIwIiB4Mj0iNi4xMjMyMzRlLTE3IiB5Mj0iLTEiPg0KCTxzdG9wICBvZmZzZXQ9IjAiIHN0eWxlPSJzdG9wLWNvbG9yOiM2NTY1NjUiLz4NCgk8c3RvcCAgb2Zmc2V0PSIwLjYxOCIgc3R5bGU9InN0b3AtY29sb3I6IzFCMUIxQiIvPg0KCTxzdG9wICBvZmZzZXQ9IjAuNjI5MiIgc3R5bGU9InN0b3AtY29sb3I6IzU0NTQ1NCIvPg0KCTxzdG9wICBvZmZzZXQ9IjAuOTgzMSIgc3R5bGU9InN0b3AtY29sb3I6IzNFM0UzRSIvPg0KPC9saW5lYXJHcmFkaWVudD4NCjxnIGlkPSJSYWdncnVwcGFfMzE4Ni00Ij4NCgk8Y2lyY2xlIGlkPSJFbGxpc3NlXzktMyIgY2xhc3M9InN0MCIgY3g9IjEyIiBjeT0iMTIiIHI9IjExLjciLz4NCgk8ZyBpZD0iRWxsaXNzZV83LTMiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAgMC40ODQpIj4NCgkJPGNpcmNsZSBjbGFzcz0ic3QwIiBjeD0iMTIiIGN5PSIxMS41IiByPSIxMS43Ii8+DQoJCTxjaXJjbGUgY2xhc3M9InN0MSIgY3g9IjEyIiBjeT0iMTEuNSIgcj0iMTAuNyIvPg0KCTwvZz4NCgk8Y2lyY2xlIGlkPSJFbGxpc3NlXzgtMyIgY2xhc3M9InN0MiIgY3g9IjEyIiBjeT0iMTIiIHI9IjguNyIvPg0KCTxnIGlkPSJnMjk5My0zIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxOC4yOCAxOC40NjUpIHJvdGF0ZSgxODApIj4NCgkJPGVsbGlwc2UgaWQ9ImNpcmNsZTQtMyIgY2xhc3M9InN0MyIgY3g9IjYuMyIgY3k9IjYuNyIgcng9IjYiIHJ5PSI2Ii8+DQoJCTxnIGlkPSJnNi0zIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwKSI+DQoJCQk8cGF0aCBpZD0icGF0aDgtMyIgY2xhc3M9InN0NCIgZD0iTTYuMSwwLjdjLTEuNiwwLTMsMS40LTIuOSwzYzAsMCwwLDAsMCwwYzAsMS42LDEuMywzLDIuOSwzYzAsMCwwLDAsMCwwYzEuNywwLjEsMywxLjUsMi45LDMuMQ0KCQkJCWMtMC4xLDEuNi0xLjMsMi44LTIuOSwyLjljLTMuMywwLTUuOS0yLjctNS45LTZjMCwwLDAsMCwwLDBDMC4xLDMuNCwyLjgsMC43LDYuMSwwLjcgTTYuMSw4LjljLTAuNCwwLTAuOCwwLjMtMC44LDAuOA0KCQkJCXMwLjMsMC44LDAuOCwwLjhjMC40LDAsMC44LTAuMywwLjgtMC44YzAsMCwwLDAsMCwwQzYuOCw5LjIsNi41LDguOSw2LjEsOC45QzYuMSw4LjksNi4xLDguOSw2LjEsOC45Ii8+DQoJCQk8Y2lyY2xlIGlkPSJjaXJjbGUxMC0zIiBjbGFzcz0ic3Q0IiBjeD0iNS44IiBjeT0iMy44IiByPSIwLjciLz4NCgkJPC9nPg0KCTwvZz4NCjwvZz4NCjwvc3ZnPg0K);
    vertical-align: -3px;
}

.pur_cafeteria_ranking_container td {
    padding: 10px
}

/* end ranking table cafeteria */

/*********************************************************************/
/* MAP /*
/*********************************************************************/

#map {
    margin: 0 !important;
    /*aggiunto colore di sfondo per mare mappa marelli*/
    background-color: #000000 !important;
}

/* Purchasing Fundamentals*/

.unit-title {
    border-radius: 8px;
    background-color: #ffffff !important;
    min-width: 200px;
    padding-left: 43px !important;
}

.percent-completed .skillPercent {
    background-color: #0091D9 !important;
    margin: 0 !important;
}

.percent-completed {
    height: 30px;
    background: #d2d2d2;
    border-radius: 0 0 10px 0;
}

.percent-completed .skillPercent {
    background-color: #00d679 !important;
    margin: 0 !important;
    height: 30px;
    /*left: 18px !important;*/
}

/*.goal_marker_label.g4s_unactive .goal-image, .goal_marker_label.g4s_unactive .goal-data {

    zoom:0.6;
    margin-top:30px !important;
    margin-left:60px !important

}

.goal_marker_label.g4s_unactive .goal-image {
    -moz-transform: scale(0.6);
}


.goal_marker_label.g4s_unactive .goal-data {
    -moz-transform: scale(0.6);
    -moz-transform-origin: -75px;
}

.goal_marker.g4s_unactive:not(.completed) button.customImgMarker.missionsButton.btn {
    -moz-transform: scale(0.6);
    -moz-transform-origin: 0px;
}*/

.activity_marker.g4s_unactive .customImgMarker {
    filter: grayscale(100%);
    opacity: 0.5;
}

.percent {
    margin-right: 5px !important;
    display: block;
    color: #ffffff !important;
    height: 30px;
    text-align: right;
    position: relative;
    font-size: 1rem;
    right: -40px;
    top: 8px;
    font-family: inherit !important;
}

.unit-title p {
    margin: 0 !important
}


.unit_description p {
    margin: 0 !important;
    font-family: 'Montserrat', sans-serif !important;
    padding-right: 10px;
    line-height: unset !important;
    font-size: inherit !important;
}

.unit_description span {
    padding-right: 10px !important;
    display: inline-block v;
    line-height: unset !important;
    font-size: inherit !important;
    margin: 0 !important;
    font-family: 'Montserrat', sans-serif !important;
}

.checked-if-done {
    background-image: url(img/checked-if-done.png);
    width: 87px;
    display: inline-block;
    height: 100%;
    background-size: 46px;
    background-repeat: no-repeat;
    margin: 0 !important;
}

i.fas.fa-search.display-search {
    position: absolute;
    z-index: 1000;
}

.teaching_activity .stationLabel_img img {
    display: none
}

/*.activity {line-height:unset !important}*/

.map_page #navbar_collapsable .master_path_menu a.nav-link {
    color: #009cde !important;
    font-weight: bold;
}

.map_page li.nav-item.master_path_menu.master_path_menu a:before {
    content: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyNS4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGl2ZWxsb18xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgdmlld0JveD0iMCAwIDQzIDQzIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA0MyA0MzsiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4NCgkuT21icmFfeDAwMjBfZXN0ZXJuYXtmaWxsOm5vbmU7fQ0KCS5CYWdsaW9yZV94MDAyMF9lc3Rlcm5vX3gwMDIwXzVfeDAwMjBfcHR7ZmlsbDpub25lO30NCgkuTmVvbl94MDAyMF9ibHV7ZmlsbDpub25lO3N0cm9rZTojOEFBQ0RBO3N0cm9rZS13aWR0aDo3O3N0cm9rZS1saW5lY2FwOnJvdW5kO3N0cm9rZS1saW5lam9pbjpyb3VuZDt9DQoJLkNyb21hdG9feDAwMjBfZXZpZGVuel94MDAyRV97ZmlsbDp1cmwoI1NWR0lEXzFfKTtzdHJva2U6I0ZGRkZGRjtzdHJva2Utd2lkdGg6MC4zNjI5O3N0cm9rZS1taXRlcmxpbWl0OjE7fQ0KCS5KaXZlX0dTe2ZpbGw6I0ZGREQwMDt9DQoJLkFseXNzYV9HU3tmaWxsOiNBNkQwRTQ7fQ0KCS5zdDB7ZmlsbDojMDA5Q0RFO2VuYWJsZS1iYWNrZ3JvdW5kOm5ldyAgICA7fQ0KPC9zdHlsZT4NCjxsaW5lYXJHcmFkaWVudCBpZD0iU1ZHSURfMV8iIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCIgeTE9IjAiIHgyPSI2LjEyMzIzNGUtMTciIHkyPSItMSI+DQoJPHN0b3AgIG9mZnNldD0iMCIgc3R5bGU9InN0b3AtY29sb3I6IzY1NjU2NSIvPg0KCTxzdG9wICBvZmZzZXQ9IjAuNjE4IiBzdHlsZT0ic3RvcC1jb2xvcjojMUIxQjFCIi8+DQoJPHN0b3AgIG9mZnNldD0iMC42MjkyIiBzdHlsZT0ic3RvcC1jb2xvcjojNTQ1NDU0Ii8+DQoJPHN0b3AgIG9mZnNldD0iMC45ODMxIiBzdHlsZT0ic3RvcC1jb2xvcjojM0UzRTNFIi8+DQo8L2xpbmVhckdyYWRpZW50Pg0KPHBhdGggaWQ9Ikljb25faW9uaWMtbWQtZ2xvYmUiIGNsYXNzPSJzdDAiIGQ9Ik0yMS41LDBDOS42LDAsMCw5LjYsMCwyMS41UzkuNiw0MywyMS41LDQzUzQzLDMzLjQsNDMsMjEuNWwwLDBDNDMsOS42LDMzLjQsMCwyMS41LDANCgl6IE0xOS4zLDM5LjhDOS4yLDM4LjYsMiwyOS40LDMuMiwxOS4zYzAuNC0zLjYsMS45LTcsNC4zLTkuN2MwLjEsMC45LDAuMywxLjgsMC4yLDIuNWMtMC4yLDIuNS0wLjQsNCwxLDYuMWMwLjYsMC44LDAuNywyLDEsMi45DQoJYzAuMywwLjksMS4zLDEuNCwyLjEsMmMxLjUsMS4xLDIuOSwyLjUsNC41LDMuNWMxLDAuNywxLjcsMSwxLjQsMi4zYy0wLjIsMS0wLjMsMS42LTAuOCwyLjZjLTAuMiwwLjMsMC42LDIuMSwwLjksMi4zDQoJYzAuOCwwLjgsMS41LDEuNSwyLjQsMi4yQzIxLjMsMzYuOCwxOS45LDM4LjIsMTkuMywzOS44eiBNMzQuNSwzNC41Yy0yLjYsMi42LTUuOSw0LjQtOS42LDUuMWMwLjUtMS4yLDEuMy0yLjIsMi4zLTMNCgljMC44LTAuNywxLjUtMS41LDItMi41YzAuNC0wLjgsMC45LTEuNiwxLjQtMi40YzAuNy0xLjEtMS44LTIuOC0yLjYtMy4yYy0xLjgtMC44LTMuMi0xLjktNC45LTNjLTEuMi0wLjgtMy41LDAuNC00LjktMC4xDQoJYy0xLjgtMC44LTMuMy0yLjItNC45LTMuM2MtMS42LTEuMi0xLjUtMi42LTEuNS00LjRjMS4zLDAsMy4xLTAuNCwzLjksMC43YzAuMywwLjMsMS4yLDEuOCwxLjgsMS4zYzAuNS0wLjQtMC40LTIuMS0wLjUtMi41DQoJYy0wLjUtMS4yLDEuMi0xLjcsMi0yLjVjMS4xLTEuMSwzLjYtMi44LDMuNC0zLjVjLTAuMi0wLjgtMi40LTIuOS0zLjctMi42Yy0wLjIsMC4xLTEuOSwxLjktMi4zLDIuMmMwLTAuNiwwLTEuMiwwLTEuOA0KCWMwLTAuNC0wLjctMC44LTAuNy0xQzE1LjksNy4xLDE3LjYsNiwxOCw1LjVjLTAuMy0wLjItMS4zLTEuMS0xLjYtMC45Yy0wLjcsMC4zLTEuNiwwLjUtMi4zLDAuOGMwLTAuMiwwLTAuNS0wLjEtMC43DQoJYzEuNS0wLjcsMy4xLTEuMSw0LjctMS40bDEuNSwwLjZsMSwxLjJsMSwxLjFsMC45LDAuM2wxLjQtMS4zbC0wLjQtMVYzLjNDMjcsMy43LDI5LjcsNC43LDMyLDYuM2MtMC40LDAtMC45LDAuMS0xLjQsMC4yDQoJYy0wLjItMC4xLTAuNS0wLjItMC43LTAuM2MwLjcsMS41LDEuNCwyLjksMi4xLDQuM2MwLjgsMS41LDIuNSwzLjIsMi44LDQuOGMwLjQsMS45LDAuMSwzLjYsMC4zLDUuOWMwLjIsMi4yLDIuNCw0LjYsMi40LDQuNg0KCWMwLjYsMC4yLDEuMywwLjMsMS45LDAuMkMzOC42LDI5LjMsMzYuOSwzMi4yLDM0LjUsMzQuNXoiLz4NCjwvc3ZnPg0K);
}

/* Internettopoli*/

@media only screen and (max-width: 480px) {
    .goal_marker_label_mobile .circle-chart {
        width: 59px !important;;
        height: 59px !important;;
        margin-top: -2px !important;;
        display: inline-block !important;;
    }
}

.goal_marker_label .goal-image.Missione {
    padding: 0
}

.percent-completed span.percent {
    right: 0px;
    color: #ffffff !important;
}

.goal_marker_label.g4s_unactive {
    opacity: 1 !important;
    position: absolute !important;
    z-index: 100000000 !important;
}


.goal-data {
    top: 22px !important;
    left: 42px !important;
    animation: bounceInDown; /* referring directly to the animation's @keyframe declaration */
    animation-duration: 3s; /* don't forget to set a duration! */
}

/*.goal-image{
    top:-37px !important;
    left:-70px !important;
    animation: bounceInDown; !* referring directly to the animation's @keyframe declaration *!
    animation-duration: 3s; !* don't forget to set a duration! *!
}*/

/*.unit-image img {
    width: 120px !important;
}*/

.g4s_unactive .goal-image img {
    filter: grayscale(100%);
}


/*.goal_marker_label.completed .stationLabel_img img {display:none}

.goal_marker_label.g4s_unactive .stationLabel_img img {display:none}

.goal_marker_label .stationLabel_img img {display:none}*/


.goal_marker.g4s_unactive:not(.completed) button.customImgMarker.missionsButton.btn {
    filter: grayscale(100%);
    opacity: 0.5;
}


.goal_marker_label.g4s_active:not(.completed) {
    animation: float 2s infinite ease;
    margin: 0;

}

.leaflet-pane {
    z-index: 0 !important;
}

.paths-container .carousel-item .title-container h3, .badges-container .carousel-item .title-container h3 {
    font-size: 25px;
    color: #212121;
    font-weight: bold;
    padding: 16px;
    line-height: 25px !important;
}

.content.page_404_contant {
    background: url(g4s_theme_child_images/404_sfondo.jpg) no-repeat;
    background-size: cover;
    min-height: 600px;
}

p.title_404 {
    font-size: 10rem;
    font-weight: bold;
    color: #ffffff;
    line-height: 1;
}

p.subtitle_404 {
    color: #ffffff;
    font-size: 20px;
    text-transform: uppercase;
}

button.button_404 {
    border-radius: 8px;
    background: var(--oppo-light-green) !important;
    width: 360px;
    height: 65px;
    color: var(--oppo-primary-blue);
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    border: 0;
    box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.16);
}


.lastest_news_image {
    background-size: cover !important;
    background-position: center !important;
}


/**************************************
/* Contest OPPO button /*
/*********************************************************************/

.contest-btn {
    position: fixed;
    z-index: 1000;
    right: 16px;
    bottom: 60px;
    cursor: pointer
}

.contest-btn .close {
    display: none
}

.contest-btn i {
    transition: all 0.9s ease
}

#check:checked ~ .contest-btn i {
    display: block;
    pointer-events: auto;
    transform: rotate(180deg)
}

#check:checked ~ .contest-btn .comment {
    display: none
}

.contest-btn i {
    font-size: 32px;
    color: #fff !important
}

.contest-btn {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50px;
    background-color: blue;
    color: #fff;
    font-size: 32px;
    border: none
}

/**************************************
/* CHAT AI /*
/*********************************************************************/


.chat-btn {
    position: fixed;
    z-index: 1000;
    right: 14px;
    bottom: 30px;
    cursor: pointer
}

.chat-btn .close {
    display: none
}

.chat-btn i {
    transition: all 0.9s ease
}

#check:checked ~ .chat-btn i {
    display: block;
    pointer-events: auto;
    transform: rotate(180deg)
}

#check:checked ~ .chat-btn .comment {
    display: none
}

.chat-btn i {
    font-size: 22px;
    color: #fff !important
}

.chat-btn {
    width: 50px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50px;
    background-color: blue;
    color: #fff;
    font-size: 22px;
    border: none
}

.wrapper {
    position: fixed;
    right: 20px;
    bottom: 100px;
    width: 40vw;
    height: 80vh;
    background-color: #fff;
    border-radius: 5px;
    opacity: 0;
    pointer-events: none;
    transition: all 0.4s;
    z-index: 100;
}

#check:checked ~ .wrapper {
    opacity: 1;
    pointer-events: auto;
}

.chatHeader {
    height: 10%;
    padding: 16px;
    margin-bottom: 0px;
}

.chatContent {
    height: 90%;
}

@media only screen and (max-width: 768px) {
    .wrapper {
        width: 90vw;
    }
}


.header {
    padding: 13px;
    background-color: blue;
    border-radius: 5px 5px 0px 0px;
    margin-bottom: 10px;
    color: #fff
}

.chat-form {
    padding: 15px
}

.chat-form input,
textarea,
button {
    margin-bottom: 10px
}

.chat-form textarea {
    resize: none
}

.form-control:focus,
.btn:focus {
    box-shadow: none
}

#check {
    display: none !important
}

img.avatar_img_header_canvas {
    object-fit: cover;
    border-radius: 50%;
    height: 45px;
    width: 45px;
}

#embedVideo {
    width: 100%;
    height: 40vh;
}

.row_single_news {
    width: 100%;
}

.video_div {
    width: 100%;
    text-align: center;
}


/*********************************************************************/
/* MOBILE /*
/*********************************************************************/

@media only screen and (max-width: 1024px) {
    html, body {
        height: 100%;
        width: 100%;
        overflow: auto;

    }

    body {
        padding-bottom: 40px!important;
    }

    .tasks-percent-completed:not(.completed-0) .percent {
        right: 0 !important;
        top: 0 !important;
        font-size: 1.2rem !important;
    }

    .activity-col:after {
        right: -45px !important;
    }

    .missionsList h5.card-title {
        font-size: 0.9rem !important;
    }

    .leaflet-top.quests_container {
        right: 110px;
        margin-left: 20px;
    }

    .leaflet-top.quests_container .quest-item-container img.quest-item {
        height: 40px
    }

    .leaflet-top.quests_container .quest-item-container {
        padding: 5px 0
    }

    .qtranxs_widget ul {
        padding: 0;
    }

    .footer_mobile .qtranxs-lang-menu {
        display: none
    }

    #map.purchasing_fundamentals .fa-book:before {
        height: 60px !important;
        width: 60px !important;
    }

    table#repository_table.dataTable.nowrap th, table.dataTable.nowrap td {
        white-space: pre-line !important;
    }

    table#repository_table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > td.dtr-control:before, table#repository_table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > th.dtr-control:before {
        left: -22px;
    }

    .master_path_container .col.d-flex.justify-content-center {
        display: block !important
    }

    .card.p-0.card_master_path {
        max-width: 100%
    }

    .nav_item_mobile.wpml-ls-item {
        display: none
    }

    .nav_item_mobile.active img {
        /*filter: invert(17%) sepia(11%) saturate(5660%) hue-rotate(191deg) brightness(35%) contrast(89%);*/
    }

    .page-template-repository_page-template .pur_cafeteria_menu, .page-template-news .pur_cafeteria_menu {
        filter: invert(43%) sepia(86%) saturate(3611%) hue-rotate(172deg) brightness(102%) contrast(104%);
    }

    td.point_log_activity_name.dtr-control {
        padding-left: 30px !important;
    }

    nav.navbar.navbar-expand-lg.navbar-light.navbar-static-top.navbar_mobile {
        z-index: 1049;
        box-shadow: -1px 1px 3px 1px rgb(0 0 0 / 0.16);
    }

    img.avatar_img_header {
        object-fit: cover;
        border-radius: 50%;
        height: 35px;
        width: 35px;
    }

    img.avatar_img_header_canvas {
        object-fit: cover;
        border-radius: 50%;
        height: 45px;
        width: 45px;
    }

    img#story_avatar {
        height: 370px;
    }

    .intro_storytelling_text {
        position: absolute;
        bottom: 1rem;
        right: 1rem;
        background: rgba(0, 0, 0, 0.6);
        color: #fff;
        left: 1rem;
        padding-left: unset !important;
        top: 1rem;
        padding: 5px !important;
    }

    .page-template-template-map .nav_item_mobile.master_path_menu img {
        filter: invert(43%) sepia(86%) saturate(3611%) hue-rotate(172deg) brightness(102%) contrast(104%);
    }

    .mobile_template .latest_content_library_container {
        margin-bottom: 2rem !important
    }

    .mobile_template .button_notification {
        width: 35px;
        height: 35px;
    }

    .mobile_template .button_notification .badge {
        position: relative;
        top: -15px !important;
        left: 15px;
    }

    .mobile_template .navbar-nav .dropdown-menu {
        position: fixed;
        float: none;
        right: 0;
        top: 50px;
    }

    #descriptionModal .modal-dialog {
        margin: 0
    }


    .missionsModal .card.activity .col-1 img {
        width: 25px;
        height: 25px;
    }


    div#story_bg {
        background-size: cover;
        background-repeat: no-repeat;
        background-position: top center;
    }

    .lastest_news_image.mobile_style {
        background-size: cover;
        width: 100%;
        height: 200px;
    }

    .lastest_news_content.mobile_style {
        padding: 5px !important;
        border: 1px solid #cccccc;
    }

    .news_title.mobile_style:before {

        margin-right: 35px;
        vertical-align: 0;
    }

    .mobile_style .last_news_box p:nth-child(2) {
        padding-left: 0;
        padding-top: 5px;
    }

    .mobile_style .last_news_box p {
        margin: 0;
        line-height: 18px;
    }

    .mobile_style .last_news_date_more {
        padding-left: 0 !important;
    }

    .library_content_link_container.mobile_style {
        height: 400px;
    }

    .view_all_news.mobile_style {
        width: 100%;
    }

    .navbar {
        padding: 0 !important;
    }


    a.navbar-brand {
        background-size: auto 50px !important;
        height: 50px !important;
    }

    /*    .content {
            margin-top: 50px;
        }*/
    .margin_internal {
        margin: 0 1rem !important;
    }

    .repository thead {
        background: #002855 !important;
    }

    .repository .rep_filter {
        padding: 20px 10px !important;
    }

    .rep_table-container {
        padding: 0px 1rem !important;
    }

    #repository_table_wrapper {
        padding: 0 !important;
    }

    .point_log_activity_name {
        padding-left: 30px !important
    }

    img.avatar_img {
        margin-top: 40px;
        object-fit: cover;
        border-radius: 50%;
        height: 100px;
        width: 100px;
        top: 10px;
    }

    .mobile_template .nav-tabs .nav-item.ranking_button {
        margin-bottom: 10px !important
    }

    div.dataTables_wrapper div.dataTables_info {
        padding-top: 0 !important;
        padding-bottom: 1rem !important;
    }

    .paths-container .carousel-control-prev {
        left: 0px !important;
    }

    .paths-container .carousel-control-next {
        right: 0px !important;
    }

}

td.image-container.dtr-control.sorting_1 {
    text-align: right;
}

.pum_404 img {
    object-fit: contain;
}

/* A CIRCLE LIKE BUTTON IN THE TOP MENU. */
#noti_Button {
    color: #fff !important;
    background-color: #ffff !important;
    border-color: #ffffff !important;
    box-shadow: -1px 1px 3px 1px rgb(0 0 0 / 0.16);
    width: 40px;
    height: 40px;
    background: url(g4s_theme_child_images/notification.png);
    background-position: center center;
    background-size: contain;
    margin-right: 15px;
}

/* THE POPULAR RED NOTIFICATIONS COUNTER. */
#noti_Counter {
    display: block;
    position: absolute;
    background: #E1141E;
    color: #FFF;
    font-size: 14px;
    font-weight: normal;
    padding: 3px 8px;
    margin: -5px 0 0 32px;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    z-index: 1;
    border-radius: 50%;
    line-height: 1;
}

/* THE NOTIFICAIONS WINDOW. THIS REMAINS HIDDEN WHEN THE PAGE LOADS. */
.navbar_mobile #notifications {
    display: none;
    position: absolute;
    top: 50px;
    left: 0;
    background: #FFF;
    border: solid 1px rgba(100, 100, 100, .20);
    -webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, .20);
    z-index: 0;
}

/* AN ARROW LIKE STRUCTURE JUST OVER THE NOTIFICATIONS WINDOW */
.navbar_mobile #notifications:before {
    content: '';
    display: block;
    width: 0;
    height: 0;
    color: transparent;
    border: 10px solid #CCC;
    border-color: transparent transparent #118b96;
    margin-top: -20px;
    margin-left: 67%;
}

h3.notification_container_title {
    display: block;
    color: #ffffff !important;
    background: var(--oppo-green);
    font-weight: bold;
    font-size: 13px;
    padding: 8px;
    margin: 0;
    border-bottom: solid 1px rgba(100, 100, 100, .30);
}

.seeAll {
    background: #F6F7F8;
    padding: 8px;
    font-size: 12px;
    font-weight: bold;
    border-top: solid 1px rgba(100, 100, 100, .30);
    text-align: center;
}

.seeAll a {
    color: #3b5998;
}

.seeAll a:hover {
    background: #F6F7F8;
    color: #3b5998;
    text-decoration: underline;
}


.card.front {
    background-origin: content-box, padding-box;
    background-clip: content-box, padding-box;
}

.modal-content.template_1 .card.front {
    /*background-image: url(g4s_theme_child_images/sfondo1_front.jpg);*/
    background-color: var(--oppo-primary-blue);
    background-size: cover;
}

.modal-content.template_2 .card.front {
    background-image: url(g4s_theme_child_images/sfondo2_front.jpg);
    background-size: cover;
}

.modal-content.template_3 .card.front {
    background-image: url(g4s_theme_child_images/sfondo3_front.jpg);
    background-size: cover;
}


.front_postcard_image {
    background: #ffffff;
    border: 20px solid rgb(52 58 64 / 0);
    background-clip: padding-box;
}

.modal_postcard .modal-content {
    background-color: rgb(255 255 255 / 0) !important
}

.front_postcard_location {
    position: absolute !important;
    bottom: 0;
    left: 0;
    color: #ffffff;
    font-weight: bold;
}

.modal-content.template_1 .front_postcard_location {

}

.modal-content.template_2 .front_postcard_location {

}

.modal-content.template_3 .front_postcard_location {

}

li.nav-item.ranking_button a.nav-link {
    color: #797979 !important;
    font-weight: bold;
}

li.nav-item.ranking_button a.nav-link.active {
    color: var(--oppo-green) !important;
    font-weight: bold;
}

.card.back {
    background-origin: content-box, padding-box;
    background-clip: content-box, padding-box;

}

.modal-content.template_1 .card.back {
    /*background-image: repeating-linear-gradient(-45deg,#128a95 0 20px,#22939e 20px 40px,#128a95 40px 60px,#128a95 60px 80px);*/
    background-color: var(--oppo-green);
}

.modal-content.template_2 .card.back {
    background-image: repeating-linear-gradient(-45deg, #d6d6d6 0 20px, #ffffff 20px 40px, #d6d6d6 40px 60px, #919191 60px 80px);

}

.modal-content.template_3 .card.back {
    background-image: repeating-linear-gradient(-45deg, #d1f8ff 0 20px, #2db9ea 20px 40px, #d1f8ff 40px 60px, #1d8fd6 60px 80px);

}

/*div#noMapMissionContainer {*/
/*    height: 20vh;*/
/*}*/

/* postcard*/

/*.modal_postcard .modal-content {*/
/*    max-width:600px;*/
/*}*/

.modal_postcard .modal-dialog {
    top: 5vh !important;
}

.modal-open .modal.modal_postcard {
    overflow-y: hidden !important
}

.modal_postcard .modal-content {
    border-radius: 0 !important
}


.row.m-0.back_card_container {
    background: #ffffff;
    border: 20px solid rgb(52 58 64 / 0);
    background-clip: padding-box;
}

.postacard_name_back {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 1.5rem;
    color: var(--oppo-primary-blue);
}

.col-12.postcard_description.p-0 {

    font-size: 1.3rem;
    font-weight: 300;
}

.postacard_box_image .dropdown-item {
    padding: 0 !important;

}

.btn-outline-primary:not(:disabled):not(.disabled).active:focus, .btn-outline-primary:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, .5);
}


.user_map_button a.btn {
    border-radius: 0;
    border-color: #118B96;
    color: #118B96;
    font-weight: bold;
    border-top: none;
    border-left: 3px solid #118B96 !important;
    border-right: 3px solid #118B96 !important;
    border-bottom: 3px solid #118B96 !important;
}

.select_user_map_background {
    background-size: cover !important;
    background-position: center bottom !important;
}


.container.g4s-map-user-selection {
    background: #ffffff;
}

.group-image {
    border: 3px solid #118b96;
}

.user_map_button a.btn:hover {
    background: #ffffff;
}

#map.purchasing_fundamentals .fa-book:before {
    content: url(g4s_theme_child_images/storytelling_button.svg);
    display: inline-block;
    height: 120px;
    width: 120px;
    filter: drop-shadow(3px 3px 2px rgba(0, 0, 0, .7));
}

.unnamed-state-active {
    background-color: rgba(255, 255, 255, 0) !important;
}

.page-template-template-map {
    padding: 0 !important
}

#news-slider {
    margin-top: 30px;
}

.post-slide {
    margin: 40px 15px 0;
    position: relative;
}

.post-slide .post-date {
    width: 80px;
    background: var(--oppo-green);
    float: left;
    padding: 15px 0;
}

/*.post-slide:hover .post-date{*/
/*    background:var(--oppo-primary-blue);*/
/*    cursor: pointer;*/
/*}*/
.post-slide .date {
    font-size: 30px;
    color: #fff;
    display: block;
    text-align: center;
    font-weight: bold;
}

.post-slide .month {
    font-size: 14px;
    color: #fff;
    display: block;
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 0;
    font-weight: bold;
}

.post-slide .day {
    font-size: 14px;
    color: #fff;
    display: block;
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 0;
    font-weight: bold;
}

.post-slide .year {
    font-size: 14px;
    color: #fff;
    display: block;
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 0;
    font-weight: bold;
}

.post-slide .post-content {
    /*padding-left: 98px;*/
}

.post-slide .post-content img {
    width: 100%;
    height: auto;
}

.post-slide .post-title {
    margin: 25px 0 15px 0;
}

.post-slide .post-title a {
    font-size: 15px;
    font-weight: bold;
    color: var(--oppo-green) !important;
    display: inline-block;
    text-transform: uppercase;
    transition: all 0.3s ease 0s;
}

.post-slide .post-title a:hover {
    color: #118b96;;
    text-decoration: none;
}

.post-slide .post-description {
    font-size: 14px;
    line-height: 24px;
    color: #808080;
    margin-bottom: 25px;
}

.post-slide .read-more {
    display: inline-block;
    color: #fff;
    background: #3498db;
    padding: 15px 13px;
    font-weight: bold;
    border-radius: 2px;
    text-transform: uppercase;
    border-bottom: 4px solid #226595;
    transition: color 0.20s linear;
}

.post-slide .read-more:hover {
    text-decoration: none;
    background: #226595;
}

.post-slide .read-more i {
    margin-left: 10px;
    font-size: 10px;
}


@media only screen and (max-width: 480px) {
    .post-slide .post-date {
        width: 70px;
    }

    .post-content {
        padding-left: 10px;
    }
}

.last_notification .owl-nav button:focus {
    outline: none;
}

.last_notification .owl-nav {
    padding: 10px 0;
}

.last_notification i.fas.fa-chevron-left {
    margin: 0 20px;
}

.slider-counter {
    margin-top: -45px;
    margin-left: 41px;
    font-weight: bold;
    font-size: 18px;
    color: #118b96;
}

.last_notification .owl-nav button .fas {
    color: #118b96;
    font-size: 40px !important;
}

.last_notification .owl-theme .owl-controls {
    text-align: left !important;
}

.all_notification {
    margin: 30px 0
}

.all_notification a {
    font-weight: bold;
    color: var(--oppo-primary-blue) !important;
}

.all_notification a:hover {

    text-decoration: none;
}

.master_notification_image img {
    margin-top: 40px;
    width: unset;
}

button.button_notification_close {
    border: 0;
    background: none;
    margin: 30px 0
}

button.button_notification_close .fas {
    font-size: 36px !important;
    color: var(--oppo-green);
}

.container.g4s-map-user-selection {
    background: rgb(255 255 255 / 90%);
    min-height: 1024px;
}

.container.g4s-map-user-selection {
    background: rgb(255 255 255 / 90%);
    min-height: 1024px;
}

.container.g4s-map-user-selection {
    max-width: 1400px !important;
}

.g4s-map-user-selection img.card-img-top {
    padding: 30px 60px;
    border-radius: 100%;
    object-fit: cover;
}

.g4s-map-user-selection img.card-img-top {
    padding: 30px 60px;
    border-radius: 100%;
    object-fit: cover;
}

.g4s-map-user-selection .card {
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
}

input.g4s_filter_selection {
    width: 300px;
    border-radius: 5px !important;
    box-shadow: 0 1px 3px rgb(0 0 0 / 12%), 0 1px 2px rgb(0 0 0 / 24%);
    transition: all 0.3s cubic-bezier(.25, .8, .25, 1);
    padding: 5px 10px;
}

h5.card-title.map_name {
    font-size: 1rem;
    text-transform: none;
    font-weight: bold;
}

.g4s-map-user-selection small.card-text {
    color: #123f77;
}

/* Progress circle bording pass*/
.progress.progress_bp {
    width: 100px;
    height: 100px !important;
    line-height: 160px;
    background: none;
    margin: 0 auto;
    box-shadow: none;
    position: absolute;
    top: 105px;
    right: 10px;
    zoom: 0.5;
}

.progress.progress_bp:after {
    content: "";
    width: 100%;
    height: 100%;
    border-radius: 50%;
    border: 5px solid #efefef;
    position: absolute;
    top: 0;
    left: 0;
}

.progress.progress_bp > span {
    width: 50%;
    height: 100%;
    overflow: hidden;
    position: absolute;
    top: 0;
    z-index: 1;
}

.progress.progress_bp .progress-left {
    left: 0;
}

.progress.progress_bp .progress-bar {
    width: 100%;
    height: 100%;
    background: none;
    border-width: 10px;
    border-style: solid;
    position: absolute;
    top: 0;
    border-color: #012a56;
}

.progress.progress_bp .progress-left .progress-bar {
    left: 100%;
    border-top-right-radius: 80px;
    border-bottom-right-radius: 80px;
    border-left: 0;
    -webkit-transform-origin: center left;
    transform-origin: center left;
}

.progress.progress_bp .progress-right {
    right: 0;
}

.progress.progress_bp .progress-right .progress-bar {
    left: -100%;
    border-top-left-radius: 80px;
    border-bottom-left-radius: 80px;
    border-right: 0;
    -webkit-transform-origin: center right;
    transform-origin: center right;
}

.progress.progress_bp .progress-value {
    display: flex;
    border-radius: 50%;
    font-size: 1rem;
    text-align: center;
    line-height: 20px;
    align-items: center;
    justify-content: center;
    height: 100%;
    width: 100%;
    font-weight: 300;
    background: #009cdc;
}

.progress.progress_bp .progress-value span {
    font-size: 12px;
    text-transform: uppercase;
}

.progress-value-text {
    color: #ffffff;
    font-weight: bold;
    font-size: 1.5rem;
}

.progress-value-text small {
    text-transform: uppercase;
    font-size: 40%;
}

/* This for loop creates the necessary css animation names
Due to the split circle of progress-left and progress right, we must use the animations on each side.
*/


.progress[data-percentage="1"] .progress-right .progress-bar {
    animation: loading-1 0.5s linear forwards;
    animation-delay: 4s;
}

.progress[data-percentage="1"] .progress-left .progress-bar {
    animation: 0;
    animation-delay: 4s;
}

.progress[data-percentage="2"] .progress-right .progress-bar {
    animation: loading-2 0.5s linear forwards;
    animation-delay: 4s;
}

.progress[data-percentage="2"] .progress-left .progress-bar {
    animation: 0;
    animation-delay: 4s;
}

.progress[data-percentage="3"] .progress-right .progress-bar {
    animation: loading-3 0.5s linear forwards;
    animation-delay: 4s;
}

.progress[data-percentage="3"] .progress-left .progress-bar {
    animation: 0;
    animation-delay: 4s;
}

.progress[data-percentage="4"] .progress-right .progress-bar {
    animation: loading-4 0.5s linear forwards;
    animation-delay: 4s;
}

.progress[data-percentage="4"] .progress-left .progress-bar {
    animation: 0;
    animation-delay: 4s;
}

.progress[data-percentage="5"] .progress-right .progress-bar {
    animation: loading-5 0.5s linear forwards;
    animation-delay: 4s;
}

.progress[data-percentage="5"] .progress-left .progress-bar {
    animation: 0;
    animation-delay: 4s;
}

.progress[data-percentage="6"] .progress-right .progress-bar {
    animation: loading-6 0.5s linear forwards;
    animation-delay: 4s;
}

.progress[data-percentage="6"] .progress-left .progress-bar {
    animation: 0;
    animation-delay: 4s;
}

.progress[data-percentage="7"] .progress-right .progress-bar {
    animation: loading-7 0.5s linear forwards;
    animation-delay: 4s;
}

.progress[data-percentage="7"] .progress-left .progress-bar {
    animation: 0;
    animation-delay: 4s;
}

.progress[data-percentage="8"] .progress-right .progress-bar {
    animation: loading-8 0.5s linear forwards;
    animation-delay: 4s;
}

.progress[data-percentage="8"] .progress-left .progress-bar {
    animation: 0;
    animation-delay: 4s;
}

.progress[data-percentage="9"] .progress-right .progress-bar {
    animation: loading-9 0.5s linear forwards;
    animation-delay: 4s;
}

.progress[data-percentage="9"] .progress-left .progress-bar {
    animation: 0;
    animation-delay: 4s;
}

.progress[data-percentage="10"] .progress-right .progress-bar {
    animation: loading-10 0.5s linear forwards;
    animation-delay: 4s;
}

.progress[data-percentage="10"] .progress-left .progress-bar {
    animation: 0;
    animation-delay: 4s;
}

.progress[data-percentage="11"] .progress-right .progress-bar {
    animation: loading-11 0.5s linear forwards;
    animation-delay: 4s;
}

.progress[data-percentage="11"] .progress-left .progress-bar {
    animation: 0;
    animation-delay: 4s;
}

.progress[data-percentage="12"] .progress-right .progress-bar {
    animation: loading-12 0.5s linear forwards;
    animation-delay: 4s;
}

.progress[data-percentage="12"] .progress-left .progress-bar {
    animation: 0;
    animation-delay: 4s;
}

.progress[data-percentage="13"] .progress-right .progress-bar {
    animation: loading-13 0.5s linear forwards;
    animation-delay: 4s;
}

.progress[data-percentage="13"] .progress-left .progress-bar {
    animation: 0;
    animation-delay: 4s;
}

.progress[data-percentage="14"] .progress-right .progress-bar {
    animation: loading-14 0.5s linear forwards;
    animation-delay: 4s;
}

.progress[data-percentage="14"] .progress-left .progress-bar {
    animation: 0;
    animation-delay: 4s;
}

.progress[data-percentage="15"] .progress-right .progress-bar {
    animation: loading-15 0.5s linear forwards;
    animation-delay: 4s;
}

.progress[data-percentage="15"] .progress-left .progress-bar {
    animation: 0;
    animation-delay: 4s;
}

.progress[data-percentage="16"] .progress-right .progress-bar {
    animation: loading-16 0.5s linear forwards;
    animation-delay: 4s;
}

.progress[data-percentage="16"] .progress-left .progress-bar {
    animation: 0;
    animation-delay: 4s;
}

.progress[data-percentage="17"] .progress-right .progress-bar {
    animation: loading-17 0.5s linear forwards;
    animation-delay: 4s;
}

.progress[data-percentage="17"] .progress-left .progress-bar {
    animation: 0;
    animation-delay: 4s;
}

.progress[data-percentage="18"] .progress-right .progress-bar {
    animation: loading-18 0.5s linear forwards;
    animation-delay: 4s;
}

.progress[data-percentage="18"] .progress-left .progress-bar {
    animation: 0;
    animation-delay: 4s;
}

.progress[data-percentage="19"] .progress-right .progress-bar {
    animation: loading-19 0.5s linear forwards;
    animation-delay: 4s;
}

.progress[data-percentage="19"] .progress-left .progress-bar {
    animation: 0;
    animation-delay: 4s;
}

.progress[data-percentage="20"] .progress-right .progress-bar {
    animation: loading-20 0.5s linear forwards;
    animation-delay: 4s;
}

.progress[data-percentage="20"] .progress-left .progress-bar {
    animation: 0;
    animation-delay: 4s;
}

.progress[data-percentage="21"] .progress-right .progress-bar {
    animation: loading-21 0.5s linear forwards;
    animation-delay: 4s;
}

.progress[data-percentage="21"] .progress-left .progress-bar {
    animation: 0;
    animation-delay: 4s;
}

.progress[data-percentage="22"] .progress-right .progress-bar {
    animation: loading-22 0.5s linear forwards;
    animation-delay: 4s;
}

.progress[data-percentage="22"] .progress-left .progress-bar {
    animation: 0;
    animation-delay: 4s;
}

.progress[data-percentage="23"] .progress-right .progress-bar {
    animation: loading-23 0.5s linear forwards;
    animation-delay: 4s;
}

.progress[data-percentage="23"] .progress-left .progress-bar {
    animation: 0;
    animation-delay: 4s;
}

.progress[data-percentage="24"] .progress-right .progress-bar {
    animation: loading-24 0.5s linear forwards;
    animation-delay: 4s;
}

.progress[data-percentage="24"] .progress-left .progress-bar {
    animation: 0;
    animation-delay: 4s;
}

.progress[data-percentage="25"] .progress-right .progress-bar {
    animation: loading-25 0.5s linear forwards;
    animation-delay: 4s;
}

.progress[data-percentage="25"] .progress-left .progress-bar {
    animation: 0;
    animation-delay: 4s;
}

.progress[data-percentage="26"] .progress-right .progress-bar {
    animation: loading-26 0.5s linear forwards;
    animation-delay: 4s;
}

.progress[data-percentage="26"] .progress-left .progress-bar {
    animation: 0;
    animation-delay: 4s;
}

.progress[data-percentage="27"] .progress-right .progress-bar {
    animation: loading-27 0.5s linear forwards;
    animation-delay: 4s;
}

.progress[data-percentage="27"] .progress-left .progress-bar {
    animation: 0;
    animation-delay: 4s;
}

.progress[data-percentage="28"] .progress-right .progress-bar {
    animation: loading-28 0.5s linear forwards;
    animation-delay: 4s;
}

.progress[data-percentage="28"] .progress-left .progress-bar {
    animation: 0;
    animation-delay: 4s;
}

.progress[data-percentage="29"] .progress-right .progress-bar {
    animation: loading-29 0.5s linear forwards;
    animation-delay: 4s;
}

.progress[data-percentage="29"] .progress-left .progress-bar {
    animation: 0;
    animation-delay: 4s;
}

.progress[data-percentage="30"] .progress-right .progress-bar {
    animation: loading-30 0.5s linear forwards;
    animation-delay: 4s;
}

.progress[data-percentage="30"] .progress-left .progress-bar {
    animation: 0;
    animation-delay: 4s;
}

.progress[data-percentage="31"] .progress-right .progress-bar {
    animation: loading-31 0.5s linear forwards;
    animation-delay: 4s;
}

.progress[data-percentage="31"] .progress-left .progress-bar {
    animation: 0;
    animation-delay: 4s;
}

.progress[data-percentage="32"] .progress-right .progress-bar {
    animation: loading-32 0.5s linear forwards;
    animation-delay: 4s;
}

.progress[data-percentage="32"] .progress-left .progress-bar {
    animation: 0;
    animation-delay: 4s;
}

.progress[data-percentage="33"] .progress-right .progress-bar {
    animation: loading-33 0.5s linear forwards;
    animation-delay: 4s;
}

.progress[data-percentage="33"] .progress-left .progress-bar {
    animation: 0;
    animation-delay: 4s;
}

.progress[data-percentage="34"] .progress-right .progress-bar {
    animation: loading-34 0.5s linear forwards;
    animation-delay: 4s;
}

.progress[data-percentage="34"] .progress-left .progress-bar {
    animation: 0;
    animation-delay: 4s;
}

.progress[data-percentage="35"] .progress-right .progress-bar {
    animation: loading-35 0.5s linear forwards;
    animation-delay: 4s;
}

.progress[data-percentage="35"] .progress-left .progress-bar {
    animation: 0;
    animation-delay: 4s;
}

.progress[data-percentage="36"] .progress-right .progress-bar {
    animation: loading-36 0.5s linear forwards;
    animation-delay: 4s;
}

.progress[data-percentage="36"] .progress-left .progress-bar {
    animation: 0;
    animation-delay: 4s;
}

.progress[data-percentage="37"] .progress-right .progress-bar {
    animation: loading-37 0.5s linear forwards;
    animation-delay: 4s;
}

.progress[data-percentage="37"] .progress-left .progress-bar {
    animation: 0;
    animation-delay: 4s;
}

.progress[data-percentage="38"] .progress-right .progress-bar {
    animation: loading-38 0.5s linear forwards;
    animation-delay: 4s;
}

.progress[data-percentage="38"] .progress-left .progress-bar {
    animation: 0;
    animation-delay: 4s;
}

.progress[data-percentage="39"] .progress-right .progress-bar {
    animation: loading-39 0.5s linear forwards;
    animation-delay: 4s;
}

.progress[data-percentage="39"] .progress-left .progress-bar {
    animation: 0;
    animation-delay: 4s;
}

.progress[data-percentage="40"] .progress-right .progress-bar {
    animation: loading-40 0.5s linear forwards;
    animation-delay: 4s;
}

.progress[data-percentage="40"] .progress-left .progress-bar {
    animation: 0;
    animation-delay: 4s;
}

.progress[data-percentage="41"] .progress-right .progress-bar {
    animation: loading-41 0.5s linear forwards;
    animation-delay: 4s;
}

.progress[data-percentage="41"] .progress-left .progress-bar {
    animation: 0;
    animation-delay: 4s;
}

.progress[data-percentage="42"] .progress-right .progress-bar {
    animation: loading-42 0.5s linear forwards;
    animation-delay: 4s;
}

.progress[data-percentage="42"] .progress-left .progress-bar {
    animation: 0;
    animation-delay: 4s;
}

.progress[data-percentage="43"] .progress-right .progress-bar {
    animation: loading-43 0.5s linear forwards;
    animation-delay: 4s;
}

.progress[data-percentage="43"] .progress-left .progress-bar {
    animation: 0;
    animation-delay: 4s;
}

.progress[data-percentage="44"] .progress-right .progress-bar {
    animation: loading-44 0.5s linear forwards;
    animation-delay: 4s;
}

.progress[data-percentage="44"] .progress-left .progress-bar {
    animation: 0;
    animation-delay: 4s;
}

.progress[data-percentage="45"] .progress-right .progress-bar {
    animation: loading-45 0.5s linear forwards;
    animation-delay: 4s;
}

.progress[data-percentage="45"] .progress-left .progress-bar {
    animation: 0;
    animation-delay: 4s;
}

.progress[data-percentage="46"] .progress-right .progress-bar {
    animation: loading-46 0.5s linear forwards;
    animation-delay: 4s;
}

.progress[data-percentage="46"] .progress-left .progress-bar {
    animation: 0;
    animation-delay: 4s;
}

.progress[data-percentage="47"] .progress-right .progress-bar {
    animation: loading-47 0.5s linear forwards;
    animation-delay: 4s;
}

.progress[data-percentage="47"] .progress-left .progress-bar {
    animation: 0;
    animation-delay: 4s;
}

.progress[data-percentage="48"] .progress-right .progress-bar {
    animation: loading-48 0.5s linear forwards;
    animation-delay: 4s;
}

.progress[data-percentage="48"] .progress-left .progress-bar {
    animation: 0;
    animation-delay: 4s;
}

.progress[data-percentage="49"] .progress-right .progress-bar {
    animation: loading-49 0.5s linear forwards;
    animation-delay: 4s;
}

.progress[data-percentage="49"] .progress-left .progress-bar {
    animation: 0;
    animation-delay: 4s;
}

.progress[data-percentage="50"] .progress-right .progress-bar {
    animation: loading-50 0.5s linear forwards;
    animation-delay: 4s;
}

.progress[data-percentage="50"] .progress-left .progress-bar {
    animation: 0;
    animation-delay: 4s;
}

.progress[data-percentage="51"] .progress-right .progress-bar {
    animation: loading-50 0.5s linear forwards;
    animation-delay: 4s;
}

.progress[data-percentage="51"] .progress-left .progress-bar {
    animation: loading-1 0.5s linear forwards 0.5s;
    animation-delay: 4s;
}

.progress[data-percentage="52"] .progress-right .progress-bar {
    animation: loading-50 0.5s linear forwards;
    animation-delay: 4s;
}

.progress[data-percentage="52"] .progress-left .progress-bar {
    animation: loading-2 0.5s linear forwards 0.5s;
    animation-delay: 4s;
}

.progress[data-percentage="53"] .progress-right .progress-bar {
    animation: loading-50 0.5s linear forwards;
    animation-delay: 4s;
}

.progress[data-percentage="53"] .progress-left .progress-bar {
    animation: loading-3 0.5s linear forwards 0.5s;
    animation-delay: 4s;
}

.progress[data-percentage="54"] .progress-right .progress-bar {
    animation: loading-50 0.5s linear forwards;
    animation-delay: 4s;
}

.progress[data-percentage="54"] .progress-left .progress-bar {
    animation: loading-4 0.5s linear forwards 0.5s;
    animation-delay: 4s;
}

.progress[data-percentage="55"] .progress-right .progress-bar {
    animation: loading-50 0.5s linear forwards;
    animation-delay: 4s;
}

.progress[data-percentage="55"] .progress-left .progress-bar {
    animation: loading-5 0.5s linear forwards 0.5s;
    animation-delay: 4s;
}

.progress[data-percentage="56"] .progress-right .progress-bar {
    animation: loading-50 0.5s linear forwards;
    animation-delay: 4s;
}

.progress[data-percentage="56"] .progress-left .progress-bar {
    animation: loading-6 0.5s linear forwards 0.5s;
    animation-delay: 4s;
}

.progress[data-percentage="57"] .progress-right .progress-bar {
    animation: loading-50 0.5s linear forwards;
    animation-delay: 4s;
}

.progress[data-percentage="57"] .progress-left .progress-bar {
    animation: loading-7 0.5s linear forwards 0.5s;
    animation-delay: 4s;
}

.progress[data-percentage="58"] .progress-right .progress-bar {
    animation: loading-50 0.5s linear forwards;
    animation-delay: 4s;
}

.progress[data-percentage="58"] .progress-left .progress-bar {
    animation: loading-8 0.5s linear forwards 0.5s;
    animation-delay: 4s;
}

.progress[data-percentage="59"] .progress-right .progress-bar {
    animation: loading-50 0.5s linear forwards;
    animation-delay: 4s;
}

.progress[data-percentage="59"] .progress-left .progress-bar {
    animation: loading-9 0.5s linear forwards 0.5s;
    animation-delay: 4s;
}

.progress[data-percentage="60"] .progress-right .progress-bar {
    animation: loading-50 0.5s linear forwards;
    animation-delay: 4s;
}

.progress[data-percentage="60"] .progress-left .progress-bar {
    animation: loading-10 0.5s linear forwards 0.5s;
    animation-delay: 4s;
}

.progress[data-percentage="61"] .progress-right .progress-bar {
    animation: loading-50 0.5s linear forwards;
    animation-delay: 4s;
}

.progress[data-percentage="61"] .progress-left .progress-bar {
    animation: loading-11 0.5s linear forwards 0.5s;
    animation-delay: 4s;
}

.progress[data-percentage="62"] .progress-right .progress-bar {
    animation: loading-50 0.5s linear forwards;
    animation-delay: 4s;
}

.progress[data-percentage="62"] .progress-left .progress-bar {
    animation: loading-12 0.5s linear forwards 0.5s;
    animation-delay: 4s;
}

.progress[data-percentage="63"] .progress-right .progress-bar {
    animation: loading-50 0.5s linear forwards;
    animation-delay: 4s;
}

.progress[data-percentage="63"] .progress-left .progress-bar {
    animation: loading-13 0.5s linear forwards 0.5s;
    animation-delay: 4s;
}

.progress[data-percentage="64"] .progress-right .progress-bar {
    animation: loading-50 0.5s linear forwards;
    animation-delay: 4s;
}

.progress[data-percentage="64"] .progress-left .progress-bar {
    animation: loading-14 0.5s linear forwards 0.5s;
    animation-delay: 4s;
}

.progress[data-percentage="65"] .progress-right .progress-bar {
    animation: loading-50 0.5s linear forwards;
    animation-delay: 4s;
}

.progress[data-percentage="65"] .progress-left .progress-bar {
    animation: loading-15 0.5s linear forwards 0.5s;
    animation-delay: 4s;
}

.progress[data-percentage="66"] .progress-right .progress-bar {
    animation: loading-50 0.5s linear forwards;
    animation-delay: 4s;
}

.progress[data-percentage="66"] .progress-left .progress-bar {
    animation: loading-16 0.5s linear forwards 0.5s;
    animation-delay: 4s;
}

.progress[data-percentage="67"] .progress-right .progress-bar {
    animation: loading-50 0.5s linear forwards;
    animation-delay: 4s;
}

.progress[data-percentage="67"] .progress-left .progress-bar {
    animation: loading-17 0.5s linear forwards 0.5s;
    animation-delay: 4s;
}

.progress[data-percentage="68"] .progress-right .progress-bar {
    animation: loading-50 0.5s linear forwards;
    animation-delay: 4s;
}

.progress[data-percentage="68"] .progress-left .progress-bar {
    animation: loading-18 0.5s linear forwards 0.5s;
    animation-delay: 4s;
}

.progress[data-percentage="69"] .progress-right .progress-bar {
    animation: loading-50 0.5s linear forwards;
    animation-delay: 4s;
}

.progress[data-percentage="69"] .progress-left .progress-bar {
    animation: loading-19 0.5s linear forwards 0.5s;
    animation-delay: 4s;
}

.progress[data-percentage="70"] .progress-right .progress-bar {
    animation: loading-50 0.5s linear forwards;
    animation-delay: 4s;
}

.progress[data-percentage="70"] .progress-left .progress-bar {
    animation: loading-20 0.5s linear forwards 0.5s;
    animation-delay: 4s;
}

.progress[data-percentage="71"] .progress-right .progress-bar {
    animation: loading-50 0.5s linear forwards;
    animation-delay: 4s;
}

.progress[data-percentage="71"] .progress-left .progress-bar {
    animation: loading-21 0.5s linear forwards 0.5s;
    animation-delay: 4s;
}

.progress[data-percentage="72"] .progress-right .progress-bar {
    animation: loading-50 0.5s linear forwards;
    animation-delay: 4s;
}

.progress[data-percentage="72"] .progress-left .progress-bar {
    animation: loading-22 0.5s linear forwards 0.5s;
    animation-delay: 4s;
}

.progress[data-percentage="73"] .progress-right .progress-bar {
    animation: loading-50 0.5s linear forwards;
    animation-delay: 4s;
}

.progress[data-percentage="73"] .progress-left .progress-bar {
    animation: loading-23 0.5s linear forwards 0.5s;
    animation-delay: 4s;
}

.progress[data-percentage="74"] .progress-right .progress-bar {
    animation: loading-50 0.5s linear forwards;
    animation-delay: 4s;
}

.progress[data-percentage="74"] .progress-left .progress-bar {
    animation: loading-24 0.5s linear forwards 0.5s;
    animation-delay: 4s;
}

.progress[data-percentage="75"] .progress-right .progress-bar {
    animation: loading-50 0.5s linear forwards;
    animation-delay: 4s;
}

.progress[data-percentage="75"] .progress-left .progress-bar {
    animation: loading-25 0.5s linear forwards 0.5s;
    animation-delay: 4s;
}

.progress[data-percentage="76"] .progress-right .progress-bar {
    animation: loading-50 0.5s linear forwards;
    animation-delay: 4s;
}

.progress[data-percentage="76"] .progress-left .progress-bar {
    animation: loading-26 0.5s linear forwards 0.5s;
    animation-delay: 4s;
}

.progress[data-percentage="77"] .progress-right .progress-bar {
    animation: loading-50 0.5s linear forwards;
    animation-delay: 4s;
}

.progress[data-percentage="77"] .progress-left .progress-bar {
    animation: loading-27 0.5s linear forwards 0.5s;
    animation-delay: 4s;
}

.progress[data-percentage="78"] .progress-right .progress-bar {
    animation: loading-50 0.5s linear forwards;
    animation-delay: 4s;
}

.progress[data-percentage="78"] .progress-left .progress-bar {
    animation: loading-28 0.5s linear forwards 0.5s;
    animation-delay: 4s;
}

.progress[data-percentage="79"] .progress-right .progress-bar {
    animation: loading-50 0.5s linear forwards;
    animation-delay: 4s;
}

.progress[data-percentage="79"] .progress-left .progress-bar {
    animation: loading-29 0.5s linear forwards 0.5s;
    animation-delay: 4s;
}

.progress[data-percentage="80"] .progress-right .progress-bar {
    animation: loading-50 0.5s linear forwards;
    animation-delay: 4s;
}

.progress[data-percentage="80"] .progress-left .progress-bar {
    animation: loading-30 0.5s linear forwards 0.5s;
    animation-delay: 4s;
}

.progress[data-percentage="81"] .progress-right .progress-bar {
    animation: loading-50 0.5s linear forwards;
    animation-delay: 4s;
}

.progress[data-percentage="81"] .progress-left .progress-bar {
    animation: loading-31 0.5s linear forwards 0.5s;
    animation-delay: 4s;
}

.progress[data-percentage="82"] .progress-right .progress-bar {
    animation: loading-50 0.5s linear forwards;
    animation-delay: 4s;
}

.progress[data-percentage="82"] .progress-left .progress-bar {
    animation: loading-32 0.5s linear forwards 0.5s;
    animation-delay: 4s;
}

.progress[data-percentage="83"] .progress-right .progress-bar {
    animation: loading-50 0.5s linear forwards;
    animation-delay: 4s;
}

.progress[data-percentage="83"] .progress-left .progress-bar {
    animation: loading-33 0.5s linear forwards 0.5s;
    animation-delay: 4s;
}

.progress[data-percentage="84"] .progress-right .progress-bar {
    animation: loading-50 0.5s linear forwards;
    animation-delay: 4s;
}

.progress[data-percentage="84"] .progress-left .progress-bar {
    animation: loading-34 0.5s linear forwards 0.5s;
    animation-delay: 4s;
}

.progress[data-percentage="85"] .progress-right .progress-bar {
    animation: loading-50 0.5s linear forwards;
    animation-delay: 4s;
}

.progress[data-percentage="85"] .progress-left .progress-bar {
    animation: loading-35 0.5s linear forwards 0.5s;
    animation-delay: 4s;
}

.progress[data-percentage="86"] .progress-right .progress-bar {
    animation: loading-50 0.5s linear forwards;
    animation-delay: 4s;
}

.progress[data-percentage="86"] .progress-left .progress-bar {
    animation: loading-36 0.5s linear forwards 0.5s;
    animation-delay: 4s;
}

.progress[data-percentage="87"] .progress-right .progress-bar {
    animation: loading-50 0.5s linear forwards;
    animation-delay: 4s;
}

.progress[data-percentage="87"] .progress-left .progress-bar {
    animation: loading-37 0.5s linear forwards 0.5s;
    animation-delay: 4s;
}

.progress[data-percentage="88"] .progress-right .progress-bar {
    animation: loading-50 0.5s linear forwards;
    animation-delay: 4s;
}

.progress[data-percentage="88"] .progress-left .progress-bar {
    animation: loading-38 0.5s linear forwards 0.5s;
    animation-delay: 4s;
}

.progress[data-percentage="89"] .progress-right .progress-bar {
    animation: loading-50 0.5s linear forwards;
    animation-delay: 4s;
}

.progress[data-percentage="89"] .progress-left .progress-bar {
    animation: loading-39 0.5s linear forwards 0.5s;
    animation-delay: 4s;
}

.progress[data-percentage="90"] .progress-right .progress-bar {
    animation: loading-50 0.5s linear forwards;
    animation-delay: 4s;
}

.progress[data-percentage="90"] .progress-left .progress-bar {
    animation: loading-40 0.5s linear forwards 0.5s;
    animation-delay: 4s;
}

.progress[data-percentage="91"] .progress-right .progress-bar {
    animation: loading-50 0.5s linear forwards;
    animation-delay: 4s;
}

.progress[data-percentage="91"] .progress-left .progress-bar {
    animation: loading-41 0.5s linear forwards 0.5s;
    animation-delay: 4s;
}

.progress[data-percentage="92"] .progress-right .progress-bar {
    animation: loading-50 0.5s linear forwards;
    animation-delay: 4s;
}

.progress[data-percentage="92"] .progress-left .progress-bar {
    animation: loading-42 0.5s linear forwards 0.5s;
    animation-delay: 4s;
}

.progress[data-percentage="93"] .progress-right .progress-bar {
    animation: loading-50 0.5s linear forwards;
    animation-delay: 4s;
}

.progress[data-percentage="93"] .progress-left .progress-bar {
    animation: loading-43 0.5s linear forwards 0.5s;
    animation-delay: 4s;
}

.progress[data-percentage="94"] .progress-right .progress-bar {
    animation: loading-50 0.5s linear forwards;
    animation-delay: 4s;
}

.progress[data-percentage="94"] .progress-left .progress-bar {
    animation: loading-44 0.5s linear forwards 0.5s;
    animation-delay: 4s;
}

.progress[data-percentage="95"] .progress-right .progress-bar {
    animation: loading-50 0.5s linear forwards;
    animation-delay: 4s;
}

.progress[data-percentage="95"] .progress-left .progress-bar {
    animation: loading-45 0.5s linear forwards 0.5s;
    animation-delay: 4s;
}

.progress[data-percentage="96"] .progress-right .progress-bar {
    animation: loading-50 0.5s linear forwards;
    animation-delay: 4s;
}

.progress[data-percentage="96"] .progress-left .progress-bar {
    animation: loading-46 0.5s linear forwards 0.5s;
    animation-delay: 4s;
}

.progress[data-percentage="97"] .progress-right .progress-bar {
    animation: loading-50 0.5s linear forwards;
    animation-delay: 4s;
}

.progress[data-percentage="97"] .progress-left .progress-bar {
    animation: loading-47 0.5s linear forwards 0.5s;
    animation-delay: 4s;
}

.progress[data-percentage="98"] .progress-right .progress-bar {
    animation: loading-50 0.5s linear forwards;
    animation-delay: 4s;
}

.progress[data-percentage="98"] .progress-left .progress-bar {
    animation: loading-48 0.5s linear forwards 0.5s;
    animation-delay: 4s;
}

.progress[data-percentage="99"] .progress-right .progress-bar {
    animation: loading-50 0.5s linear forwards;
    animation-delay: 4s;
}

.progress[data-percentage="99"] .progress-left .progress-bar {
    animation: loading-49 0.5s linear forwards 0.5s;
    animation-delay: 4s;
}

.progress[data-percentage="100"] .progress-right .progress-bar {
    animation: loading-50 0.5s linear forwards;
    animation-delay: 4s;
}

.progress[data-percentage="100"] .progress-left .progress-bar {
    animation: loading-50 0.5s linear forwards 0.5s;
    animation-delay: 4s;
}

span.mission_value_number {
    font-size: 1.2rem;
    font-weight: bold;
    color: #009ddd;
}

.news_content embed {
    width: 100%;
    height: 100vh;
}

@keyframes zoominoutprogress {
    0% {
        transform: scale(1.05, 1.05);
    }
    50% {
        transform: scale(1.2, 1.2);
    }
    100% {
        transform: scale(1.05, 1.05);
    }
}

.progress.new {
    animation: zoominoutprogress 1s infinite;
}


.progress.progress_bp.new .progress-value {
    background: #E91E63
}

.progress.progress_bp.old .progress-value {
    background: #009688;
}

h4.card-title.master_path_title {
    font-weight: bold;
}

.master_path_text.arrival small {
    font-weight: bold
}


@keyframes loading-1 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(3.6);
        transform: rotate(3.6deg);
    }
}

@keyframes loading-2 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(7.2);
        transform: rotate(7.2deg);
    }
}

@keyframes loading-3 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(10.8);
        transform: rotate(10.8deg);
    }
}

@keyframes loading-4 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(14.4);
        transform: rotate(14.4deg);
    }
}

@keyframes loading-5 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(18);
        transform: rotate(18deg);
    }
}

@keyframes loading-6 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(21.6);
        transform: rotate(21.6deg);
    }
}

@keyframes loading-7 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(25.2);
        transform: rotate(25.2deg);
    }
}

@keyframes loading-8 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(28.8);
        transform: rotate(28.8deg);
    }
}

@keyframes loading-9 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(32.4);
        transform: rotate(32.4deg);
    }
}

@keyframes loading-10 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(36);
        transform: rotate(36deg);
    }
}

@keyframes loading-11 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(39.6);
        transform: rotate(39.6deg);
    }
}

@keyframes loading-12 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(43.2);
        transform: rotate(43.2deg);
    }
}

@keyframes loading-13 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(46.8);
        transform: rotate(46.8deg);
    }
}

@keyframes loading-14 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(50.4);
        transform: rotate(50.4deg);
    }
}

@keyframes loading-15 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(54);
        transform: rotate(54deg);
    }
}

@keyframes loading-16 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(57.6);
        transform: rotate(57.6deg);
    }
}

@keyframes loading-17 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(61.2);
        transform: rotate(61.2deg);
    }
}

@keyframes loading-18 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(64.8);
        transform: rotate(64.8deg);
    }
}

@keyframes loading-19 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(68.4);
        transform: rotate(68.4deg);
    }
}

@keyframes loading-20 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(72);
        transform: rotate(72deg);
    }
}

@keyframes loading-21 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(75.6);
        transform: rotate(75.6deg);
    }
}

@keyframes loading-22 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(79.2);
        transform: rotate(79.2deg);
    }
}

@keyframes loading-23 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(82.8);
        transform: rotate(82.8deg);
    }
}

@keyframes loading-24 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(86.4);
        transform: rotate(86.4deg);
    }
}

@keyframes loading-25 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(90);
        transform: rotate(90deg);
    }
}

@keyframes loading-26 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(93.6);
        transform: rotate(93.6deg);
    }
}

@keyframes loading-27 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(97.2);
        transform: rotate(97.2deg);
    }
}

@keyframes loading-28 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(100.8);
        transform: rotate(100.8deg);
    }
}

@keyframes loading-29 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(104.4);
        transform: rotate(104.4deg);
    }
}

@keyframes loading-30 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(108);
        transform: rotate(108deg);
    }
}

@keyframes loading-31 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(111.6);
        transform: rotate(111.6deg);
    }
}

@keyframes loading-32 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(115.2);
        transform: rotate(115.2deg);
    }
}

@keyframes loading-33 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(118.8);
        transform: rotate(118.8deg);
    }
}

@keyframes loading-34 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(122.4);
        transform: rotate(122.4deg);
    }
}

@keyframes loading-35 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(126);
        transform: rotate(126deg);
    }
}

@keyframes loading-36 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(129.6);
        transform: rotate(129.6deg);
    }
}

@keyframes loading-37 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(133.2);
        transform: rotate(133.2deg);
    }
}

@keyframes loading-38 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(136.8);
        transform: rotate(136.8deg);
    }
}

@keyframes loading-39 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(140.4);
        transform: rotate(140.4deg);
    }
}

@keyframes loading-40 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(144);
        transform: rotate(144deg);
    }
}

@keyframes loading-41 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(147.6);
        transform: rotate(147.6deg);
    }
}

@keyframes loading-42 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(151.2);
        transform: rotate(151.2deg);
    }
}

@keyframes loading-43 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(154.8);
        transform: rotate(154.8deg);
    }
}

@keyframes loading-44 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(158.4);
        transform: rotate(158.4deg);
    }
}

@keyframes loading-45 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(162);
        transform: rotate(162deg);
    }
}

@keyframes loading-46 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(165.6);
        transform: rotate(165.6deg);
    }
}

@keyframes loading-47 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(169.2);
        transform: rotate(169.2deg);
    }
}

@keyframes loading-48 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(172.8);
        transform: rotate(172.8deg);
    }
}

@keyframes loading-49 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(176.4);
        transform: rotate(176.4deg);
    }
}

@keyframes loading-50 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(180);
        transform: rotate(180deg);
    }
}

.view_student_map {
    color: #fff !important;
    border-radius: 0 !important;
    width: 90% !important;
}

.user_map_button a.btn:hover {
    background: #ffffff;
}

@media screen and (max-width: 1180px) and (min-width: 1024px) {
    .teacher-data {
        padding-left: 3rem !important;
    }

    img#teacher_image {
        height: 364px !important;
    }
}

@media only screen and (min-width: 1025px) {
    .g4s-map-user-selection img.card-img-top {
        height: 258px;
    }
}

/* Quiz Manager */


.header_quiz_intro {
    font-size: 1.5rem;
    font-weight: bold;
}

.logo_quiz_marelli {
    padding: 20px;
}

.container-quiz {
    background-repeat: no-repeat;
    background-size: cover;
}


.row_quiz_container, .container_blu {
    background: #f6fbff;
    border-radius: 15px;
}


.container_hw #quiz.quiz {
    padding: 0rem 8rem 3rem !important;
}


p.before_you_start {
    font-weight: bold;
    font-size: 1.8rem;
}

.g4s_play_flash_quiz_button, .g4s_play_flash_quiz_button:hover {
    border-radius: 5px !important;
    font-weight: bold !important;
}

.text_intro p {
    font-size: 1.3rem;
}

#quiz h3 {
    text-transform: initial !important;
    font-weight: bold;
}

#quiz h6 {
    text-transform: initial !important;
}

p.title_quiz {
    font-size: 1.5rem;
    font-weight: bold;
}

label.answer-val {
    background: rgb(255 255 255);
    border-radius: 10px;
    font-weight: bold;
    padding: 1rem !important;
    border: 2px solid rgb(204 204 204);
    font-size: 1.4rem;
}

label.clustering_response.answer-val {
    background: rgb(255 255 255);
    font-weight: bold;
    width: 100% !important;
    padding: 24px !important;
    border-radius: 10px 10px 0 0 !important;
    border: 2px solid rgb(204 204 204);
    font-size: 1rem !important;
    margin: 0 !important;
}


#sortable-container label.answer-val {
    background: none;
    border-radius: 0;
    border: 0;
    padding: 0 !important;
    width: 95%;
}

.answer-val .fa-circle {
    margin: 0 1rem;
    color: #92A3B5;
}


.answer-val.chosen {
    color: #ffffff;
    box-shadow: 0 .5rem 1rem rgba(1, 157, 221, .15) !important;
}

.answer-val.chosen .fa-circle:before {
    content: "\f192";
    color: #ffffff;
}

.wrong .answer-val {
    background: rgb(246 225 236);
    border: 2px solid rgb(255 0 70);
}

.correct .answer-val {
    background: #dcf0ed;
    border-color: #01924e;
}

#question-score.no_hw {
    font-size: 3.5rem
}

.answer-val .fa-dot-circle {
    margin: 0 1rem;
}

h3.correct_answer_label {
    background: #e9f8f7;
    padding: 10px;
    color: #019264 !important;
    text-transform: uppercase !important;
    font-size: 1.2rem;
}

/*div#wordHolder {
    padding: 0 20rem;
}*/


span.guesses_error {
    background: rgb(204 204 204);
    padding: 8px 12px;
    border-radius: 10px;
    font-weight: 600 !important;
}

.answer_description_row {
    background: rgb(0 0 0 / 30%);
    color: #ffffff;
    border-radius: 5px;
}

.answer_response p {
    font-size: 1.8rem;
}

.pum_image img {
    width: 100%;
}

#sortable-container .sequence_li_1 {
    margin: 10px;
    padding: 10px !important;
    font-size: 1.5rem !important;
    border-radius: 10px !important;
    text-shadow: none !important;
    background: #ffffff;
    max-width: 1050px;
    height: 100px;
    border: 2px solid #cccccc;
}

.dragging {
    background: aqua !important;
}

button#sequence-confirm {
    width: max-content;
}

/*.button_sequence_continue {
    padding-left:7rem !important;
}*/

.feedback_correct:before {
    display: inline-block;
    position: absolute;
    height: 40px;
    width: 40px;
    left: -4px;
    top: -5px;
    content: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGl2ZWxsb18xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgdmlld0JveD0iMCAwIDQwIDQwIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA0MCA0MDsiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4NCgkuc3Qwe2ZpbGw6IzRDQkE3NDt9DQoJLnN0MXtmaWxsOiNGRkZGRkY7fQ0KPC9zdHlsZT4NCjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0yMCwwYzAuNywwLDEuMywwLDIsMC4xczEuMywwLjIsMS45LDAuM2MwLjYsMC4xLDEuMywwLjMsMS45LDAuNWMwLjYsMC4yLDEuMiwwLjQsMS44LDAuN3MxLjIsMC41LDEuOCwwLjgNCglzMS4xLDAuNiwxLjcsMXMxLjEsMC44LDEuNiwxLjJjMC41LDAuNCwxLDAuOSwxLjUsMS4zYzAuNSwwLjUsMC45LDAuOSwxLjMsMS41YzAuNCwwLjUsMC44LDEsMS4yLDEuNmMwLjQsMC41LDAuNywxLjEsMSwxLjcNCgljMC4zLDAuNiwwLjYsMS4yLDAuOCwxLjhzMC41LDEuMiwwLjcsMS44YzAuMiwwLjYsMC4zLDEuMywwLjUsMS45YzAuMSwwLjYsMC4yLDEuMywwLjMsMS45czAuMSwxLjMsMC4xLDJzMCwxLjMtMC4xLDINCglzLTAuMiwxLjMtMC4zLDEuOWMtMC4xLDAuNi0wLjMsMS4zLTAuNSwxLjljLTAuMiwwLjYtMC40LDEuMi0wLjcsMS44Yy0wLjMsMC42LTAuNSwxLjItMC44LDEuOHMtMC42LDEuMS0xLDEuNw0KCWMtMC40LDAuNS0wLjgsMS4xLTEuMiwxLjZjLTAuNCwwLjUtMC45LDEtMS4zLDEuNWMtMC41LDAuNS0wLjksMC45LTEuNSwxLjNjLTAuNSwwLjQtMSwwLjgtMS42LDEuMmMtMC41LDAuNC0xLjEsMC43LTEuNywxDQoJYy0wLjYsMC4zLTEuMiwwLjYtMS44LDAuOGMtMC42LDAuMy0xLjIsMC41LTEuOCwwLjdzLTEuMywwLjMtMS45LDAuNWMtMC42LDAuMS0xLjMsMC4yLTEuOSwwLjNTMjAuNyw0MCwyMCw0MGMtMC43LDAtMS4zLDAtMi0wLjENCgljLTAuNy0wLjEtMS4zLTAuMi0xLjktMC4zYy0wLjYtMC4xLTEuMy0wLjMtMS45LTAuNXMtMS4yLTAuNC0xLjgtMC43Yy0wLjYtMC4zLTEuMi0wLjUtMS44LTAuOGMtMC42LTAuMy0xLjEtMC42LTEuNy0xDQoJYy0wLjUtMC40LTEuMS0wLjgtMS42LTEuMmMtMC41LTAuNC0xLTAuOS0xLjUtMS4zYy0wLjUtMC41LTAuOS0wLjktMS4zLTEuNWMtMC40LTAuNS0wLjgtMS0xLjItMS42Yy0wLjQtMC41LTAuNy0xLjEtMS0xLjcNCglzLTAuNi0xLjItMC44LTEuOGMtMC4zLTAuNi0wLjUtMS4yLTAuNy0xLjhjLTAuMi0wLjYtMC4zLTEuMy0wLjUtMS45Yy0wLjEtMC42LTAuMi0xLjMtMC4zLTEuOVMwLDIwLjcsMCwyMHMwLTEuMywwLjEtMg0KCXMwLjItMS4zLDAuMy0xLjljMC4xLTAuNiwwLjMtMS4zLDAuNS0xLjljMC4yLTAuNiwwLjQtMS4yLDAuNy0xLjhzMC41LTEuMiwwLjgtMS44QzIuNywxMCwzLDkuNCwzLjQsOC45YzAuNC0wLjUsMC44LTEuMSwxLjItMS42DQoJYzAuNC0wLjUsMC45LTEsMS4zLTEuNUM2LjMsNS40LDYuOCw1LDcuMyw0LjVjMC41LTAuNCwxLTAuOCwxLjYtMS4yYzAuNS0wLjQsMS4xLTAuNywxLjctMWMwLjYtMC4zLDEuMi0wLjYsMS44LTAuOA0KCXMxLjItMC41LDEuOC0wLjdjMC42LTAuMiwxLjMtMC4zLDEuOS0wLjVjMC42LTAuMSwxLjMtMC4yLDEuOS0wLjNDMTguNywwLDE5LjMsMCwyMCwweiIvPg0KPHBhdGggY2xhc3M9InN0MSIgZD0iTTE3LjIsMjYuMWwtNS42LTUuNmMtMC4zLTAuMy0wLjMtMC45LDAtMS4ybDAsMGwxLjItMS4yYzAuMy0wLjMsMC45LTAuMywxLjIsMGwwLDBsMy44LDMuOGw4LTgNCgljMC4zLTAuMywwLjktMC4zLDEuMiwwbDAsMGwxLjIsMS4yYzAuMywwLjMsMC4zLDAuOSwwLDEuMmwwLDBsLTkuOSw5LjlDMTguMSwyNi41LDE3LjYsMjYuNSwxNy4yLDI2LjFMMTcuMiwyNi4xeiIvPg0KPC9zdmc+DQo=);
}

.sortable_number {
    height: 100px;
    text-align: center
}

.sortable_number span {
    line-height: 100px;
    vertical-align: middle;
    width: 70px;
    text-align: center;
    border-radius: 50%;
    border: 2px solid #99acbf;
    padding: 14px 20px;
    font-weight: bold;
}

#sortable-container .sequence_li_1:after {
    content: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGl2ZWxsb18xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgdmlld0JveD0iMCAwIDE5NSAzMjAiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDE5NSAzMjA7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+DQoJLnN0MHtmaWxsOiMwMDI4NTU7fQ0KPC9zdHlsZT4NCjxjaXJjbGUgY2xhc3M9InN0MCIgY3g9IjM3LjIiIGN5PSI0MC40IiByPSIzMC4zIi8+DQo8Y2lyY2xlIGNsYXNzPSJzdDAiIGN4PSIxNTciIGN5PSI0MC40IiByPSIzMC4zIi8+DQo8Y2lyY2xlIGNsYXNzPSJzdDAiIGN4PSIzNy4yIiBjeT0iMTU5LjkiIHI9IjMwLjMiLz4NCjxlbGxpcHNlIHRyYW5zZm9ybT0ibWF0cml4KDcuMDg4OTAzZS0wMiAtMC45OTc1IDAuOTk3NSA3LjA4ODkwM2UtMDIgLTEzLjY1NTkgMzA1LjE1OTIpIiBjbGFzcz0ic3QwIiBjeD0iMTU3IiBjeT0iMTU5LjkiIHJ4PSIzMC4zIiByeT0iMzAuMyIvPg0KPGNpcmNsZSBjbGFzcz0ic3QwIiBjeD0iMzcuMiIgY3k9IjI3OS40IiByPSIzMC4zIi8+DQo8ZWxsaXBzZSB0cmFuc2Zvcm09Im1hdHJpeCg3LjA4ODkwM2UtMDIgLTAuOTk3NSAwLjk5NzUgNy4wODg5MDNlLTAyIC0xMzIuODY1MiA0MTYuMTk3MykiIGNsYXNzPSJzdDAiIGN4PSIxNTciIGN5PSIyNzkuNCIgcng9IjMwLjMiIHJ5PSIzMC4zIi8+DQo8L3N2Zz4NCg==);
    display: inline-block;
    height: 16px;
    width: 16px;
    margin-right: 5px;
    float: right;
    margin-top: 10px
}

#quiz-container, #questionary-container {
    overflow-y: scroll;
    padding-bottom: 15vh;
}

.arrow_hidden {
    opacity: 0;
    font-size: 1.2rem;
}

.arrow {
    font-size: 1.2rem;
    color: #ffffff;
}

/*#sortable-container div:last-child {
    display:none;
}*/

.question h3 {
    text-transform: initial;
    font-weight: bold;
}

.clustering_sequence:after {
    display: none
}


.clustering_sequence:nth-of-type(1) {
    background: #00DCFF;
    color: #002855;
    font-weight: bold;

}

.clustering_sequence:nth-of-type(2) {
    background: #6A3100;
    color: #ffffff;
    font-weight: bold;
}

.clustering_sequence:nth-of-type(3) {
    background: #FFCC00;
    color: #002855;
    font-weight: bold;
}

.clustering_sequence:nth-of-type(4) {
    background: #FF6600;
    color: #ffffff;
    font-weight: bold;
}

.clustering_sequence:nth-of-type(5) {
    background: #004BFA;
    color: #ffffff;
    font-weight: bold;
}

.clustering_sequence:nth-of-type(6) {
    background: #F912B4;
    color: #ffffff;
    font-weight: bold;
}

.clustering_sequence:nth-of-type(7) {
    background: #009D25;
    color: #ffffff;
    font-weight: bold;
}

.answer-val-mod {
    width: 100%;
    padding: 24px;
    border-radius: 10px 10px 0 0;
    border: 2px solid rgb(204 204 204);
    background: #ffffff;
    color: #ffffff;
}

.feedback_wrong:before {
    display: inline-block;
    position: absolute;
    height: 40px;
    width: 40px;
    left: -5px;
    top: -10px;
    content: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGl2ZWxsb18xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgdmlld0JveD0iMCAwIDQwIDQwIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA0MCA0MDsiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4NCgkuc3Qwe2ZpbGw6I0VFMUU0Qjt9DQoJLnN0MXtmaWxsOiNGRkZGRkY7fQ0KPC9zdHlsZT4NCjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0yMCwwYzAuNywwLDEuMywwLDIsMC4xczEuMywwLjIsMS45LDAuM2MwLjYsMC4xLDEuMywwLjMsMS45LDAuNWMwLjYsMC4yLDEuMiwwLjQsMS44LDAuNw0KCWMwLjYsMC4zLDEuMiwwLjUsMS44LDAuOHMxLjEsMC42LDEuNywxYzAuNSwwLjQsMS4xLDAuOCwxLjYsMS4yYzAuNSwwLjQsMSwwLjksMS41LDEuM2MwLjUsMC41LDAuOSwwLjksMS4zLDEuNQ0KCWMwLjQsMC41LDAuOCwxLDEuMiwxLjZjMC40LDAuNSwwLjcsMS4xLDEsMS43czAuNiwxLjIsMC44LDEuOHMwLjUsMS4yLDAuNywxLjhjMC4yLDAuNiwwLjMsMS4zLDAuNSwxLjljMC4xLDAuNiwwLjIsMS4zLDAuMywxLjkNCgljMC4xLDAuNywwLjEsMS4zLDAuMSwyczAsMS4zLTAuMSwycy0wLjIsMS4zLTAuMywxLjljLTAuMSwwLjYtMC4zLDEuMy0wLjUsMS45Yy0wLjIsMC42LTAuNCwxLjItMC43LDEuOGMtMC4zLDAuNi0wLjUsMS4yLTAuOCwxLjgNCgljLTAuMywwLjYtMC42LDEuMS0xLDEuN2MtMC40LDAuNS0wLjgsMS4xLTEuMiwxLjZjLTAuNCwwLjUtMC45LDEtMS4zLDEuNWMtMC41LDAuNS0wLjksMC45LTEuNSwxLjNjLTAuNSwwLjQtMSwwLjgtMS42LDEuMg0KCWMtMC41LDAuNC0xLjEsMC43LTEuNywxYy0wLjYsMC4zLTEuMiwwLjYtMS44LDAuOHMtMS4yLDAuNS0xLjgsMC43Yy0wLjYsMC4yLTEuMywwLjMtMS45LDAuNWMtMC42LDAuMS0xLjMsMC4yLTEuOSwwLjMNCglTMjAuNyw0MCwyMCw0MGMtMC43LDAtMS4zLDAtMi0wLjFjLTAuNy0wLjEtMS4zLTAuMi0xLjktMC4zYy0wLjYtMC4xLTEuMy0wLjMtMS45LTAuNWMtMC42LTAuMi0xLjItMC40LTEuOC0wLjdzLTEuMi0wLjUtMS44LTAuOA0KCWMtMC42LTAuMy0xLjEtMC42LTEuNy0xYy0wLjUtMC40LTEuMS0wLjgtMS42LTEuMmMtMC41LTAuNC0xLTAuOS0xLjUtMS4zYy0wLjUtMC41LTAuOS0wLjktMS4zLTEuNWMtMC40LTAuNS0wLjgtMS0xLjItMS42DQoJYy0wLjQtMC41LTAuNy0xLjEtMS0xLjdjLTAuMy0wLjYtMC42LTEuMi0wLjgtMS44Yy0wLjMtMC42LTAuNS0xLjItMC43LTEuOGMtMC4yLTAuNi0wLjMtMS4zLTAuNS0xLjljLTAuMS0wLjYtMC4yLTEuMy0wLjMtMS45DQoJUzAsMjAuNywwLDIwczAtMS4zLDAuMS0yYzAuMS0wLjcsMC4yLTEuMywwLjMtMS45YzAuMS0wLjYsMC4zLTEuMywwLjUtMS45YzAuMi0wLjYsMC40LTEuMiwwLjctMS44czAuNS0xLjIsMC44LTEuOHMwLjYtMS4xLDEtMS43DQoJYzAuNC0wLjUsMC44LTEuMSwxLjItMS42YzAuNC0wLjUsMC45LTEsMS4zLTEuNUM2LjMsNS40LDYuOCw1LDcuMyw0LjVjMC41LTAuNCwxLTAuOCwxLjYtMS4yYzAuNS0wLjQsMS4xLTAuNywxLjctMQ0KCWMwLjYtMC4zLDEuMi0wLjYsMS44LTAuOGMwLjYtMC4zLDEuMi0wLjUsMS44LTAuN2MwLjYtMC4yLDEuMy0wLjMsMS45LTAuNWMwLjYtMC4xLDEuMy0wLjIsMS45LTAuM0MxOC43LDAsMTkuMywwLDIwLDB6Ii8+DQo8cGF0aCBjbGFzcz0ic3QxIiBkPSJNMjIsMjBsNi4xLTYuMWMwLjYtMC42LDAuNS0xLjUsMC0yYy0wLjYtMC41LTEuNC0wLjUtMiwwTDIwLDE4bC02LjEtNi4xYy0wLjYtMC42LTEuNS0wLjYtMiwwDQoJYy0wLjYsMC42LTAuNiwxLjUsMCwybDAsMEwxOCwyMGwtNi4xLDYuMWMtMC42LDAuNi0wLjYsMS41LDAsMmMwLjYsMC42LDEuNSwwLjYsMiwwTDIwLDIybDYuMSw2LjFjMC42LDAuNiwxLjUsMC42LDIsMA0KCWMwLjYtMC42LDAuNi0xLjUsMC0yTDIyLDIweiIvPg0KPC9zdmc+DQo=);
}

.clustering_box_answer p {
    display: none
}

.clustering_box_answer #type_class.clickable_div {
    border-radius: 0 0 10px 10px;
    border-left: 2px solid #cccccc;
    border-right: 2px solid #cccccc;
    border-bottom: 2px solid #cccccc;
    padding: 20px;
    min-height: 100px
}

.clustering_box_answer #type_class.clickable_div_mobile {
    border-radius: 0 0 10px 10px;
    border-left: 2px solid #cccccc;
    border-right: 2px solid #cccccc;
    border-bottom: 2px solid #cccccc;
    padding: 10px;
    min-height: 50px;
}

span.guesses_error {
    background: #cccccc;
    padding: 8px 12px;
    border-radius: 10px;
    font-weight: 600 !important;
}

.correct_order-sequence {
    margin: 0 10rem
}

.clustering_box_answer {
    background: rgb(255 255 255);
    border-radius: 10px;
    margin-bottom: 1rem;
}

.clustering_box_answer span {
    display: inline-block;
    padding: 10px;
    min-height: 100px;
    margin: auto 30px
}

#first-set .clusering_choice {
    border-radius: 0;
    pointer-events: none;
    padding: 20px;
}

#first-set .fas {
    display: none;
}


.clustering_modal .close {
    opacity: 1;
    font-size: 40px;
    color: #ffffff
}

.clustering_modal .card {
    padding: 10px
}

.clustering_modal .card h6, .clustering_modal .modal-footer {
    display: none;
}

.clustering_modal {
    background: rgb(0 0 0 / 0.4)
}


.clustering_modal .close {
    opacity: 1;
    font-size: 40px;
    color: #ffffff
}

.clustering_modal .card {
    padding: 10px
}

.clustering_modal .card h6, .clustering_modal .modal-footer {
    display: none;
}

.clustering_modal {
    background: rgb(0 0 0 / 0.4)
}

button#clustering-variant-confirm {
    max-width: max-content;
    float: right;
    margin-right: 3rem
}

.tileS {
    width: 77px;
    display: inline-block
}

i.fas.fa-long-arrow-alt-down {
    font-size: 40px !important;
}

.answer-val-mod:focus {
    outline: none;
}

.answer-val-mod.sequence_li_0 {
    background: #ffffff;
    color: #000000;
}

.answer-val-mod.sequence_li_1 {
    font-weight: bold;
}

.answer-val-mod.sequence_li_1:after {
    display: none;
}

.answer-val-mod.sequence_li_2 {
    background: #6A3100;
    color: #ffffff;
    font-weight: bold;
}

.answer-val-mod.sequence_li_3 {
    background: #FFCC00;
    color: #002855;
    font-weight: bold;
}

.answer-val-mod.sequence_li_4 {
    background: #FF6600;
    color: #ffffff;
    font-weight: bold;
}

.answer-val-mod.sequence_li_5 {
    background: #004BFA;
    color: #ffffff;
    font-weight: bold;
}

.answer-val-mod.sequence_li_6 {
    background: #F912B4;
    color: #ffffff;
    font-weight: bold;
}

.answer-val-mod.sequence_li_7 {
    background: #009D25;
    color: #ffffff;
    font-weight: bold;
}


.clustering_images_answer {
    border-radius: 10px;
    padding: 0;
}

.clustering_images_answer img {
    object-fit: contain;
    width: 100%;
    height: auto;
    object-position: center;
    filter: brightness(0.9);
    margin-top: 0 !important;
}

.clustering_images_selected.answer-val-mod.sequence_li_1 {
    background: rgb(216 252 255);
    color: rgb(0 40 85);
    border: 6px solid rgb(50 192 192);
}

.clustering_images_selected.answer-val-mod.sequence_li_1:after {
    display: none;
}

.clustering_images_selected.answer-val-mod.sequence_li_2 {
    background: rgb(241 236 255);
    border: 6px solid rgb(204 102 255);
}

.clustering_images_selected.answer-val-mod.sequence_li_3 {
    background: rgb(248 252 217);
    border: 6px solid rgb(240 188 39);
}

.clustering_images_selected.answer-val-mod.sequence_li_4 {
    background: #f6e5d9;
    border: 6px solid #ff6600;
}

.answer-val.sequence_li_1:after {
    display: none
}

.clustering_response_box.wrong .answer-val {
    background: none
}

.clustering_response_box.correct .answer-val {
    background: none
}

.clustering_response_box .answer-val:after {
    display: none
}

.clustering_response_box .answer-val:after {
    display: none
}

.clustering_response_box .answer-val {
    padding: 5px;
    border-radius: 0;
    margin: 0;
    width: 100%;
    min-height: 58px
}

.clustering_response_box .answer-val.sequence_li_1 {
    background: #43c8f8;
}

.clustering_response_box .answer-val.sequence_li_2 {
    background: #2f58ea;
}

.clustering_response_box .answer-val.sequence_li_3 {
    background: #111a8c;
}

.clustering_response_box .answer-val.sequence_li_4 {
    background: #06669E;
}

.clustering_response_box .answer-val.sequence_li_5 {
    background: #D9E7FF;

}

.clustering_response_box .answer-val.sequence_li_6 {
    background: #F6D9EC;

}

.clustering_response_box .answer-val.sequence_li_7 {
    background: #DDFFED;

}


/*vincenzo*/

.col-4.clustering_response_box:nth-child(7), .col-4.clustering_response_box:nth-child(8), .col-4.clustering_response_box:nth-child(9), .col-4.clustering_response_box:nth-child(10) {
    display: none
}

/* fine vincenzo*/

p.wrong_title {
    background: #f6eef6;
    color: #ff0046 !important;
    padding: 10px;
    font-weight: bold;
    font-size: 1.4rem;
    text-transform: uppercase;
}

.row_wrong {
    margin: 0;
}

p.wrong_title {
    background: #f6eef6;
    color: #ff0046 !important;
    padding: 10px;
    font-weight: bold;
    font-size: 1.4rem;
    text-transform: uppercase;
}

.number_sequence_feedback .sortable_number {
    padding-right: 3rem !important;
}


.question_clustering h3 {
    margin: 0 0 10px !important
}

.col-12.question_clustering h6 {
    text-transform: initial;
    font-size: 1.2rem
}

.first_cluster {
    padding: 10px;
    font-size: 1.4rem;
    font-weight: bold;
}

.first_cluster label {
    color: #ffffff;
    line-height: 38px;
    margin: 0;
}

.change_clustering button {
    border: 0;
    background: #ffffff !important;
}

.change_clustering button {
    border: 0;
    background: #ffffff !important;
    line-height: 38px;
}

.change_clustering button:focus {
    outline: none
}

.change_clustering {
    background: #ffffff
}

button.btn.btn-primary.clusering_choice {
    border-radius: 0;
}

.clustering_modal_header {
    color: #ffffff;
}

.your_answer, .correct_answer {
    color: #ffffff;
    font-weight: bold;
}

.sequence_answer_val.answer-val {
    padding: 10px !important;
    font-size: 1.5rem !important;
    border-radius: 10px !important;
    text-shadow: none !important;
    /*height: 64px;*/
    text-indent: 1.2rem
}

/*.row_wrong {
    counter-reset: listCounter;
}

.col_wrong {
    counter-increment: listCounter;
}

.col_wrong:before {
    content: counter(listCounter);
    position:absolute;
    margin:0.6rem;
    font-size:1.5rem;
    color:#ffffff;
    font-weight:bold;
}

.row_correct {
    counter-reset: listCounter;
}

.col_correct {
    counter-increment: listCounter;
}

.col_correct:before {
    content: counter(listCounter);
    position:absolute;
    margin:0.6rem;
    font-size:1.5rem;
    color:#ffffff;
    font-weight:bold;
}*/

.feedback_correct .sequence_answer_val, .feedback_wrong .sequence_answer_val {
    pointer-events: none;
}

.wrong.clustering_response_box.correct .bg-white:before {

    display: inline-block;
    height: 32px;
    width: 32px;
    content: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGl2ZWxsb18xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgdmlld0JveD0iMCAwIDEwMCAxMDAiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDEwMCAxMDA7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+DQoJLnN0MHtmaWxsOiM1M0JEOEM7fQ0KCS5zdDF7ZmlsbDojRkZGRkZGO30NCjwvc3R5bGU+DQo8Y2lyY2xlIGNsYXNzPSJzdDAiIGN4PSI1MCIgY3k9IjUwIiByPSI0MCIvPg0KPHBvbHlnb24gY2xhc3M9InN0MSIgcG9pbnRzPSI2Ny4zLDMxLjYgNDQuOCw1NC4xIDMyLjcsNDEuOSAyNS41LDQ5LjEgNDQuOCw2OC40IDUyLDYxLjMgNzQuNSwzOC43ICIvPg0KPC9zdmc+DQo=);
    left: 0px;
    margin-top: -3px
}


.wrong.clustering_response_box .bg-white:before {
    display: inline-block;
    height: 32px;
    width: 32px;
    content: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGl2ZWxsb18xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgdmlld0JveD0iMCAwIDEwMCAxMDAiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDEwMCAxMDA7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+DQoJLnN0MHtmaWxsOiNGMDUyNTQ7fQ0KCS5zdDF7ZmlsbDojRkZGRkZGO30NCjwvc3R5bGU+DQo8Y2lyY2xlIGNsYXNzPSJzdDAiIGN4PSI0OS44IiBjeT0iNTAuMSIgcj0iNDAiLz4NCjxwb2x5Z29uIGNsYXNzPSJzdDEiIHBvaW50cz0iNjkuOSwzNi45IDYzLDMwIDQ5LjgsNDMuMiAzNi43LDMwIDI5LjcsMzYuOSA0Mi45LDUwLjEgMjkuNyw2My4zIDM2LjcsNzAuMiA0OS44LDU3IDYzLDcwLjIgDQoJNjkuOSw2My4zIDU2LjgsNTAuMSAiLz4NCjwvc3ZnPg0K);
    position: absolute;
    position: absolute;
    left: 0px;
    margin-top: -3px

}

.question p {
    color: #ffffff;
}

.c_variant_answer_val.answer-val {
    border-radius: 0;
    text-indent: 0;
    padding: 5px;
    width: 100%;
}

.c_variant_answer_val.answer-val.after {
    display: none;
}

label.multiple_answer.answer-val:before {
    display: inline-block;
    height: 16px;
    width: 16px;
    margin: 5px;
    content: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyNS4yLjMsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGl2ZWxsb18xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgdmlld0JveD0iMCAwIDY0IDY0IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA2NCA2NDsiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4NCgkuc3Qwe2ZpbGw6IzkyQTNCNTt9DQo8L3N0eWxlPg0KPHBhdGggY2xhc3M9InN0MCIgZD0iTTMyLDEuMDVDMTQuOTEsMS4wNSwxLjA1LDE0LjkxLDEuMDUsMzJTMTQuOTEsNjIuOTUsMzIsNjIuOTVTNjIuOTUsNDkuMDksNjIuOTUsMzJTNDkuMDksMS4wNSwzMiwxLjA1eg0KCSBNMzIsNTguNDNDMTcuNDEsNTguNDMsNS41Nyw0Ni41OSw1LjU3LDMyUzE3LjQxLDUuNTcsMzIsNS41N1M1OC40MywxNy40MSw1OC40MywzMlM0Ni41OSw1OC40MywzMiw1OC40M3oiLz4NCjwvc3ZnPg0K);
}

label.multiple_answer.answer-val:before {
    line-height: 10px;
}

label.answer-val.multiple_answer.chosen:before {
    display: inline-block;
    height: 16px;
    width: 16px;
    margin: 5px;
    content: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyNS4yLjMsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGl2ZWxsb18xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgdmlld0JveD0iMCAwIDY0IDY0IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA2NCA2NDsiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4NCgkuc3Qwe2ZpbGw6I0ZGRkZGRjt9DQo8L3N0eWxlPg0KPHBhdGggY2xhc3M9InN0MCIgZD0iTTMyLDEuMDVDMTQuOTEsMS4wNSwxLjA1LDE0LjkxLDEuMDUsMzJTMTQuOTEsNjIuOTUsMzIsNjIuOTVTNjIuOTUsNDkuMDksNjIuOTUsMzJTNDkuMDksMS4wNSwzMiwxLjA1eg0KCSBNMzIsNTguNDNDMTcuNDEsNTguNDMsNS41Nyw0Ni41OSw1LjU3LDMyUzE3LjQxLDUuNTcsMzIsNS41N1M1OC40MywxNy40MSw1OC40MywzMlM0Ni41OSw1OC40MywzMiw1OC40M3oiLz4NCjxjaXJjbGUgY2xhc3M9InN0MCIgY3g9IjMyIiBjeT0iMzIiIHI9IjExLjUyIi8+DQo8L3N2Zz4NCg==);
}

.text_intro p {
    font-size: 1.5rem;
    margin-bottom: 1.5rem
}

p.before_you_start {
    font-size: 2rem
}

.container_hidden_word {
    max-width: 1600px !important;
    border-radius: 10px 10px 0 0;
}

.container_multiple_quiz, .container_hw {
    max-width: 1600px !important;
}

#gameContent.container {
    max-width: 1600px !important;
    background: rgb(255 255 255);
    border-radius: 0 0 10px 10px;
}

/*.progress {*/
/*    height: 0.5rem !important;*/
/*}*/

div#logoHolder {
    margin: 20px auto 0px;
    box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important;
}

#wordHolder .tile {
    border: 1px solid #ccc;
    border-radius: 5px;
    margin: 10px;
    padding: 10px 18px;
    height: unset;
    width: unset;
    font-size: 15px;
    text-transform: uppercase;
    font-weight: bold;
}

div#clueHolder:before {
    display: inline-block;
    height: 40px;
    width: 40px;
    margin-right: 5px;
    vertical-align: middle;
    content: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGl2ZWxsb18xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgdmlld0JveD0iMCAwIDQwIDQwIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA0MCA0MDsiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4NCgkuc3Qwe2ZpbGw6bm9uZTtzdHJva2U6IzE2MkI1NDtzdHJva2Utd2lkdGg6Mjt9DQoJLnN0MXtmaWxsOm5vbmU7c3Ryb2tlOiMxNjJCNTQ7c3Ryb2tlLXdpZHRoOjI7c3Ryb2tlLWxpbmVjYXA6cm91bmQ7fQ0KCS5zdDJ7ZmlsbDojMTYyQjU0O30NCjwvc3R5bGU+DQo8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMi4xLDMxLjFWOS44YzAtMC41LDAtMC45LDAuMS0xLjRDMi4zLDgsMi41LDcuNSwyLjcsNy4xYzAuMi0wLjQsMC40LTAuOCwwLjctMS4yYzAuMy0wLjQsMC42LTAuNywwLjktMS4xDQoJYzAuMy0wLjMsMC43LTAuNiwxLjEtMC45YzAuNC0wLjMsMC44LTAuNSwxLjItMC43QzYuOSwzLjEsNy40LDMsNy44LDIuOWMwLjUtMC4xLDAuOS0wLjEsMS40LTAuMWgyMS4zYzAuNSwwLDAuOSwwLDEuNCwwLjENCgljMC41LDAuMSwwLjksMC4yLDEuMywwLjRjMC40LDAuMiwwLjgsMC40LDEuMiwwLjdjMC40LDAuMywwLjcsMC42LDEuMSwwLjljMC4zLDAuMywwLjYsMC43LDAuOSwxLjFjMC4zLDAuNCwwLjUsMC44LDAuNywxLjINCgljMC4yLDAuNCwwLjMsMC45LDAuNCwxLjNjMC4xLDAuNSwwLjEsMC45LDAuMSwxLjR2MjEuM2MwLDAuNSwwLDAuOS0wLjEsMS40Yy0wLjEsMC41LTAuMiwwLjktMC40LDEuM2MtMC4yLDAuNC0wLjQsMC44LTAuNywxLjINCgljLTAuMywwLjQtMC42LDAuNy0wLjksMS4xYy0wLjMsMC4zLTAuNywwLjYtMS4xLDAuOWMtMC40LDAuMy0wLjgsMC41LTEuMiwwLjdjLTAuNCwwLjItMC45LDAuMy0xLjMsMC40Yy0wLjUsMC4xLTAuOSwwLjEtMS40LDAuMQ0KCUg5LjJjLTAuNSwwLTAuOSwwLTEuNC0wLjFjLTAuNS0wLjEtMC45LTAuMi0xLjMtMC40Yy0wLjQtMC4yLTAuOC0wLjQtMS4yLTAuN2MtMC40LTAuMy0wLjctMC42LTEuMS0wLjljLTAuMy0wLjMtMC42LTAuNy0wLjktMS4xDQoJYy0wLjMtMC40LTAuNS0wLjgtMC43LTEuMmMtMC4yLTAuNC0wLjMtMC45LTAuNC0xLjNDMi4yLDMyLDIuMSwzMS41LDIuMSwzMS4xeiIvPg0KPGxpbmUgY2xhc3M9InN0MSIgeDE9IjkuNiIgeTE9IjE4IiB4Mj0iMTEiIHkyPSIxOCIvPg0KPGxpbmUgY2xhc3M9InN0MSIgeDE9IjI4LjMiIHkxPSIxOCIgeDI9IjI5LjgiIHkyPSIxOCIvPg0KPGxpbmUgY2xhc3M9InN0MSIgeDE9IjI2IiB5MT0iMTIuNiIgeDI9IjI3LjEiIHkyPSIxMS41Ii8+DQo8bGluZSBjbGFzcz0ic3QxIiB4MT0iMTIuMyIgeTE9IjI0LjciIHgyPSIxMy40IiB5Mj0iMjMuNiIvPg0KPGxpbmUgY2xhc3M9InN0MSIgeDE9IjI3IiB5MT0iMjQuNyIgeDI9IjI1LjkiIHkyPSIyMy42Ii8+DQo8bGluZSBjbGFzcz0ic3QxIiB4MT0iMTMuNCIgeTE9IjEyLjYiIHgyPSIxMi40IiB5Mj0iMTEuNSIvPg0KPHBhdGggY2xhc3M9InN0MiIgZD0iTTE5LjcsMTIuNmMtMy4yLDAtNS44LDIuNi01LjgsNS44YzAsMS45LDAuOSwzLjYsMi41LDQuN3YxLjljMCwwLjUsMC40LDAuOCwwLjgsMC44aDVjMC41LDAsMC44LTAuNCwwLjgtMC44djANCgl2LTEuOWMyLjYtMS44LDMuMy01LjQsMS40LThDMjMuMywxMy41LDIxLjYsMTIuNiwxOS43LDEyLjZ6IE0xNy4xLDI4LjJjMCwwLjUsMC4zLDAuOCwwLjgsMC45aDMuNWMwLjUsMCwwLjgtMC40LDAuOC0wLjl2LTAuOGgtNS4xDQoJVjI4LjJ6Ii8+DQo8L3N2Zz4NCg==);

}

div#guesses:before {
    display: inline-block;
    height: 40px;
    width: 40px;
    margin-right: 5px;
    vertical-align: middle;
    content: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGl2ZWxsb18xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgdmlld0JveD0iMCAwIDQwIDQwIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA0MCA0MDsiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4NCgkuc3Qwe2ZpbGw6bm9uZTtzdHJva2U6IzE2MkI1NDtzdHJva2Utd2lkdGg6Mjt9DQoJLnN0MXtkaXNwbGF5Om5vbmU7ZmlsbDpub25lO3N0cm9rZTojMTYyQjU0O3N0cm9rZS13aWR0aDoyO3N0cm9rZS1saW5lY2FwOnJvdW5kO30NCgkuc3Qye2Rpc3BsYXk6bm9uZTtmaWxsOiMxNjJCNTQ7fQ0KCS5zdDN7ZmlsbDojMTYyQjU0O30NCjwvc3R5bGU+DQo8Zz4NCgk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMi4xLDMxLjFWOS44YzAtMC41LDAtMC45LDAuMS0xLjRDMi4zLDgsMi41LDcuNSwyLjcsNy4xYzAuMi0wLjQsMC40LTAuOCwwLjctMS4yYzAuMy0wLjQsMC42LTAuNywwLjktMS4xDQoJCWMwLjMtMC4zLDAuNy0wLjYsMS4xLTAuOWMwLjQtMC4zLDAuOC0wLjUsMS4yLTAuN0M2LjksMy4xLDcuNCwzLDcuOCwyLjljMC41LTAuMSwwLjktMC4xLDEuNC0wLjFoMjEuM2MwLjUsMCwwLjksMCwxLjQsMC4xDQoJCWMwLjUsMC4xLDAuOSwwLjIsMS4zLDAuNGMwLjQsMC4yLDAuOCwwLjQsMS4yLDAuN2MwLjQsMC4zLDAuNywwLjYsMS4xLDAuOWMwLjMsMC4zLDAuNiwwLjcsMC45LDEuMWMwLjMsMC40LDAuNSwwLjgsMC43LDEuMg0KCQljMC4yLDAuNCwwLjMsMC45LDAuNCwxLjNjMC4xLDAuNSwwLjEsMC45LDAuMSwxLjR2MjEuM2MwLDAuNSwwLDAuOS0wLjEsMS40Yy0wLjEsMC41LTAuMiwwLjktMC40LDEuM2MtMC4yLDAuNC0wLjQsMC44LTAuNywxLjINCgkJYy0wLjMsMC40LTAuNiwwLjctMC45LDEuMWMtMC4zLDAuMy0wLjcsMC42LTEuMSwwLjljLTAuNCwwLjMtMC44LDAuNS0xLjIsMC43Yy0wLjQsMC4yLTAuOSwwLjMtMS4zLDAuNGMtMC41LDAuMS0wLjksMC4xLTEuNCwwLjENCgkJSDkuMmMtMC41LDAtMC45LDAtMS40LTAuMWMtMC41LTAuMS0wLjktMC4yLTEuMy0wLjRjLTAuNC0wLjItMC44LTAuNC0xLjItMC43Yy0wLjQtMC4zLTAuNy0wLjYtMS4xLTAuOWMtMC4zLTAuMy0wLjYtMC43LTAuOS0xLjENCgkJYy0wLjMtMC40LTAuNS0wLjgtMC43LTEuMmMtMC4yLTAuNC0wLjMtMC45LTAuNC0xLjNDMi4yLDMyLDIuMSwzMS41LDIuMSwzMS4xeiIvPg0KCTxsaW5lIGNsYXNzPSJzdDEiIHgxPSI5LjYiIHkxPSIxOCIgeDI9IjExIiB5Mj0iMTgiLz4NCgk8bGluZSBjbGFzcz0ic3QxIiB4MT0iMjguMyIgeTE9IjE4IiB4Mj0iMjkuOCIgeTI9IjE4Ii8+DQoJPGxpbmUgY2xhc3M9InN0MSIgeDE9IjI2IiB5MT0iMTIuNiIgeDI9IjI3LjEiIHkyPSIxMS41Ii8+DQoJPGxpbmUgY2xhc3M9InN0MSIgeDE9IjEyLjMiIHkxPSIyNC43IiB4Mj0iMTMuNCIgeTI9IjIzLjYiLz4NCgk8bGluZSBjbGFzcz0ic3QxIiB4MT0iMjciIHkxPSIyNC43IiB4Mj0iMjUuOSIgeTI9IjIzLjYiLz4NCgk8bGluZSBjbGFzcz0ic3QxIiB4MT0iMTMuNCIgeTE9IjEyLjYiIHgyPSIxMi40IiB5Mj0iMTEuNSIvPg0KCTxwYXRoIGNsYXNzPSJzdDIiIGQ9Ik0xOS43LDEyLjZjLTMuMiwwLTUuOCwyLjYtNS44LDUuOGMwLDEuOSwwLjksMy42LDIuNSw0Ljd2MS45YzAsMC41LDAuNCwwLjgsMC44LDAuOGg1YzAuNSwwLDAuOC0wLjQsMC44LTAuOA0KCQl2MHYtMS45YzIuNi0xLjgsMy4zLTUuNCwxLjQtOEMyMy4zLDEzLjUsMjEuNiwxMi42LDE5LjcsMTIuNnogTTE3LjEsMjguMmMwLDAuNSwwLjMsMC44LDAuOCwwLjloMy41YzAuNSwwLDAuOC0wLjQsMC44LTAuOXYtMC44DQoJCWgtNS4xVjI4LjJ6Ii8+DQo8L2c+DQo8Zz4NCgk8Zz4NCgkJPHBhdGggY2xhc3M9InN0MyIgZD0iTTIxLjUsMjMuN2gtMy40VjIyYzAtMC42LDAuMS0xLjEsMC4yLTEuNGMwLjItMC4zLDAuNS0wLjcsMS0xLjJsMS41LTEuNmMwLjItMC4zLDAuMy0wLjYsMC4zLTENCgkJCXMtMC4xLTAuOC0wLjQtMS4xYy0wLjItMC4zLTAuNi0wLjQtMC45LTAuNHMtMC43LDAuMi0xLDAuNWMtMC4zLDAuMy0wLjQsMC44LTAuNSwxLjNoLTMuNmMwLjItMS41LDAuNy0yLjcsMS42LTMuNQ0KCQkJYzAuOS0wLjgsMi4xLTEuMywzLjUtMS4zYzEuNCwwLDIuNSwwLjQsMy40LDEuMXMxLjMsMS44LDEuMywzLjFjMCwwLjYtMC4xLDEtMC4yLDEuM2MtMC4xLDAuMy0wLjMsMC41LTAuMywwLjYNCgkJCWMtMC4xLDAuMS0wLjIsMC4zLTAuNCwwLjZjLTAuMiwwLjMtMC40LDAuNC0wLjQsMC41Yy0wLjQsMC40LTAuNywwLjctMSwxYy0wLjMsMC4zLTAuNSwwLjYtMC42LDAuOGMtMC4xLDAuMi0wLjIsMC41LTAuMiwwLjkNCgkJCVYyMy43eiBNMTguNSwyNy45Yy0wLjQtMC40LTAuNi0wLjgtMC42LTEuNGMwLTAuNiwwLjItMSwwLjYtMS40czAuOC0wLjYsMS40LTAuNmMwLjYsMCwxLDAuMiwxLjQsMC42YzAuNCwwLjQsMC42LDAuOCwwLjYsMS40DQoJCQljMCwwLjYtMC4yLDEtMC42LDEuNGMtMC40LDAuNC0wLjgsMC42LTEuNCwwLjZDMTkuMywyOC41LDE4LjksMjguMywxOC41LDI3Ljl6Ii8+DQoJPC9nPg0KPC9nPg0KPC9zdmc+DQo=)
}

#clueHolder, #guesses {
    font-size: 1.2rem;
    font-weight: 600;
}

#clueHolder span, #guesses span {
    font-weight: 900
}

div#clueHolder {
    margin-top: 20px;
}

div#helpModal, div#help_multipleModal, div#help_sequenceModal, div#help_clusteringModal, div#help_clusteringvariantModal, div#help_clusteringimagesModal {
    background: rgb(0 0 0 / 60%);
}

#helpModal .modal-header, #help_multipleModal .modal-header, #help_sequenceModal .modal-header, #help_clusteringModal .modal-header, #help_clusteringvariantModal .modal-header, #help_clusteringimagesModal .modal-header {
    background-color: #ffffff;
    border: 0;

}

#helpModal .modal-title, #help_multipleModal .modal-title, #help_sequenceModal .modal-title, #help_clusteringModal .modal-title, #help_clusteringvariantModal .modal-title, #help_clusteringimagesModal .modal-title {
    font-size: 2rem;
    text-transform: initial !important;
    font-weight: bold;
}

#helpModal .modal-header .close, #help_multipleModal .modal-header .close, #help_sequenceModal .close, #help_clusteringModal .close, #help_clusteringvariantModal .close, #help_clusteringimagesModal .close {
    font-size: 3rem;
    opacity: 1;
}

.help_hidden_word h4 {
    text-transform: initial !important;
}


.help_hidden_word p {
    white-space: pre-line
}

.help_hidden_word p {
    white-space: pre-line;
    font-size: 1.3rem;
}

.help_hidden_word {
    padding-bottom: 6rem
}

button.g4s_help_quiz_button {
    font-weight: bold;
}

button.g4s_help_quiz_button:hover {
    color: #ffffff;
}

button#continue {
    font-weight: bold;
}

button#continue:hover {
    color: #ffffff;
    font-weight: bold;
}

.container.slideInRight.mt-5.container_multiple_quiz.shadow {
    max-width: 1600px;
}

#quiz.quiz {
    padding: 3rem 8rem !important;
}

.container_hw .question_points {
    position: absolute;
    top: 28rem;
    left: 36rem;
}

p.well_done {
    font-size: 3rem;
    font-weight: bold;
    color: #002855;
}

p.successfully_1, p.successfully_2 {
    color: #002855;
    font-size: 2rem;
    font-weight: 400;
}

#award_cover_image_container img.cover_image {
    background: none
}

span#question-score {
    font-size: 6rem;
    display: inline-block;
    vertical-align: middle;
    font-weight: bold;
}

#question-score {
    font-size: 3rem;
    display: inline-block;
    vertical-align: middle;
    font-weight: bold;
}

.pum_right_hw img {
    margin-left: 10rem;
}

button#answer-confirm {
    font-weight: bold;
}

.change_clustering {
    border-radius: 10px 0 0px 10px;
    border-top: 2px solid #ccc;
    border-bottom: 2px solid #ccc;
    border-left: 2px solid #ccc;
}

.change_clustering button {
    border-radius: 10px 0 0px 10px;
}

button.btn.btn-primary.clusering_choice {
    border-radius: 0 10px 10px 0;
}

.sequence_li_1.draggable-mirror:after {
    content: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyNS4yLjIsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGl2ZWxsb18xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgdmlld0JveD0iMCAwIDE5NSAzMjAiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDE5NSAzMjA7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+DQoJLnN0MHtmaWxsOiNGRkZGRkY7fQ0KPC9zdHlsZT4NCjxjaXJjbGUgY2xhc3M9InN0MCIgY3g9IjM3LjIiIGN5PSI0MC40IiByPSIzMC4yOSIvPg0KPGNpcmNsZSBjbGFzcz0ic3QwIiBjeD0iMTU2Ljk4IiBjeT0iNDAuNCIgcj0iMzAuMjkiLz4NCjxjaXJjbGUgY2xhc3M9InN0MCIgY3g9IjM3LjIiIGN5PSIxNTkuOTEiIHI9IjMwLjI5Ii8+DQo8Y2lyY2xlIGNsYXNzPSJzdDAiIGN4PSIxNTYuOTgiIGN5PSIxNTkuOTEiIHI9IjMwLjI5Ii8+DQo8Y2lyY2xlIGNsYXNzPSJzdDAiIGN4PSIzNy4yIiBjeT0iMjc5LjQyIiByPSIzMC4yOSIvPg0KPGNpcmNsZSBjbGFzcz0ic3QwIiBjeD0iMTU2Ljk4IiBjeT0iMjc5LjQyIiByPSIzMC4yOSIvPg0KPC9zdmc+DQo=) !important;

}

.sequence_li_1.draggable-mirror .answer-val {
    color: #ffffff !important;
}

.sequence_li_1.draggable-mirror .answer-val > div {
    background-color: aqua !important;
}

.type_class {
    border-radius: 0 0 10px 10px;
    border-left: 2px solid rgb(204 204 204);
    border-right: 2px solid rgb(204 204 204);
    border-bottom: 2px solid rgb(204 204 204);
    padding: 20px;
    min-height: 100px;
}

label.clustering_response.answer-val.sequence_li_1 {
    font-weight: bold;
}


label.clustering_response.answer-val.sequence_li_2 {
    background: #6A3100;
    color: #ffffff;
    font-weight: bold;
}

label.clustering_response.answer-val.sequence_li_3 {
    background: #FFCC00;
    color: #002855;
    font-weight: bold;
}

label.clustering_response.answer-val.sequence_li_4 {
    background: #FF6600;
    color: #ffffff;
    font-weight: bold;
}

label.clustering_response.answer-val.sequence_li_5 {
    background: #004BFA;
    color: #002855;
    border: 2px solid #0096FA;
}

label.clustering_response.answer-val.sequence_li_6 {
    background: #F912B4;
    color: #ffffff;
    font-weight: bold;
}

label.clustering_response.answer-val.sequence_li_7 {
    background: #009D25;
    color: #ffffff;
    font-weight: bold;
}

p.correct_answer {
    background: rgb(0 40 85 / 5%);
    padding: 10px;
    font-weight: bold;
    font-size: 1.4rem;
    text-transform: uppercase;
    margin: 3rem 0;
}

.wrong_clustering:before {
    display: inline-block;
    position: absolute;
    height: 40px;
    width: 40px;
    left: -4px;
    top: 150px;
    content: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGl2ZWxsb18xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgdmlld0JveD0iMCAwIDQwIDQwIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA0MCA0MDsiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4NCgkuc3Qwe2ZpbGw6I0VFMUU0Qjt9DQoJLnN0MXtmaWxsOiNGRkZGRkY7fQ0KPC9zdHlsZT4NCjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0yMCwwYzAuNywwLDEuMywwLDIsMC4xczEuMywwLjIsMS45LDAuM2MwLjYsMC4xLDEuMywwLjMsMS45LDAuNWMwLjYsMC4yLDEuMiwwLjQsMS44LDAuNw0KCWMwLjYsMC4zLDEuMiwwLjUsMS44LDAuOHMxLjEsMC42LDEuNywxYzAuNSwwLjQsMS4xLDAuOCwxLjYsMS4yYzAuNSwwLjQsMSwwLjksMS41LDEuM2MwLjUsMC41LDAuOSwwLjksMS4zLDEuNQ0KCWMwLjQsMC41LDAuOCwxLDEuMiwxLjZjMC40LDAuNSwwLjcsMS4xLDEsMS43czAuNiwxLjIsMC44LDEuOHMwLjUsMS4yLDAuNywxLjhjMC4yLDAuNiwwLjMsMS4zLDAuNSwxLjljMC4xLDAuNiwwLjIsMS4zLDAuMywxLjkNCgljMC4xLDAuNywwLjEsMS4zLDAuMSwyczAsMS4zLTAuMSwycy0wLjIsMS4zLTAuMywxLjljLTAuMSwwLjYtMC4zLDEuMy0wLjUsMS45Yy0wLjIsMC42LTAuNCwxLjItMC43LDEuOGMtMC4zLDAuNi0wLjUsMS4yLTAuOCwxLjgNCgljLTAuMywwLjYtMC42LDEuMS0xLDEuN2MtMC40LDAuNS0wLjgsMS4xLTEuMiwxLjZjLTAuNCwwLjUtMC45LDEtMS4zLDEuNWMtMC41LDAuNS0wLjksMC45LTEuNSwxLjNjLTAuNSwwLjQtMSwwLjgtMS42LDEuMg0KCWMtMC41LDAuNC0xLjEsMC43LTEuNywxYy0wLjYsMC4zLTEuMiwwLjYtMS44LDAuOHMtMS4yLDAuNS0xLjgsMC43Yy0wLjYsMC4yLTEuMywwLjMtMS45LDAuNWMtMC42LDAuMS0xLjMsMC4yLTEuOSwwLjMNCglTMjAuNyw0MCwyMCw0MGMtMC43LDAtMS4zLDAtMi0wLjFjLTAuNy0wLjEtMS4zLTAuMi0xLjktMC4zYy0wLjYtMC4xLTEuMy0wLjMtMS45LTAuNWMtMC42LTAuMi0xLjItMC40LTEuOC0wLjdzLTEuMi0wLjUtMS44LTAuOA0KCWMtMC42LTAuMy0xLjEtMC42LTEuNy0xYy0wLjUtMC40LTEuMS0wLjgtMS42LTEuMmMtMC41LTAuNC0xLTAuOS0xLjUtMS4zYy0wLjUtMC41LTAuOS0wLjktMS4zLTEuNWMtMC40LTAuNS0wLjgtMS0xLjItMS42DQoJYy0wLjQtMC41LTAuNy0xLjEtMS0xLjdjLTAuMy0wLjYtMC42LTEuMi0wLjgtMS44Yy0wLjMtMC42LTAuNS0xLjItMC43LTEuOGMtMC4yLTAuNi0wLjMtMS4zLTAuNS0xLjljLTAuMS0wLjYtMC4yLTEuMy0wLjMtMS45DQoJUzAsMjAuNywwLDIwczAtMS4zLDAuMS0yYzAuMS0wLjcsMC4yLTEuMywwLjMtMS45YzAuMS0wLjYsMC4zLTEuMywwLjUtMS45YzAuMi0wLjYsMC40LTEuMiwwLjctMS44czAuNS0xLjIsMC44LTEuOHMwLjYtMS4xLDEtMS43DQoJYzAuNC0wLjUsMC44LTEuMSwxLjItMS42YzAuNC0wLjUsMC45LTEsMS4zLTEuNUM2LjMsNS40LDYuOCw1LDcuMyw0LjVjMC41LTAuNCwxLTAuOCwxLjYtMS4yYzAuNS0wLjQsMS4xLTAuNywxLjctMQ0KCWMwLjYtMC4zLDEuMi0wLjYsMS44LTAuOGMwLjYtMC4zLDEuMi0wLjUsMS44LTAuN2MwLjYtMC4yLDEuMy0wLjMsMS45LTAuNWMwLjYtMC4xLDEuMy0wLjIsMS45LTAuM0MxOC43LDAsMTkuMywwLDIwLDB6Ii8+DQo8cGF0aCBjbGFzcz0ic3QxIiBkPSJNMjIsMjBsNi4xLTYuMWMwLjYtMC42LDAuNS0xLjUsMC0yYy0wLjYtMC41LTEuNC0wLjUtMiwwTDIwLDE4bC02LjEtNi4xYy0wLjYtMC42LTEuNS0wLjYtMiwwDQoJYy0wLjYsMC42LTAuNiwxLjUsMCwybDAsMEwxOCwyMGwtNi4xLDYuMWMtMC42LDAuNi0wLjYsMS41LDAsMmMwLjYsMC42LDEuNSwwLjYsMiwwTDIwLDIybDYuMSw2LjFjMC42LDAuNiwxLjUsMC42LDIsMA0KCWMwLjYtMC42LDAuNi0xLjUsMC0yTDIyLDIweiIvPg0KPC9zdmc+DQo=);
}


.correct_clustering:before {
    display: inline-block;
    position: absolute;
    height: 40px;
    width: 40px;
    left: -4px;
    top: 150px;
    content: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGl2ZWxsb18xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgdmlld0JveD0iMCAwIDQwIDQwIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA0MCA0MDsiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4NCgkuc3Qwe2ZpbGw6IzRDQkE3NDt9DQoJLnN0MXtmaWxsOiNGRkZGRkY7fQ0KPC9zdHlsZT4NCjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0yMCwwYzAuNywwLDEuMywwLDIsMC4xczEuMywwLjIsMS45LDAuM2MwLjYsMC4xLDEuMywwLjMsMS45LDAuNWMwLjYsMC4yLDEuMiwwLjQsMS44LDAuN3MxLjIsMC41LDEuOCwwLjgNCglzMS4xLDAuNiwxLjcsMXMxLjEsMC44LDEuNiwxLjJjMC41LDAuNCwxLDAuOSwxLjUsMS4zYzAuNSwwLjUsMC45LDAuOSwxLjMsMS41YzAuNCwwLjUsMC44LDEsMS4yLDEuNmMwLjQsMC41LDAuNywxLjEsMSwxLjcNCgljMC4zLDAuNiwwLjYsMS4yLDAuOCwxLjhzMC41LDEuMiwwLjcsMS44YzAuMiwwLjYsMC4zLDEuMywwLjUsMS45YzAuMSwwLjYsMC4yLDEuMywwLjMsMS45czAuMSwxLjMsMC4xLDJzMCwxLjMtMC4xLDINCglzLTAuMiwxLjMtMC4zLDEuOWMtMC4xLDAuNi0wLjMsMS4zLTAuNSwxLjljLTAuMiwwLjYtMC40LDEuMi0wLjcsMS44Yy0wLjMsMC42LTAuNSwxLjItMC44LDEuOHMtMC42LDEuMS0xLDEuNw0KCWMtMC40LDAuNS0wLjgsMS4xLTEuMiwxLjZjLTAuNCwwLjUtMC45LDEtMS4zLDEuNWMtMC41LDAuNS0wLjksMC45LTEuNSwxLjNjLTAuNSwwLjQtMSwwLjgtMS42LDEuMmMtMC41LDAuNC0xLjEsMC43LTEuNywxDQoJYy0wLjYsMC4zLTEuMiwwLjYtMS44LDAuOGMtMC42LDAuMy0xLjIsMC41LTEuOCwwLjdzLTEuMywwLjMtMS45LDAuNWMtMC42LDAuMS0xLjMsMC4yLTEuOSwwLjNTMjAuNyw0MCwyMCw0MGMtMC43LDAtMS4zLDAtMi0wLjENCgljLTAuNy0wLjEtMS4zLTAuMi0xLjktMC4zYy0wLjYtMC4xLTEuMy0wLjMtMS45LTAuNXMtMS4yLTAuNC0xLjgtMC43Yy0wLjYtMC4zLTEuMi0wLjUtMS44LTAuOGMtMC42LTAuMy0xLjEtMC42LTEuNy0xDQoJYy0wLjUtMC40LTEuMS0wLjgtMS42LTEuMmMtMC41LTAuNC0xLTAuOS0xLjUtMS4zYy0wLjUtMC41LTAuOS0wLjktMS4zLTEuNWMtMC40LTAuNS0wLjgtMS0xLjItMS42Yy0wLjQtMC41LTAuNy0xLjEtMS0xLjcNCglzLTAuNi0xLjItMC44LTEuOGMtMC4zLTAuNi0wLjUtMS4yLTAuNy0xLjhjLTAuMi0wLjYtMC4zLTEuMy0wLjUtMS45Yy0wLjEtMC42LTAuMi0xLjMtMC4zLTEuOVMwLDIwLjcsMCwyMHMwLTEuMywwLjEtMg0KCXMwLjItMS4zLDAuMy0xLjljMC4xLTAuNiwwLjMtMS4zLDAuNS0xLjljMC4yLTAuNiwwLjQtMS4yLDAuNy0xLjhzMC41LTEuMiwwLjgtMS44QzIuNywxMCwzLDkuNCwzLjQsOC45YzAuNC0wLjUsMC44LTEuMSwxLjItMS42DQoJYzAuNC0wLjUsMC45LTEsMS4zLTEuNUM2LjMsNS40LDYuOCw1LDcuMyw0LjVjMC41LTAuNCwxLTAuOCwxLjYtMS4yYzAuNS0wLjQsMS4xLTAuNywxLjctMWMwLjYtMC4zLDEuMi0wLjYsMS44LTAuOA0KCXMxLjItMC41LDEuOC0wLjdjMC42LTAuMiwxLjMtMC4zLDEuOS0wLjVjMC42LTAuMSwxLjMtMC4yLDEuOS0wLjNDMTguNywwLDE5LjMsMCwyMCwweiIvPg0KPHBhdGggY2xhc3M9InN0MSIgZD0iTTE3LjIsMjYuMWwtNS42LTUuNmMtMC4zLTAuMy0wLjMtMC45LDAtMS4ybDAsMGwxLjItMS4yYzAuMy0wLjMsMC45LTAuMywxLjIsMGwwLDBsMy44LDMuOGw4LTgNCgljMC4zLTAuMywwLjktMC4zLDEuMiwwbDAsMGwxLjIsMS4yYzAuMywwLjMsMC4zLDAuOSwwLDEuMmwwLDBsLTkuOSw5LjlDMTguMSwyNi41LDE3LjYsMjYuNSwxNy4yLDI2LjFMMTcuMiwyNi4xeiIvPg0KPC9zdmc+DQo=);
}

.quiz_type_4 .wrong.clustering_variant_wrong_answer:first-child label {
    color: #ffffff;
    text-align: center;
    border: 0;
    font-weight: bold;
}


.quiz_type_4 .wrong.clustering_variant_wrong_answer .arrow {
    margin-bottom: 0.5rem
}


.quiz_type_4 .wrong.clustering_variant_wrong_answer label {
    background: #ffffff;
    border-radius: 10px;
    font-weight: normal;
    font-size: 1.2rem;
    text-align: center;
}

.quiz_type_4 .wrong.clustering_variant_wrong_answer:first-child label, .correct_clustering_in_wrong:first-child label.c_variant_answer_val {
    color: #ffffff;
    text-align: center;
    border: 0;
    font-weight: bold;
}


.quiz_type_4 .wrong.clustering_variant_wrong_answer .arrow {
    margin-bottom: 0.5rem
}


.quiz_type_4 .wrong.clustering_variant_wrong_answer label, .correct_clustering_in_wrong label.c_variant_answer_val {
    background: #ffffff;
    border-radius: 10px;
    font-weight: normal;
    font-size: 1.2rem;
    text-align: center;
}

.clustering_correct_response:before {
    display: inline-block;
    position: absolute;
    height: 40px;
    width: 40px;
    left: -4px;
    top: 150px;
    content: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGl2ZWxsb18xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgdmlld0JveD0iMCAwIDQwIDQwIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA0MCA0MDsiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4NCgkuc3Qwe2ZpbGw6IzRDQkE3NDt9DQoJLnN0MXtmaWxsOiNGRkZGRkY7fQ0KPC9zdHlsZT4NCjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0yMCwwYzAuNywwLDEuMywwLDIsMC4xczEuMywwLjIsMS45LDAuM2MwLjYsMC4xLDEuMywwLjMsMS45LDAuNWMwLjYsMC4yLDEuMiwwLjQsMS44LDAuN3MxLjIsMC41LDEuOCwwLjgNCglzMS4xLDAuNiwxLjcsMXMxLjEsMC44LDEuNiwxLjJjMC41LDAuNCwxLDAuOSwxLjUsMS4zYzAuNSwwLjUsMC45LDAuOSwxLjMsMS41YzAuNCwwLjUsMC44LDEsMS4yLDEuNmMwLjQsMC41LDAuNywxLjEsMSwxLjcNCgljMC4zLDAuNiwwLjYsMS4yLDAuOCwxLjhzMC41LDEuMiwwLjcsMS44YzAuMiwwLjYsMC4zLDEuMywwLjUsMS45YzAuMSwwLjYsMC4yLDEuMywwLjMsMS45czAuMSwxLjMsMC4xLDJzMCwxLjMtMC4xLDINCglzLTAuMiwxLjMtMC4zLDEuOWMtMC4xLDAuNi0wLjMsMS4zLTAuNSwxLjljLTAuMiwwLjYtMC40LDEuMi0wLjcsMS44Yy0wLjMsMC42LTAuNSwxLjItMC44LDEuOHMtMC42LDEuMS0xLDEuNw0KCWMtMC40LDAuNS0wLjgsMS4xLTEuMiwxLjZjLTAuNCwwLjUtMC45LDEtMS4zLDEuNWMtMC41LDAuNS0wLjksMC45LTEuNSwxLjNjLTAuNSwwLjQtMSwwLjgtMS42LDEuMmMtMC41LDAuNC0xLjEsMC43LTEuNywxDQoJYy0wLjYsMC4zLTEuMiwwLjYtMS44LDAuOGMtMC42LDAuMy0xLjIsMC41LTEuOCwwLjdzLTEuMywwLjMtMS45LDAuNWMtMC42LDAuMS0xLjMsMC4yLTEuOSwwLjNTMjAuNyw0MCwyMCw0MGMtMC43LDAtMS4zLDAtMi0wLjENCgljLTAuNy0wLjEtMS4zLTAuMi0xLjktMC4zYy0wLjYtMC4xLTEuMy0wLjMtMS45LTAuNXMtMS4yLTAuNC0xLjgtMC43Yy0wLjYtMC4zLTEuMi0wLjUtMS44LTAuOGMtMC42LTAuMy0xLjEtMC42LTEuNy0xDQoJYy0wLjUtMC40LTEuMS0wLjgtMS42LTEuMmMtMC41LTAuNC0xLTAuOS0xLjUtMS4zYy0wLjUtMC41LTAuOS0wLjktMS4zLTEuNWMtMC40LTAuNS0wLjgtMS0xLjItMS42Yy0wLjQtMC41LTAuNy0xLjEtMS0xLjcNCglzLTAuNi0xLjItMC44LTEuOGMtMC4zLTAuNi0wLjUtMS4yLTAuNy0xLjhjLTAuMi0wLjYtMC4zLTEuMy0wLjUtMS45Yy0wLjEtMC42LTAuMi0xLjMtMC4zLTEuOVMwLDIwLjcsMCwyMHMwLTEuMywwLjEtMg0KCXMwLjItMS4zLDAuMy0xLjljMC4xLTAuNiwwLjMtMS4zLDAuNS0xLjljMC4yLTAuNiwwLjQtMS4yLDAuNy0xLjhzMC41LTEuMiwwLjgtMS44QzIuNywxMCwzLDkuNCwzLjQsOC45YzAuNC0wLjUsMC44LTEuMSwxLjItMS42DQoJYzAuNC0wLjUsMC45LTEsMS4zLTEuNUM2LjMsNS40LDYuOCw1LDcuMyw0LjVjMC41LTAuNCwxLTAuOCwxLjYtMS4yYzAuNS0wLjQsMS4xLTAuNywxLjctMWMwLjYtMC4zLDEuMi0wLjYsMS44LTAuOA0KCXMxLjItMC41LDEuOC0wLjdjMC42LTAuMiwxLjMtMC4zLDEuOS0wLjVjMC42LTAuMSwxLjMtMC4yLDEuOS0wLjNDMTguNywwLDE5LjMsMCwyMCwweiIvPg0KPHBhdGggY2xhc3M9InN0MSIgZD0iTTE3LjIsMjYuMWwtNS42LTUuNmMtMC4zLTAuMy0wLjMtMC45LDAtMS4ybDAsMGwxLjItMS4yYzAuMy0wLjMsMC45LTAuMywxLjIsMGwwLDBsMy44LDMuOGw4LTgNCgljMC4zLTAuMywwLjktMC4zLDEuMiwwbDAsMGwxLjIsMS4yYzAuMywwLjMsMC4zLDAuOSwwLDEuMmwwLDBsLTkuOSw5LjlDMTguMSwyNi41LDE3LjYsMjYuNSwxNy4yLDI2LjFMMTcuMiwyNi4xeiIvPg0KPC9zdmc+DQo=);
}

.col-11.col_correct label {
    background: #ffffff !important;
    pointer-events: none;
}

.clustering_images_answer {
    border: 1.5rem solid #EFEFEF;
    outline: none !important;
    min-height: 300px;
    overflow: hidden;
    position: relative;
    background: #ffffff;
    margin: 10px 0;
}

.clustering_images_selected.sequence_li_1 {
    border: 1.5rem solid #00DCFF;
    outline: none !important
}

.clustering_images_selected.sequence_li_2 {
    border: 1.5rem solid #6A3100;
    outline: none !important
}

.clustering_images_selected.sequence_li_3 {
    border: 1.5rem solid #FFCC00;
    outline: none !important
}

.clustering_images_selected.sequence_li_4 {
    border: 1.5rem solid #FF6600;
    outline: none !important
}

.clustering_images_selected.sequence_li_5 {
    border: 1.5rem solid #004BFA;
    outline: none !important
}

.clustering_images_selected.sequence_li_6 {
    border: 1.5rem solid #F912B4;
    outline: none !important
}

.clustering_images_selected.sequence_li_7 {
    border: 1.5rem solid #009D25;
    outline: none !important
}

.correct_clustering_images:before {
    display: inline-block;
    position: absolute;
    height: 40px;
    width: 40px;
    left: -4px;
    top: 0px;
    content: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGl2ZWxsb18xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgdmlld0JveD0iMCAwIDQwIDQwIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA0MCA0MDsiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4NCgkuc3Qwe2ZpbGw6IzRDQkE3NDt9DQoJLnN0MXtmaWxsOiNGRkZGRkY7fQ0KPC9zdHlsZT4NCjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0yMCwwYzAuNywwLDEuMywwLDIsMC4xczEuMywwLjIsMS45LDAuM2MwLjYsMC4xLDEuMywwLjMsMS45LDAuNWMwLjYsMC4yLDEuMiwwLjQsMS44LDAuN3MxLjIsMC41LDEuOCwwLjgNCglzMS4xLDAuNiwxLjcsMXMxLjEsMC44LDEuNiwxLjJjMC41LDAuNCwxLDAuOSwxLjUsMS4zYzAuNSwwLjUsMC45LDAuOSwxLjMsMS41YzAuNCwwLjUsMC44LDEsMS4yLDEuNmMwLjQsMC41LDAuNywxLjEsMSwxLjcNCgljMC4zLDAuNiwwLjYsMS4yLDAuOCwxLjhzMC41LDEuMiwwLjcsMS44YzAuMiwwLjYsMC4zLDEuMywwLjUsMS45YzAuMSwwLjYsMC4yLDEuMywwLjMsMS45czAuMSwxLjMsMC4xLDJzMCwxLjMtMC4xLDINCglzLTAuMiwxLjMtMC4zLDEuOWMtMC4xLDAuNi0wLjMsMS4zLTAuNSwxLjljLTAuMiwwLjYtMC40LDEuMi0wLjcsMS44Yy0wLjMsMC42LTAuNSwxLjItMC44LDEuOHMtMC42LDEuMS0xLDEuNw0KCWMtMC40LDAuNS0wLjgsMS4xLTEuMiwxLjZjLTAuNCwwLjUtMC45LDEtMS4zLDEuNWMtMC41LDAuNS0wLjksMC45LTEuNSwxLjNjLTAuNSwwLjQtMSwwLjgtMS42LDEuMmMtMC41LDAuNC0xLjEsMC43LTEuNywxDQoJYy0wLjYsMC4zLTEuMiwwLjYtMS44LDAuOGMtMC42LDAuMy0xLjIsMC41LTEuOCwwLjdzLTEuMywwLjMtMS45LDAuNWMtMC42LDAuMS0xLjMsMC4yLTEuOSwwLjNTMjAuNyw0MCwyMCw0MGMtMC43LDAtMS4zLDAtMi0wLjENCgljLTAuNy0wLjEtMS4zLTAuMi0xLjktMC4zYy0wLjYtMC4xLTEuMy0wLjMtMS45LTAuNXMtMS4yLTAuNC0xLjgtMC43Yy0wLjYtMC4zLTEuMi0wLjUtMS44LTAuOGMtMC42LTAuMy0xLjEtMC42LTEuNy0xDQoJYy0wLjUtMC40LTEuMS0wLjgtMS42LTEuMmMtMC41LTAuNC0xLTAuOS0xLjUtMS4zYy0wLjUtMC41LTAuOS0wLjktMS4zLTEuNWMtMC40LTAuNS0wLjgtMS0xLjItMS42Yy0wLjQtMC41LTAuNy0xLjEtMS0xLjcNCglzLTAuNi0xLjItMC44LTEuOGMtMC4zLTAuNi0wLjUtMS4yLTAuNy0xLjhjLTAuMi0wLjYtMC4zLTEuMy0wLjUtMS45Yy0wLjEtMC42LTAuMi0xLjMtMC4zLTEuOVMwLDIwLjcsMCwyMHMwLTEuMywwLjEtMg0KCXMwLjItMS4zLDAuMy0xLjljMC4xLTAuNiwwLjMtMS4zLDAuNS0xLjljMC4yLTAuNiwwLjQtMS4yLDAuNy0xLjhzMC41LTEuMiwwLjgtMS44QzIuNywxMCwzLDkuNCwzLjQsOC45YzAuNC0wLjUsMC44LTEuMSwxLjItMS42DQoJYzAuNC0wLjUsMC45LTEsMS4zLTEuNUM2LjMsNS40LDYuOCw1LDcuMyw0LjVjMC41LTAuNCwxLTAuOCwxLjYtMS4yYzAuNS0wLjQsMS4xLTAuNywxLjctMWMwLjYtMC4zLDEuMi0wLjYsMS44LTAuOA0KCXMxLjItMC41LDEuOC0wLjdjMC42LTAuMiwxLjMtMC4zLDEuOS0wLjVjMC42LTAuMSwxLjMtMC4yLDEuOS0wLjNDMTguNywwLDE5LjMsMCwyMCwweiIvPg0KPHBhdGggY2xhc3M9InN0MSIgZD0iTTE3LjIsMjYuMWwtNS42LTUuNmMtMC4zLTAuMy0wLjMtMC45LDAtMS4ybDAsMGwxLjItMS4yYzAuMy0wLjMsMC45LTAuMywxLjIsMGwwLDBsMy44LDMuOGw4LTgNCgljMC4zLTAuMywwLjktMC4zLDEuMiwwbDAsMGwxLjIsMS4yYzAuMywwLjMsMC4zLDAuOSwwLDEuMmwwLDBsLTkuOSw5LjlDMTguMSwyNi41LDE3LjYsMjYuNSwxNy4yLDI2LjFMMTcuMiwyNi4xeiIvPg0KPC9zdmc+DQo=);
    z-index: 1000
}

.wrong_clustering_images:before {
    display: inline-block;
    position: absolute;
    height: 40px;
    width: 40px;
    left: -4px;
    top: 0px;
    content: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGl2ZWxsb18xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgdmlld0JveD0iMCAwIDQwIDQwIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA0MCA0MDsiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4NCgkuc3Qwe2ZpbGw6I0VFMUU0Qjt9DQoJLnN0MXtmaWxsOiNGRkZGRkY7fQ0KPC9zdHlsZT4NCjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0yMCwwYzAuNywwLDEuMywwLDIsMC4xczEuMywwLjIsMS45LDAuM2MwLjYsMC4xLDEuMywwLjMsMS45LDAuNWMwLjYsMC4yLDEuMiwwLjQsMS44LDAuNw0KCWMwLjYsMC4zLDEuMiwwLjUsMS44LDAuOHMxLjEsMC42LDEuNywxYzAuNSwwLjQsMS4xLDAuOCwxLjYsMS4yYzAuNSwwLjQsMSwwLjksMS41LDEuM2MwLjUsMC41LDAuOSwwLjksMS4zLDEuNQ0KCWMwLjQsMC41LDAuOCwxLDEuMiwxLjZjMC40LDAuNSwwLjcsMS4xLDEsMS43czAuNiwxLjIsMC44LDEuOHMwLjUsMS4yLDAuNywxLjhjMC4yLDAuNiwwLjMsMS4zLDAuNSwxLjljMC4xLDAuNiwwLjIsMS4zLDAuMywxLjkNCgljMC4xLDAuNywwLjEsMS4zLDAuMSwyczAsMS4zLTAuMSwycy0wLjIsMS4zLTAuMywxLjljLTAuMSwwLjYtMC4zLDEuMy0wLjUsMS45Yy0wLjIsMC42LTAuNCwxLjItMC43LDEuOGMtMC4zLDAuNi0wLjUsMS4yLTAuOCwxLjgNCgljLTAuMywwLjYtMC42LDEuMS0xLDEuN2MtMC40LDAuNS0wLjgsMS4xLTEuMiwxLjZjLTAuNCwwLjUtMC45LDEtMS4zLDEuNWMtMC41LDAuNS0wLjksMC45LTEuNSwxLjNjLTAuNSwwLjQtMSwwLjgtMS42LDEuMg0KCWMtMC41LDAuNC0xLjEsMC43LTEuNywxYy0wLjYsMC4zLTEuMiwwLjYtMS44LDAuOHMtMS4yLDAuNS0xLjgsMC43Yy0wLjYsMC4yLTEuMywwLjMtMS45LDAuNWMtMC42LDAuMS0xLjMsMC4yLTEuOSwwLjMNCglTMjAuNyw0MCwyMCw0MGMtMC43LDAtMS4zLDAtMi0wLjFjLTAuNy0wLjEtMS4zLTAuMi0xLjktMC4zYy0wLjYtMC4xLTEuMy0wLjMtMS45LTAuNWMtMC42LTAuMi0xLjItMC40LTEuOC0wLjdzLTEuMi0wLjUtMS44LTAuOA0KCWMtMC42LTAuMy0xLjEtMC42LTEuNy0xYy0wLjUtMC40LTEuMS0wLjgtMS42LTEuMmMtMC41LTAuNC0xLTAuOS0xLjUtMS4zYy0wLjUtMC41LTAuOS0wLjktMS4zLTEuNWMtMC40LTAuNS0wLjgtMS0xLjItMS42DQoJYy0wLjQtMC41LTAuNy0xLjEtMS0xLjdjLTAuMy0wLjYtMC42LTEuMi0wLjgtMS44Yy0wLjMtMC42LTAuNS0xLjItMC43LTEuOGMtMC4yLTAuNi0wLjMtMS4zLTAuNS0xLjljLTAuMS0wLjYtMC4yLTEuMy0wLjMtMS45DQoJUzAsMjAuNywwLDIwczAtMS4zLDAuMS0yYzAuMS0wLjcsMC4yLTEuMywwLjMtMS45YzAuMS0wLjYsMC4zLTEuMywwLjUtMS45YzAuMi0wLjYsMC40LTEuMiwwLjctMS44czAuNS0xLjIsMC44LTEuOHMwLjYtMS4xLDEtMS43DQoJYzAuNC0wLjUsMC44LTEuMSwxLjItMS42YzAuNC0wLjUsMC45LTEsMS4zLTEuNUM2LjMsNS40LDYuOCw1LDcuMyw0LjVjMC41LTAuNCwxLTAuOCwxLjYtMS4yYzAuNS0wLjQsMS4xLTAuNywxLjctMQ0KCWMwLjYtMC4zLDEuMi0wLjYsMS44LTAuOGMwLjYtMC4zLDEuMi0wLjUsMS44LTAuN2MwLjYtMC4yLDEuMy0wLjMsMS45LTAuNWMwLjYtMC4xLDEuMy0wLjIsMS45LTAuM0MxOC43LDAsMTkuMywwLDIwLDB6Ii8+DQo8cGF0aCBjbGFzcz0ic3QxIiBkPSJNMjIsMjBsNi4xLTYuMWMwLjYtMC42LDAuNS0xLjUsMC0yYy0wLjYtMC41LTEuNC0wLjUtMiwwTDIwLDE4bC02LjEtNi4xYy0wLjYtMC42LTEuNS0wLjYtMiwwDQoJYy0wLjYsMC42LTAuNiwxLjUsMCwybDAsMEwxOCwyMGwtNi4xLDYuMWMtMC42LDAuNi0wLjYsMS41LDAsMmMwLjYsMC42LDEuNSwwLjYsMiwwTDIwLDIybDYuMSw2LjFjMC42LDAuNiwxLjUsMC42LDIsMA0KCWMwLjYtMC42LDAuNi0xLjUsMC0yTDIyLDIweiIvPg0KPC9zdmc+DQo=);
    z-index: 1000;
}

.right_multiple_feedback {
    pointer-events: none;
}

/*.col-wrong_response_final .c_variant_answer_val.answer-val {
    height:150px
}*/

.clustering_variant_wrong_answer:first-child .c_variant_answer_val.answer-val {
    height: inherit;
    border-radius: 0
}

.clustering_variant_wrong_answer:first-child .c_variant_answer_val.answer-val:before {
    display: none
}


.clustering_variant_wrong_answer .c_variant_answer_val.answer-val:before {
    display: inline-block;
    position: absolute;
    height: 40px;
    width: 40px;
    left: -4px;
    bottom: 0;
    content: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGl2ZWxsb18xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgdmlld0JveD0iMCAwIDQwIDQwIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA0MCA0MDsiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4NCgkuc3Qwe2ZpbGw6I0VFMUU0Qjt9DQoJLnN0MXtmaWxsOiNGRkZGRkY7fQ0KPC9zdHlsZT4NCjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0yMCwwYzAuNywwLDEuMywwLDIsMC4xczEuMywwLjIsMS45LDAuM2MwLjYsMC4xLDEuMywwLjMsMS45LDAuNWMwLjYsMC4yLDEuMiwwLjQsMS44LDAuNw0KCWMwLjYsMC4zLDEuMiwwLjUsMS44LDAuOHMxLjEsMC42LDEuNywxYzAuNSwwLjQsMS4xLDAuOCwxLjYsMS4yYzAuNSwwLjQsMSwwLjksMS41LDEuM2MwLjUsMC41LDAuOSwwLjksMS4zLDEuNQ0KCWMwLjQsMC41LDAuOCwxLDEuMiwxLjZjMC40LDAuNSwwLjcsMS4xLDEsMS43czAuNiwxLjIsMC44LDEuOHMwLjUsMS4yLDAuNywxLjhjMC4yLDAuNiwwLjMsMS4zLDAuNSwxLjljMC4xLDAuNiwwLjIsMS4zLDAuMywxLjkNCgljMC4xLDAuNywwLjEsMS4zLDAuMSwyczAsMS4zLTAuMSwycy0wLjIsMS4zLTAuMywxLjljLTAuMSwwLjYtMC4zLDEuMy0wLjUsMS45Yy0wLjIsMC42LTAuNCwxLjItMC43LDEuOGMtMC4zLDAuNi0wLjUsMS4yLTAuOCwxLjgNCgljLTAuMywwLjYtMC42LDEuMS0xLDEuN2MtMC40LDAuNS0wLjgsMS4xLTEuMiwxLjZjLTAuNCwwLjUtMC45LDEtMS4zLDEuNWMtMC41LDAuNS0wLjksMC45LTEuNSwxLjNjLTAuNSwwLjQtMSwwLjgtMS42LDEuMg0KCWMtMC41LDAuNC0xLjEsMC43LTEuNywxYy0wLjYsMC4zLTEuMiwwLjYtMS44LDAuOHMtMS4yLDAuNS0xLjgsMC43Yy0wLjYsMC4yLTEuMywwLjMtMS45LDAuNWMtMC42LDAuMS0xLjMsMC4yLTEuOSwwLjMNCglTMjAuNyw0MCwyMCw0MGMtMC43LDAtMS4zLDAtMi0wLjFjLTAuNy0wLjEtMS4zLTAuMi0xLjktMC4zYy0wLjYtMC4xLTEuMy0wLjMtMS45LTAuNWMtMC42LTAuMi0xLjItMC40LTEuOC0wLjdzLTEuMi0wLjUtMS44LTAuOA0KCWMtMC42LTAuMy0xLjEtMC42LTEuNy0xYy0wLjUtMC40LTEuMS0wLjgtMS42LTEuMmMtMC41LTAuNC0xLTAuOS0xLjUtMS4zYy0wLjUtMC41LTAuOS0wLjktMS4zLTEuNWMtMC40LTAuNS0wLjgtMS0xLjItMS42DQoJYy0wLjQtMC41LTAuNy0xLjEtMS0xLjdjLTAuMy0wLjYtMC42LTEuMi0wLjgtMS44Yy0wLjMtMC42LTAuNS0xLjItMC43LTEuOGMtMC4yLTAuNi0wLjMtMS4zLTAuNS0xLjljLTAuMS0wLjYtMC4yLTEuMy0wLjMtMS45DQoJUzAsMjAuNywwLDIwczAtMS4zLDAuMS0yYzAuMS0wLjcsMC4yLTEuMywwLjMtMS45YzAuMS0wLjYsMC4zLTEuMywwLjUtMS45YzAuMi0wLjYsMC40LTEuMiwwLjctMS44czAuNS0xLjIsMC44LTEuOHMwLjYtMS4xLDEtMS43DQoJYzAuNC0wLjUsMC44LTEuMSwxLjItMS42YzAuNC0wLjUsMC45LTEsMS4zLTEuNUM2LjMsNS40LDYuOCw1LDcuMyw0LjVjMC41LTAuNCwxLTAuOCwxLjYtMS4yYzAuNS0wLjQsMS4xLTAuNywxLjctMQ0KCWMwLjYtMC4zLDEuMi0wLjYsMS44LTAuOGMwLjYtMC4zLDEuMi0wLjUsMS44LTAuN2MwLjYtMC4yLDEuMy0wLjMsMS45LTAuNWMwLjYtMC4xLDEuMy0wLjIsMS45LTAuM0MxOC43LDAsMTkuMywwLDIwLDB6Ii8+DQo8cGF0aCBjbGFzcz0ic3QxIiBkPSJNMjIsMjBsNi4xLTYuMWMwLjYtMC42LDAuNS0xLjUsMC0yYy0wLjYtMC41LTEuNC0wLjUtMiwwTDIwLDE4bC02LjEtNi4xYy0wLjYtMC42LTEuNS0wLjYtMiwwDQoJYy0wLjYsMC42LTAuNiwxLjUsMCwybDAsMEwxOCwyMGwtNi4xLDYuMWMtMC42LDAuNi0wLjYsMS41LDAsMmMwLjYsMC42LDEuNSwwLjYsMiwwTDIwLDIybDYuMSw2LjFjMC42LDAuNiwxLjUsMC42LDIsMA0KCWMwLjYtMC42LDAuNi0xLjUsMC0yTDIyLDIweiIvPg0KPC9zdmc+DQo=);
    z-index: 1000
}

.clustering_variant_right_answer:first-child .c_variant_answer_val.answer-val:before {
    display: none
}


.clustering_variant_right_answer .c_variant_answer_val.answer-val:before {
    display: inline-block;
    position: absolute;
    height: 40px;
    width: 40px;
    left: -4px;
    bottom: 0;
    z-index: 1000;
    content: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGl2ZWxsb18xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgdmlld0JveD0iMCAwIDQwIDQwIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA0MCA0MDsiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4NCgkuc3Qwe2ZpbGw6IzRDQkE3NDt9DQoJLnN0MXtmaWxsOiNGRkZGRkY7fQ0KPC9zdHlsZT4NCjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0yMCwwYzAuNywwLDEuMywwLDIsMC4xczEuMywwLjIsMS45LDAuM2MwLjYsMC4xLDEuMywwLjMsMS45LDAuNWMwLjYsMC4yLDEuMiwwLjQsMS44LDAuN3MxLjIsMC41LDEuOCwwLjgNCglzMS4xLDAuNiwxLjcsMXMxLjEsMC44LDEuNiwxLjJjMC41LDAuNCwxLDAuOSwxLjUsMS4zYzAuNSwwLjUsMC45LDAuOSwxLjMsMS41YzAuNCwwLjUsMC44LDEsMS4yLDEuNmMwLjQsMC41LDAuNywxLjEsMSwxLjcNCgljMC4zLDAuNiwwLjYsMS4yLDAuOCwxLjhzMC41LDEuMiwwLjcsMS44YzAuMiwwLjYsMC4zLDEuMywwLjUsMS45YzAuMSwwLjYsMC4yLDEuMywwLjMsMS45czAuMSwxLjMsMC4xLDJzMCwxLjMtMC4xLDINCglzLTAuMiwxLjMtMC4zLDEuOWMtMC4xLDAuNi0wLjMsMS4zLTAuNSwxLjljLTAuMiwwLjYtMC40LDEuMi0wLjcsMS44Yy0wLjMsMC42LTAuNSwxLjItMC44LDEuOHMtMC42LDEuMS0xLDEuNw0KCWMtMC40LDAuNS0wLjgsMS4xLTEuMiwxLjZjLTAuNCwwLjUtMC45LDEtMS4zLDEuNWMtMC41LDAuNS0wLjksMC45LTEuNSwxLjNjLTAuNSwwLjQtMSwwLjgtMS42LDEuMmMtMC41LDAuNC0xLjEsMC43LTEuNywxDQoJYy0wLjYsMC4zLTEuMiwwLjYtMS44LDAuOGMtMC42LDAuMy0xLjIsMC41LTEuOCwwLjdzLTEuMywwLjMtMS45LDAuNWMtMC42LDAuMS0xLjMsMC4yLTEuOSwwLjNTMjAuNyw0MCwyMCw0MGMtMC43LDAtMS4zLDAtMi0wLjENCgljLTAuNy0wLjEtMS4zLTAuMi0xLjktMC4zYy0wLjYtMC4xLTEuMy0wLjMtMS45LTAuNXMtMS4yLTAuNC0xLjgtMC43Yy0wLjYtMC4zLTEuMi0wLjUtMS44LTAuOGMtMC42LTAuMy0xLjEtMC42LTEuNy0xDQoJYy0wLjUtMC40LTEuMS0wLjgtMS42LTEuMmMtMC41LTAuNC0xLTAuOS0xLjUtMS4zYy0wLjUtMC41LTAuOS0wLjktMS4zLTEuNWMtMC40LTAuNS0wLjgtMS0xLjItMS42Yy0wLjQtMC41LTAuNy0xLjEtMS0xLjcNCglzLTAuNi0xLjItMC44LTEuOGMtMC4zLTAuNi0wLjUtMS4yLTAuNy0xLjhjLTAuMi0wLjYtMC4zLTEuMy0wLjUtMS45Yy0wLjEtMC42LTAuMi0xLjMtMC4zLTEuOVMwLDIwLjcsMCwyMHMwLTEuMywwLjEtMg0KCXMwLjItMS4zLDAuMy0xLjljMC4xLTAuNiwwLjMtMS4zLDAuNS0xLjljMC4yLTAuNiwwLjQtMS4yLDAuNy0xLjhzMC41LTEuMiwwLjgtMS44QzIuNywxMCwzLDkuNCwzLjQsOC45YzAuNC0wLjUsMC44LTEuMSwxLjItMS42DQoJYzAuNC0wLjUsMC45LTEsMS4zLTEuNUM2LjMsNS40LDYuOCw1LDcuMyw0LjVjMC41LTAuNCwxLTAuOCwxLjYtMS4yYzAuNS0wLjQsMS4xLTAuNywxLjctMWMwLjYtMC4zLDEuMi0wLjYsMS44LTAuOA0KCXMxLjItMC41LDEuOC0wLjdjMC42LTAuMiwxLjMtMC4zLDEuOS0wLjVjMC42LTAuMSwxLjMtMC4yLDEuOS0wLjNDMTguNywwLDE5LjMsMCwyMCwweiIvPg0KPHBhdGggY2xhc3M9InN0MSIgZD0iTTE3LjIsMjYuMWwtNS42LTUuNmMtMC4zLTAuMy0wLjMtMC45LDAtMS4ybDAsMGwxLjItMS4yYzAuMy0wLjMsMC45LTAuMywxLjIsMGwwLDBsMy44LDMuOGw4LTgNCgljMC4zLTAuMywwLjktMC4zLDEuMiwwbDAsMGwxLjIsMS4yYzAuMywwLjMsMC4zLDAuOSwwLDEuMmwwLDBsLTkuOSw5LjlDMTguMSwyNi41LDE3LjYsMjYuNSwxNy4yLDI2LjFMMTcuMiwyNi4xeiIvPg0KPC9zdmc+DQo=);
}

.missionsModal {
    padding: 0 !important
}

.correct_response_variant:first-child .c_variant_answer_val.answer-val {
    border-radius: 0;
    color: #fff;
    text-align: center;
    border: 0;
    font-weight: bold;
}

.correct_response_variant .c_variant_answer_val.answer-val {
    background: #ffffff;
    border-radius: 10px;
    text-align: center;
    font-size: 1.2rem;
    font-weight: normal;
}

.correct_response_variant {
    text-align: center !important
}

.col-wrong_response_final:first-child .c_variant_answer_val.answer-val {
    color: #ffffff;
    text-align: center
}

.col-wrong_response_final .c_variant_answer_val.answer-val {
    background: #ffffff;
    text-align: center;
    font-weight: normal;
    font-size: 1.2rem;
    border-radius: 10px;
}

button.g4s_play_flash_quiz_button {
    /* padding:15px; */
}

button.g4s_play_flash_quiz_button.wrong_way {
    padding: 0;
}

.feedback_wrong label:after, .feedback_correct label:after, .col_correct label:after {
    content: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGl2ZWxsb18xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgdmlld0JveD0iMCAwIDE5NSAzMjAiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDE5NSAzMjA7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+DQoJLnN0MHtmaWxsOiMwMDI4NTU7fQ0KPC9zdHlsZT4NCjxjaXJjbGUgY2xhc3M9InN0MCIgY3g9IjM3LjIiIGN5PSI0MC40IiByPSIzMC4zIi8+DQo8Y2lyY2xlIGNsYXNzPSJzdDAiIGN4PSIxNTciIGN5PSI0MC40IiByPSIzMC4zIi8+DQo8Y2lyY2xlIGNsYXNzPSJzdDAiIGN4PSIzNy4yIiBjeT0iMTU5LjkiIHI9IjMwLjMiLz4NCjxlbGxpcHNlIHRyYW5zZm9ybT0ibWF0cml4KDcuMDg4OTAzZS0wMiAtMC45OTc1IDAuOTk3NSA3LjA4ODkwM2UtMDIgLTEzLjY1NTkgMzA1LjE1OTIpIiBjbGFzcz0ic3QwIiBjeD0iMTU3IiBjeT0iMTU5LjkiIHJ4PSIzMC4zIiByeT0iMzAuMyIvPg0KPGNpcmNsZSBjbGFzcz0ic3QwIiBjeD0iMzcuMiIgY3k9IjI3OS40IiByPSIzMC4zIi8+DQo8ZWxsaXBzZSB0cmFuc2Zvcm09Im1hdHJpeCg3LjA4ODkwM2UtMDIgLTAuOTk3NSAwLjk5NzUgNy4wODg5MDNlLTAyIC0xMzIuODY1MiA0MTYuMTk3MykiIGNsYXNzPSJzdDAiIGN4PSIxNTciIGN5PSIyNzkuNCIgcng9IjMwLjMiIHJ5PSIzMC4zIi8+DQo8L3N2Zz4NCg==);
    display: inline-block;
    height: 16px;
    width: 16px;
    margin-right: 20px;
    float: right;
    margin-top: 10px;
}

.correct_clustering_variant_final:first-child label {
    color: #ffffff;
    border: 0;
    text-align: center;
    border-radius: 0 !important
}


.correct_clustering_variant_final label {
    background: #ffffff !important;
    border-radius: 10px !important;
    text-align: center
}

.col-wrong_response_final:first-child label {
    height: inherit !important;
    font-weight: bold !important;
    border-radius: 0 !important;

}

.col-wrong_response_final .arrow {
    margin-bottom: 1rem
}

.row.question_type_4 {
    margin: 0 15rem !important
}

div#logoHolder {
    zoom: 0.5;
}

img.cover_image.end_image {
    border-radius: 100%;
    width: 150px;
    height: 150px;
    object-fit: cover;
}

p.boarding_pass {
    font-size: max(1vw, 16px);
    text-transform: uppercase;
    padding: 10px 0;
    color: rgb(255 255 255);
    font-weight: bold;
    border-radius: 13px 13px 0 0;
    margin: 0;
}

.purchasing-fundamentals p.path_icon {
    width: 100%;
    height: 89px;
    background: url(g4s_theme_child_images/fundamentals_boarding.png);
    background-repeat: no-repeat;
    background-position: center;
}

.process-and-procedure p.path_icon {
    width: 100%;
    height: 89px;
    background: url(g4s_theme_child_images/process_boarding.png);
    background-repeat: no-repeat;
    background-position: center;
}


.work-with-purchasing-tools p.path_icon {
    width: 100%;
    height: 89px;
    background: url(g4s_theme_child_images/tools_boarding.png);
    background-repeat: no-repeat;
    background-position: center;
}

.technical-skills p.path_icon {
    width: 100%;
    height: 89px;
    background: url(g4s_theme_child_images/technical_boarding.png);
    background-repeat: no-repeat;
    background-position: center;
}


.soft-skills p.path_icon {
    width: 100%;
    height: 89px;
    background: url(g4s_theme_child_images/soft_boarding.png);
    background-repeat: no-repeat;
    background-position: center;
}

p.master_path_text.arrival {
    margin: 20px 0 0 !important
}


.leaflet-top {
    top: 10px !important;
    right: 200px;
}

.quest-item-container.col {
    text-align: center;
    padding: 10px 0;
}


@keyframes zoominoutsinglefeatured {
    0% {
        transform: scale(1.05, 1.05);
    }
    50% {
        transform: scale(1.07, 1.07);
    }
    100% {
        transform: scale(1.05, 1.05);
    }
}

/*.card_master_path .card-block:hover {
    animation: zoominoutsinglefeatured 1s infinite ;
}*/

#quest-title:before {
    display: inline-block;
    height: 30px;
    width: 30px;
    vertical-align: middle;
    margin-right: 5px;
}

.leaflet-marker-icon.graphContainer.container-Vincenzo.leaflet-zoom-animated {
    width: 30px !important
}


button#clustering-confirm, button#sequence-confirm, button#clustering-variant-confirm {
    border-radius: 5px !important;
    color: #ffffff;
    font-weight: bold !important;
}

.leaflet-top.contest_container {
    border: 0;
    left: 80px;
    pointer-events: all;
}


.leaflet-top.contest_container button {
    border: 0;
}

.leaflet-top.contest_container button:hover {
    background-color: transparent
}


.leaflet-top.contest_container button img {
    width: 150px
}

.bpContestButtonContainer {
    transform: scale(1.0);
    animation-name: shakeMe;
    animation-duration: 5s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

#contest_map_button button:active {
    background-color: transparent !important;
    border: 0 !important;
}

#contest_map_button button:focus {

    box-shadow: 0 0 0 0 rgb(0 123 255 / 50%) !important;
}

@keyframes shakeMe {
    2%, 18% {
        transform: scale(0.95);

    }

    4%, 16% {
        transform: scale(0.95);
    }

    6%, 10%, 14% {
        transform: scale(1.0);
    }

    8%, 12% {
        transform: scale(0.95);
    }

    18.1% {
        transform: scale(1.0);
    }
}

.row.row_modal_achivements {
    min-height: 664px;
}

.tutor_modal_achivements {
    text-align: center;
    background-size: cover;
}

.contenr_modal_achivements {
    padding-top: 5rem
}


.contenr_modal_achivements h4 {
    text-transform: initial;
    font-size: 2rem;
    color: #00a933
}

p.postcard_title {
    color: #ffffff;
    font-weight: bold;
}

.achivements_modal_points {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    font-size: 5rem;
    font-weight: bold;
}

.row.postcard_image_container {
    /*background:url(g4s_theme_child_images/sfondo1_front.jpg);*/
    margin: 3rem 0rem 3rem;
    background-color: #011F11;
    border: 4px solid #007340;
    border-radius: 25px;
    box-shadow: 0px 3px 22px 0px rgba(0, 0, 0, 0.4);
}

p.postcard_title {
    color: #ffffff;
    font-weight: bold;
}


.achivements_modal_points {
    font-size: 3.5rem;
    font-weight: bold;
}

.achivements_modal_points:before {
    content: url(g4s_theme_child_images/quiz_point_achievement.png);
    margin-top: 21px;
    margin-left: -10px;
}

.postcard_image_container_box {
    max-width: 220px !important;
}

/*img.rankings_user_profile_image_img {
    display: none;
}*/

td.general_ranking_avatar:after {
    width: 70px;
    height: 70px;
    display: flex;
    align-items: center;
    justify-content: center;
}

td.general_ranking_avatar.Thailand:after {
    content: url(g4s_theme_child_images/thailand.png);
}

td.general_ranking_avatar.Malaysia:after {
    content: url(g4s_theme_child_images/malaysia.png);
}

td.general_ranking_avatar.China:after {
    content: url(g4s_theme_child_images/china.png);
}

td.general_ranking_avatar.Japan:after {
    content: url(g4s_theme_child_images/japan.png);
}

td.general_ranking_avatar.Korea:after {
    content: url(g4s_theme_child_images/south-korea.png);
}

td.general_ranking_avatar.India:after {
    content: url(g4s_theme_child_images/india.png);
}

td.general_ranking_avatar.States:after {
    content: url(g4s_theme_child_images/united-states.png);
}

td.general_ranking_avatar.Mexico:after {
    content: url(g4s_theme_child_images/mexico.png);
}

td.general_ranking_avatar.Argentina:after {
    content: url(g4s_theme_child_images/argentina.png);
}

td.general_ranking_avatar.Brazil:after {
    content: url(g4s_theme_child_images/brazil.png);
}

td.general_ranking_avatar.Italy:after {
    content: url(g4s_theme_child_images/italy.png);
}

td.general_ranking_avatar.Spain:after {
    content: url(g4s_theme_child_images/spain.png);
}

td.general_ranking_avatar.France:after {
    content: url(g4s_theme_child_images/france.png);
}

td.general_ranking_avatar.Romania:after {
    content: url(g4s_theme_child_images/romania.png);
}

td.general_ranking_avatar.Slovakia:after {
    content: url(g4s_theme_child_images/slovakia.png);
}

td.general_ranking_avatar.Czech:after {
    content: url(g4s_theme_child_images/czech-republic.png);
}

td.general_ranking_avatar.Morocco:after {
    content: url(g4s_theme_child_images/morocco.png);
}

td.general_ranking_avatar.Turkey:after {
    content: url(g4s_theme_child_images/turkey.png);
}

td.general_ranking_avatar.Russian:after {
    content: url(g4s_theme_child_images/russia.png);
}

td.general_ranking_avatar.Kingdom:after {
    content: url(g4s_theme_child_images/united-kingdom.png);
}

td.general_ranking_avatar.Poland:after {
    content: url(g4s_theme_child_images/poland.png);
}

td.general_ranking_avatar.Serbia:after {
    content: url(g4s_theme_child_images/serbia.png);
}

td.general_ranking_avatar.Germany:after {
    content: url(g4s_theme_child_images/germany.png);
}

td.general_ranking_avatar.SOUTH:after {
    content: url(g4s_theme_child_images/south-america.png);
}

td.general_ranking_avatar.NORTH:after {
    content: url(g4s_theme_child_images/north-america.png);
}

td.general_ranking_avatar.EUROPE:after {
    content: url(g4s_theme_child_images/european-union.png);
}

td.general_ranking_avatar.ASEAN:after {
    content: url(g4s_theme_child_images/asian.png);
}

td.general_ranking_avatar.bu_avatar {
    content: url(g4s_theme_child_images/business_icon.png);
}

td.general_ranking_avatar.purchasing_role_avatar {
    content: url(g4s_theme_child_images/role_icon.png);
}

/*td.general_ranking_avatar.user_avatar_default:before {
    content: url(g4s_theme_child_images/rank_user_icon.png);
}*/

td.general_ranking_avatar.my_user_avatar_default:before {
    content: url(g4s_theme_child_images/rank_user_icon.png);
}

table.dataTable.display tbody tr.even > .sorting_1, table.dataTable.order-column.stripe tbody tr.even > .sorting_1 {
    background-color: #FFF !important;
}

a.paginate_button.current {
    border: 0 !important;
    color: #ffffff !important;
}

.page-template-my_profile-template .dataTables_wrapper .dataTables_paginate .paginate_button.current, .page-template-my_profile-template .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    color: var(--oppo-green)!important;
}


.row.header_ranking {
    min-height: 68px;
}

.icon_ranking {
    background-repeat: no-repeat !important;
    background-position: center !important;
}

.ranking_title:after {
    zoom: 0.5;
    height: 24px;
    width: 24px;
    /*content: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyNy4wLjEsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCAxNTAgMTUwIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAxNTAgMTUwOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KCS5zdDB7ZmlsbDojRUM5RTAwO30NCgkuc3Qxe2ZpbGw6bm9uZTtzdHJva2U6I0ZGQjMwMDtzdHJva2Utd2lkdGg6My4yMDUzO30NCgkuc3Qye2ZpbGw6I0ZGRTI1MDt9DQoJLnN0M3tmaWxsOnVybCgjU1ZHSURfMV8pO30NCgkuc3Q0e2ZpbGw6bm9uZTtzdHJva2U6I0RGODIwOTtzdHJva2Utd2lkdGg6MS42MDI3O30NCgkuc3Q1e2ZpbGw6I0ZGRUM2Rjt9DQo8L3N0eWxlPg0KPGcgaWQ9IlJhZ2dydXBwYV8xMjI5NiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNzk2NyAtNzQ0Ni41MzQpIj4NCgk8ZyB0cmFuc2Zvcm09Im1hdHJpeCgxLCAwLCAwLCAxLCAtNzk2NywgNzQ0Ni41MykiPg0KCQk8ZyBpZD0iRWxsaXNzZV82MDQtMl8wMDAwMDExNzY1MzgyMjYwNTc1NTM2NTQyMDAwMDAxMDI3NjE1OTAxOTA4NjAwMjgzMV8iIHRyYW5zZm9ybT0idHJhbnNsYXRlKDI1IDI1KSI+DQoJCQk8Y2lyY2xlIGNsYXNzPSJzdDAiIGN4PSI1MCIgY3k9IjUwIiByPSI3NSIvPg0KCQkJPGNpcmNsZSBjbGFzcz0ic3QxIiBjeD0iNTAiIGN5PSI1MCIgcj0iNzMuNCIvPg0KCQk8L2c+DQoJPC9nPg0KCTxnIHRyYW5zZm9ybT0ibWF0cml4KDEsIDAsIDAsIDEsIC03OTY3LCA3NDQ2LjUzKSI+DQoJCTxjaXJjbGUgaWQ9IkVsbGlzc2VfNjA1LTJfMDAwMDAxNjU5NDAwODc0MDQ4NjQ2MTY0MTAwMDAwMDAyOTAxMTEzMzM0NTIxMTcxNDlfIiBjbGFzcz0ic3QyIiBjeD0iNzUuNCIgY3k9Ijc1LjQiIHI9IjY3LjMiLz4NCgk8L2c+DQoJPGcgdHJhbnNmb3JtPSJtYXRyaXgoMSwgMCwgMCwgMSwgLTc5NjcsIDc0NDYuNTMpIj4NCgkJPGcgaWQ9IkVsbGlzc2VfNjA2LTJfMDAwMDAxNjQ0ODMxNDU1NjA5NTY5MDAzODAwMDAwMDAzNzc2NzA4MzM4MDg2Mjg0MDNfIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgzNi4wOCAzNS44NSkiPg0KCQkJDQoJCQkJPGxpbmVhckdyYWRpZW50IGlkPSJTVkdJRF8xXyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSItMjMuNDM2NyIgeTE9IjEwMjYuMjY0IiB4Mj0iLTIzLjQzNjciIHkyPSIxMDI3Ljg2NjciIGdyYWRpZW50VHJhbnNmb3JtPSJtYXRyaXgoNzEuODkyIDAgMCAtNzEuODkyIDE3MjQuMTk3NiA3Mzg3Ni45Mzc1KSI+DQoJCQkJPHN0b3AgIG9mZnNldD0iMCIgc3R5bGU9InN0b3AtY29sb3I6I0YyOEIwMSIvPg0KCQkJCTxzdG9wICBvZmZzZXQ9IjEiIHN0eWxlPSJzdG9wLWNvbG9yOiNGRkJDMDAiLz4NCgkJCTwvbGluZWFyR3JhZGllbnQ+DQoJCQk8Y2lyY2xlIGNsYXNzPSJzdDMiIGN4PSIzOS4zIiBjeT0iMzkuMiIgcj0iNTcuNiIvPg0KCQkJPGNpcmNsZSBjbGFzcz0ic3Q0IiBjeD0iMzkuMyIgY3k9IjM5LjIiIHI9IjU2LjgiLz4NCgkJPC9nPg0KCTwvZz4NCgk8ZyBpZD0iUmFnZ3J1cHBhXzEyMjk1IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMjIwLjM1OCAtMzg0LjY4NSkiPg0KCQk8cGF0aCBpZD0iVHJhY2NpYXRvXzExOTYxIiBjbGFzcz0ic3Q1IiBkPSJNLTc2NTEuMyw3OTI1LjF2LTQ1LjdjMC0wLjItMC4yLTAuMy0wLjMtMC4zbDAsMGgtMTMuNWMtMC4yLDAtMC4zLDAuMi0wLjMsMC4zDQoJCQljMCwwLDAsMCwwLDB2NDUuN2MwLDAsMC44LDUuMiw3LjcsNy40YzIuMSwwLjYsNC4zLDAuOCw2LjYsMC44Vjc5MjUuMXoiLz4NCgkJPHBhdGggaWQ9IlRyYWNjaWF0b18xMTk2MiIgY2xhc3M9InN0NSIgZD0iTS03NjQwLjUsNzkwNmgtMTYuN2MtMC40LDAtMC43LTAuMy0wLjctMC43di05LjhjMC0wLjQsMC4zLTAuNywwLjctMC43aDE2LjcNCgkJCWMwLjQsMCwwLjcsMC4zLDAuNywwLjd2OS44Qy03NjM5LjgsNzkwNS43LTc2NDAuMSw3OTA2LTc2NDAuNSw3OTA2Ii8+DQoJCTxwYXRoIGlkPSJUcmFjY2lhdG9fMTE5NjMiIGNsYXNzPSJzdDUiIGQ9Ik0tNzY4OC4yLDc5MjUuOGMwLDQuMi0zLjQsNy42LTcuNiw3LjZjLTQuMiwwLTcuNi0zLjQtNy42LTcuNmMwLTQuMiwzLjQtNy42LDcuNi03LjYNCgkJCUMtNzY5MS42LDc5MTguMi03Njg4LjIsNzkyMS42LTc2ODguMiw3OTI1LjhMLTc2ODguMiw3OTI1LjgiLz4NCgkJPHBhdGggaWQ9IlRyYWNjaWF0b18xMTk2NCIgY2xhc3M9InN0NSIgZD0iTS03NjY5LjgsNzg4NmMwLDMuOS0zLjEsNy03LDdjLTMuOSwwLTctMy4xLTctN2MwLTMuOSwzLjEtNyw3LTcNCgkJCUMtNzY3Myw3ODc5LTc2NjkuOCw3ODgyLjEtNzY2OS44LDc4ODYiLz4NCgkJPHBhdGggaWQ9IlRyYWNjaWF0b18xMTk2NSIgY2xhc3M9InN0NSIgZD0iTS03NjY5LjMsNzkyMS4ydi0yNS44YzAtMC4yLTAuMi0wLjMtMC4zLTAuM2wwLDBoLTEzLjVjLTAuMiwwLTAuMywwLjItMC4zLDAuMw0KCQkJYzAsMCwwLDAsMCwwdjI4LjdjMCwwLDAuOCw1LDQuNyw3LjFjMCwwLDMsMi4zLDkuNSwyLjRMLTc2NjkuMyw3OTIxLjJ6Ii8+DQoJPC9nPg0KPC9nPg0KPC9zdmc+DQo=);*/
    vertical-align: -8px;
    position: absolute;
    right: 57px;
    top: 19px;
}

.row.ranking_text {
    font-size: 0.8rem;
}

.header_ranking.col-6_ranking {
    min-height: 68px
}

li.dropdown.qtranxs-lang-menu {
    margin-top: 5px;
}

li.dropdown.qtranxs-lang-menu a:before {
    content: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyNS4zLjEsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iR3JvdXBfMzk1NyIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCAyNCAyNCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMjQgMjQ7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+DQoJLnN0MHtmaWxsOiNDQ0NDQ0M7fQ0KPC9zdHlsZT4NCjxwYXRoIGlkPSJQYXRoXzExNTY1IiBjbGFzcz0ic3QwIiBkPSJNNy45LDIxLjJjLTAuNCwwLjItMC43LDAuNS0xLjEsMC43Yy0wLjMsMC4yLTAuNSwwLjMtMC44LDAuNWMtMC41LDAuMy0xLjEsMC42LTEuNywwLjkNCgljLTAuNCwwLjItMC43LDAuMy0xLjEsMC40Yy0wLjEsMC0wLjMsMC4xLTAuNCwwLjFjLTAuMiwwLTAuMywwLjEtMC41LDAuMUMyLjEsMjQsMS44LDI0LDEuNiwyNGMtMC4yLDAtMC4zLTAuMS0wLjUtMC4xDQoJYy0wLjItMC4xLTAuNC0wLjItMC40LTAuNGMwLTAuMS0wLjEtMC4xLTAuMS0wLjNjMCwwLDAsMCwwLDBjMC0wLjMsMC4xLTAuNiwwLjMtMC45YzAuMy0wLjQsMC42LTAuOSwwLjktMS4zDQoJYzAuMi0wLjMsMC4zLTAuNSwwLjUtMC44YzAuMS0wLjIsMC4yLTAuNCwwLjMtMC42YzAuMS0wLjIsMC4xLTAuNCwwLjItMC42YzAtMC4zLDAtMC41LDAtMC44Yy0wLjEtMC4zLTAuMi0wLjUtMC40LTAuNw0KCWMtMC4yLTAuMi0wLjMtMC40LTAuNC0wLjZjLTAuMi0wLjMtMC40LTAuNi0wLjYtMC45QzEuMiwxNS42LDEsMTUuMywwLjksMTVjLTAuMS0wLjItMC4yLTAuNC0wLjMtMC42Yy0wLjEtMC4zLTAuMi0wLjUtMC4zLTAuOA0KCWMwLTAuMi0wLjEtMC4zLTAuMS0wLjVjMC0wLjEsMC0wLjIsMC0wLjNzMC0wLjItMC4xLTAuMmMwLTAuMSwwLTAuMy0wLjEtMC40YzAtMC4xLDAtMC4zLDAtMC40YzAtMC4yLDAtMC4zLDAtMC41DQoJYzAtMC4xLDAtMC4yLDAtMC4zYzAtMC40LDAtMC43LDAuMS0xLjFjMC0wLjMsMC4xLTAuNiwwLjItMC45UzAuNCw4LjMsMC40LDhDMC43LDcuMywxLDYuNiwxLjMsNmMwLjItMC4zLDAuNC0wLjYsMC42LTENCgljMC4yLTAuMywwLjUtMC42LDAuNy0wLjljMC4xLTAuMiwwLjMtMC4zLDAuNC0wLjRjMC4xLTAuMiwwLjMtMC4zLDAuNS0wLjRDMy44LDMsNC4xLDIuNyw0LjQsMi41YzAuMi0wLjEsMC4zLTAuMiwwLjUtMC4zDQoJYzAuNS0wLjQsMS4xLTAuNywxLjctMUM2LjksMSw3LjMsMC45LDcuNywwLjdjMC4yLTAuMSwwLjUtMC4xLDAuNy0wLjJDOC42LDAuNCw4LjgsMC40LDksMC4zQzkuMywwLjMsOS43LDAuMiwxMCwwLjINCgljMC4yLTAuMSwwLjQsMCwwLjUtMC4xczAuNCwwLDAuNSwwQzExLjYsMCwxMi4xLDAsMTIuNywwYzAuMSwwLDAuMywwLjEsMC40LDAuMWMwLjEsMCwwLjMsMCwwLjQsMGMwLDAsMC4xLDAsMC4yLDANCgljMC4zLDAsMC42LDAuMSwwLjksMC4yYzAuMiwwLDAuNCwwLjEsMC42LDAuMWMwLjQsMC4xLDAuNywwLjIsMS4xLDAuM2MwLjcsMC4yLDEuMywwLjUsMS45LDAuOWMwLjIsMC4xLDAuNCwwLjIsMC42LDAuNA0KCWMwLjQsMC4yLDAuNywwLjUsMS4xLDAuOGMwLDAsMCwwLDAsMGMwLjUsMC40LDAuOSwwLjgsMS4zLDEuM0MyMS42LDQuMywyMS44LDQuNiwyMiw1YzAuNSwwLjYsMC45LDEuMywxLjIsMg0KCWMwLjIsMC40LDAuMywwLjgsMC40LDEuMmMwLDAuMSwwLjEsMC4zLDAuMSwwLjRjMC4xLDAuMSwwLDAuMywwLjEsMC40YzAuMSwwLjIsMC4xLDAuMywwLjEsMC41YzAsMC4xLDAuMSwwLjMsMC4xLDAuNA0KCWMwLDAuMSwwLDAuMywwLDAuNGMwLDAuMSwwLDAuMiwwLDAuM2MwLDAuMiwwLDAuNCwwLDAuNmMwLDAuMywwLDAuNy0wLjEsMWMwLDAuMi0wLjEsMC40LTAuMSwwLjZjLTAuMSwwLjItMC4xLDAuNC0wLjIsMC42DQoJYy0wLjEsMC4zLTAuMSwwLjUtMC4yLDAuOGMtMC4yLDAuNS0wLjQsMC45LTAuNiwxLjNjLTAuMywwLjUtMC41LDEtMC45LDEuNGMtMC4yLDAuMy0wLjQsMC41LTAuNiwwLjdjLTAuMywwLjMtMC41LDAuNi0wLjgsMC45DQoJYy0wLjMsMC4zLTAuNywwLjYtMS4xLDAuOWMtMC40LDAuMy0wLjksMC41LTEuMywwLjhjLTAuMywwLjEtMC42LDAuMy0wLjksMC40Yy0wLjMsMC4xLTAuNSwwLjItMC44LDAuM2MtMC4yLDAuMS0wLjUsMC4yLTAuOCwwLjINCgljLTAuMywwLjEtMC42LDAuMi0xLDAuM2MtMC4xLDAtMC4yLDAtMC4zLDAuMWMtMC4xLDAuMS0wLjMsMC0wLjUsMC4xYy0wLjIsMC4xLTAuNCwwLTAuNiwwLjFjMCwwLDAsMCwwLDBjLTAuMywwLTAuNiwwLTEsMC4xDQoJYy0wLjMsMC0wLjYsMC0xLDBjLTAuMSwwLTAuMiwwLTAuNC0wLjFjLTAuMSwwLTAuMiwwLTAuMywwYy0wLjMtMC4xLTAuNiwwLTAuOC0wLjFjLTAuMi0wLjEtMC41LTAuMS0wLjctMC4yDQoJYy0wLjItMC4xLTAuNC0wLjEtMC43LTAuMkM4LjQsMjEuNCw4LjEsMjEuMyw3LjksMjEuMnogTTEuNywyMi45TDEuNywyMi45YzAuMSwwLDAuMiwwLDAuMywwYzAuMiwwLDAuNC0wLjEsMC42LTAuMQ0KCWMwLjUtMC4xLDAuOS0wLjMsMS40LTAuNWMwLjMtMC4xLDAuNi0wLjMsMC45LTAuNXMwLjYtMC4zLDAuOC0wLjVDNiwyMS4xLDYuMywyMSw2LjYsMjAuOGMwLjMtMC4yLDAuNy0wLjQsMS0wLjYNCgljMCwwLDAuMS0wLjEsMC4xLTAuMWMwLjEsMCwwLjIsMCwwLjMsMGMwLjMsMC4xLDAuNiwwLjIsMC45LDAuM2MwLjIsMCwwLjMsMC4xLDAuNSwwLjFjMC4yLDAsMC4zLDAsMC41LDAuMWMwLjIsMC4xLDAuNCwwLDAuNSwwLjENCgljMC4zLDAsMC43LDAuMSwxLDAuMWMwLjIsMCwwLjQsMCwwLjUsMC4xYzAsMCwwLjEsMCwwLjEsMGMwLjEtMC4xLDAuMi0wLjEsMC4zLDBjMC40LDAsMC44LDAsMS4yLTAuMWMwLDAsMCwwLDAuMSwwDQoJYzAuMy0wLjEsMC41LTAuMSwwLjgtMC4yYzAuMy0wLjEsMC42LTAuMSwwLjktMC4yYzAuMi0wLjEsMC41LTAuMiwwLjctMC4zYzAuMi0wLjEsMC41LTAuMiwwLjctMC4zYzAuNy0wLjMsMS4zLTAuNywxLjktMS4xDQoJYzAuMy0wLjIsMC42LTAuNCwwLjktMC43YzAuNS0wLjUsMS0xLDEuNC0xLjVjMC4yLTAuMywwLjUtMC43LDAuNy0xYzAuMi0wLjMsMC40LTAuNywwLjUtMS4xYzAuMS0wLjIsMC4xLTAuMywwLjItMC41DQoJYzAuMi0wLjUsMC4zLTEsMC40LTEuNWMwLTAuMSwwLTAuMywwLjEtMC40YzAtMC4xLDAuMS0wLjMsMC0wLjRjMC0wLjIsMC4xLTAuMywwLjEtMC41YzAtMC4zLDAtMC42LDAtMC44YzAtMC4yLDAtMC4zLDAtMC41DQoJYy0wLjEtMC4yLDAtMC4zLTAuMS0wLjVjMC0wLjMtMC4xLTAuNi0wLjItMC45YzAtMC4yLTAuMS0wLjQtMC4yLTAuNWMtMC4xLTAuMi0wLjEtMC4zLTAuMi0wLjVjLTAuMS0wLjItMC4xLTAuMy0wLjItMC41DQoJYy0wLjEtMC4yLTAuMy0wLjUtMC40LTAuN2MtMC4zLTAuNS0wLjYtMC45LTAuOS0xLjNjLTAuMS0wLjEtMC4yLTAuMi0wLjMtMC4zYy0wLjEtMC4xLTAuMi0wLjItMC4zLTAuM2MtMC4zLTAuMy0wLjYtMC41LTAuOS0wLjgNCgljLTAuMy0wLjItMC43LTAuNS0xLTAuN2MtMC4yLTAuMS0wLjQtMC4yLTAuNS0wLjNjLTAuMy0wLjItMC42LTAuMy0wLjktMC40Yy0wLjQtMC4yLTAuNy0wLjMtMS4xLTAuNGMtMC41LTAuMS0xLTAuMy0xLjUtMC40DQoJYy0wLjEsMC0wLjMtMC4xLTAuNC0wLjFjLTAuMSwwLTAuMywwLTAuNCwwYy0wLjIsMC0wLjMsMC0wLjUsMGMtMC4yLDAtMC4zLTAuMS0wLjUtMC4xYy0wLjQsMC0wLjgsMC4xLTEuMSwwLjENCgljLTAuMywwLTAuNSwwLTAuOCwwLjFjMCwwLDAsMC0wLjEsMEMxMCwxLjIsOS43LDEuMyw5LjUsMS4zYy0wLjIsMC0wLjQsMC4xLTAuNiwwLjJjLTAuMiwwLTAuMywwLjEtMC41LDAuMUM4LjIsMS43LDgsMS43LDcuOSwxLjgNCglDNy42LDEuOSw3LjQsMiw3LjIsMi4xUzYuOCwyLjMsNi41LDIuNEM2LjIsMi41LDYsMi43LDUuNywyLjlDNS41LDMsNS4zLDMuMiw1LjEsMy4zQzQuOCwzLjUsNC42LDMuNyw0LjQsMy45QzQuMyw0LDQuMiw0LjEsNCw0LjINCglDMy45LDQuMywzLjgsNC41LDMuNyw0LjZDMy41LDQuNywzLjQsNC45LDMuMyw1QzMsNS40LDIuNyw1LjgsMi40LDYuMkMyLjIsNi42LDIsNywxLjgsNy41QzEuNyw3LjYsMS43LDcuNywxLjYsNy45DQoJQzEuNSw4LjEsMS41LDguNCwxLjQsOC43QzEuMyw4LjgsMS4zLDksMS4yLDkuMmMwLDAuMSwwLDAuMi0wLjEsMC40czAsMC4zLTAuMSwwLjRjMCwwLjMsMCwwLjUtMC4xLDAuOGMwLDAuMywwLDAuNSwwLDAuOA0KCWMwLDAuMiwwLDAuNCwwLjEsMC42YzAsMC4xLDAsMC4yLDAuMSwwLjNjMC4xLDAuMSwwLDAuMiwwLjEsMC4zYzAsMC4xLDAuMSwwLjIsMC4xLDAuM2MwLjEsMC41LDAuMywxLjEsMC41LDEuNg0KCUMyLDE1LDIuMiwxNS4zLDIuNCwxNS42YzAuMiwwLjQsMC41LDAuNywwLjcsMWMwLjEsMC4xLDAuMiwwLjMsMC4zLDAuNGMwLjIsMC4yLDAuMywwLjQsMC4zLDAuN2MwLjEsMC4zLDAuMSwwLjUsMC4xLDAuOA0KCWMwLDAuMS0wLjEsMC4yLTAuMSwwLjNjMCwwLjItMC4xLDAuNS0wLjIsMC43Yy0wLjEsMC40LTAuMywwLjctMC41LDEuMUMzLDIxLDIuOSwyMS4zLDIuNywyMS41UzIuNCwyMiwyLjIsMjIuMw0KCUMyLjEsMjIuNSwxLjksMjIuNywxLjcsMjIuOUwxLjcsMjIuOXoiLz4NCjxwYXRoIGlkPSJQYXRoXzExNTY2IiBjbGFzcz0ic3QwIiBkPSJNMTUuNiwxMC40YzAtMC4zLDAtMC42LDAtMC45YzAtMC4yLDAuMS0wLjQsMC4yLTAuNWMwLDAsMC4xLTAuMSwwLjEtMC4xDQoJYzAuMS0wLjEsMC4zLTAuMSwwLjUsMGwwLjMsMC4zdjEuMmwwLjEsMC4xaDIuN2wwLjMsMC4yYzAsMC4xLDAuMSwwLjIsMC4xLDAuM2MwLDAuMSwwLDAuMi0wLjEsMC4zbC0wLjEsMC4xDQoJYy0wLjEsMC4xLTAuMiwwLjEtMC4zLDAuMWMtMC4yLDAtMC41LDAtMC43LDBjLTAuNCwxLjMtMS4xLDIuNS0yLDMuNWMwLDAsMCwwLjEsMC4xLDAuMWMwLjIsMC4yLDAuNCwwLjMsMC42LDAuNA0KCWMwLjQsMC4yLDAuNywwLjQsMS4xLDAuNmMwLjIsMC4xLDAuMywwLjIsMC4zLDAuNGMwLDAuMSwwLjEsMC4yLDAsMC4yYzAsMCwwLDAuMSwwLDAuMWwtMC4zLDAuM0gxOGMtMC44LTAuNC0xLjUtMC45LTIuMi0xLjQNCgljLTAuMSwwLTAuMiwwLjEtMC4yLDAuMWMtMC4zLDAuMi0wLjYsMC40LTAuOSwwLjZjLTAuMiwwLjEtMC40LDAuMi0wLjYsMC4zYy0wLjMsMC4yLTAuNywwLjMtMS4xLDAuNGMtMC4xLDAtMC4zLDAtMC40LTAuMQ0KCWMtMC4xLTAuMS0wLjItMC4xLTAuMi0wLjJ2LTAuNGMwLjEtMC4yLDAuMi0wLjMsMC40LTAuNGMwLjItMC4xLDAuNC0wLjIsMC43LTAuM2MwLjUtMC4yLDAuOS0wLjUsMS40LTAuOGMwLDAsMC4xLTAuMSwwLjEtMC4yDQoJYy0wLjUtMC41LTEtMS4xLTEuNC0xLjh2LTAuNGwwLjMtMC4zYzAuMSwwLDAuMSwwLDAuMi0wLjFjMC4xLDAsMC4yLDAsMC4zLDAuMWMwLjEsMC4yLDAuMywwLjQsMC40LDAuNmMwLjIsMC4zLDAuMywwLjUsMC42LDAuNw0KCWMwLjIsMC4yLDAuMywwLjQsMC41LDAuNWMwLjQtMC40LDAuOC0wLjksMS4xLTEuNGMwLjMtMC41LDAuNS0xLDAuNy0xLjVoLTQuN2MtMC4yLTAuMS0wLjMtMC4yLTAuNC0wLjRjLTAuMS0wLjMsMC4xLTAuNSwwLjQtMC42DQoJTDE1LjYsMTAuNHoiLz4NCjxwYXRoIGlkPSJQYXRoXzExNTY3IiBjbGFzcz0ic3QwIiBkPSJNOS43LDEzLjFjLTAuMy0wLjItMC40LTAuNS0wLjUtMC44QzkuMSwxMS45LDksMTEuNCw4LjgsMTFINi4zYy0wLjEsMC4yLTAuMSwwLjQtMC4yLDAuNg0KCWMtMC4xLDAuMy0wLjIsMC42LTAuMywwLjhjMCwwLjEtMC4xLDAuMy0wLjEsMC40Yy0wLjEsMC4yLTAuMywwLjMtMC41LDAuM0g1Yy0wLjItMC4xLTAuNC0wLjQtMC4zLTAuN2MwLjEtMC4yLDAuMi0wLjMsMC4yLTAuNQ0KCUM1LDExLjUsNS4yLDExLDUuNCwxMC42YzAuMS0wLjQsMC4zLTAuOCwwLjQtMS4zQzYsOC44LDYuMSw4LjMsNi4zLDcuOGMwLjItMC40LDAuMy0wLjksMC40LTEuM0M2LjksNi4xLDcsNS43LDcuMiw1LjQNCgljMCwwLDAuMSwwLDAuMS0wLjFjMC4xLTAuMSwwLjMtMC4xLDAuNSwwQzcuOSw1LjMsOCw1LjUsOC4xLDUuN0M4LjIsNi4xLDguNCw2LjYsOC42LDdDOC44LDcuNyw5LDguNCw5LjMsOS4xDQoJYzAuMiwwLjUsMC4zLDEuMSwwLjUsMS42YzAuMiwwLjUsMC4zLDEsMC41LDEuNGMwLDAuMSwwLjEsMC4yLDAuMSwwLjNjMCwwLjUsMCwwLjUtMC4zLDAuN0w5LjcsMTMuMXogTTYuNyw5LjloMS43DQoJQzguNCw5LjUsOC4yLDkuMSw4LDguNlM3LjcsNy44LDcuNiw3LjNDNy4zLDgsNy4xLDguNiw2LjksOS4yQzYuOCw5LjQsNi44LDkuNiw2LjcsOS44QzYuNyw5LjgsNi43LDkuOSw2LjcsOS45TDYuNyw5Ljl6Ii8+DQo8L3N2Zz4NCg==);
}


img.qtranxs-flag {
    vertical-align: 0;
    margin-left: 3px;
}

.clustering_modal .modal-body .row {
    margin-right: 0 !important;
    margin-left: 0 !important;
}

.container-contest {
    background: url(g4s_theme_child_images/quiz_background.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: bottom;
}

.container-contest-intro {
    background: url(g4s_theme_child_images/quiz_background.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: bottom;
}

.container-contest-quiz {
    background: url(g4s_theme_child_images/quiz_background.jpg) !important;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: bottom;
}

.container-contest-end {
    background: url(g4s_theme_child_images/quiz_background.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: bottom;
}

p.contest_type {
    font-size: 1.5rem;
    color: #ffffff;
    font-weight: bold;
    margin-bottom: 0.1rem;
}

p.mc_main_p1 {
    font-size: 1.2rem;
    color: #ffffff;
    font-weight: bold;
    margin-bottom: 0.1rem;
}

p.mc_main_p2 {
    font-size: 0.9rem;
    color: #ffffff;
    font-weight: bold;
}

p.mc_main_p3 {
    font-size: 0.875rem;
    color: #ffffff;
}

button.mc_main_start_button, button.mc_main_start_button:hover, button.mc_main_start_button:active {
    background-color: #ffffff !important;
    border: 0 !important;
    border-radius: 10;
    font-weight: bold;
    font-size: 1rem;
    padding: 10px 15px;
    color: #002855;
    width: 50%;
    height: 10%;
}

p.contest_type.well_done {
    font-size: 2rem;
}

p.contest_button button, p.contest_button button:hover, p.contest_button button:active {
    background-color: #ffffff !important;
    border: 0 !important;
    border-radius: 0;
    font-weight: bold;
    font-size: 1.3rem;
    padding: 10px 15px;
    color: #002855;
}

p.contest_button button:focus {
    box-shadow: 0 0 0 0 rgb(0 123 255 / 50%) !important;
}


.row_leaderboard {
    background: #F5FBFF;
    border-radius: 10px
}

label.contest_question_score:before {
    display: inline-block;
    height: 80px;
    width: 80px;
    margin-right: 5px;
    /*content: url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxOCAxOCI+PGRlZnM+PHN0eWxlPi5jbHMtMSwuY2xzLTN7ZmlsbDpub25lO30uY2xzLTJ7ZmlsbDojZmMwO30uY2xzLTN7c3Ryb2tlOiNmZmY3MDA7fS5jbHMtNHtmaWxsOiNmZmQ1MDA7fS5jbHMtNXtmaWxsOiNmZjkyMDA7fS5jbHMtNntmaWxsOiNmZmVjNmY7fTwvc3R5bGU+PC9kZWZzPjxyZWN0IGNsYXNzPSJjbHMtMSIgeD0iMC4wMiIgeT0iMC4wMiIgd2lkdGg9IjE4IiBoZWlnaHQ9IjE4Ii8+PGcgaWQ9Inplbl9wb2ludCIgZGF0YS1uYW1lPSJ6ZW4gcG9pbnQiPjxnIGlkPSJFbGxpcHNlXzYwNCIgZGF0YS1uYW1lPSJFbGxpcHNlIDYwNCI+PGNpcmNsZSBjbGFzcz0iY2xzLTIiIGN4PSI5IiBjeT0iOSIgcj0iOC40NCIvPjxjaXJjbGUgY2xhc3M9ImNscy0zIiBjeD0iOSIgY3k9IjkiIHI9IjguMzgiLz48L2c+PGNpcmNsZSBpZD0iRWxsaXBzZV82MDUtMiIgZGF0YS1uYW1lPSJFbGxpcHNlIDYwNS0yIiBjbGFzcz0iY2xzLTQiIGN4PSI5IiBjeT0iOSIgcj0iNy4zOCIvPjxjaXJjbGUgaWQ9IkVsbGlwc2VfNjA2LTIiIGRhdGEtbmFtZT0iRWxsaXBzZSA2MDYtMiIgY2xhc3M9ImNscy01IiBjeD0iOSIgY3k9IjkiIHI9IjUuNjIiLz48cGF0aCBpZD0iSWNvbl9hd2Vzb21lLXN0YXIiIGRhdGEtbmFtZT0iSWNvbiBhd2Vzb21lLXN0YXIiIGNsYXNzPSJjbHMtNiIgZD0iTTguNjIsNS44Nyw3Ljc2LDcuNjFsLTEuOTIuMjhhLjQyLjQyLDAsMCwwLS4zNS40OC40Ni40NiwwLDAsMCwuMTIuMjRMNywxMGwtLjMzLDEuOTFhLjQzLjQzLDAsMCwwLC4zNS40OS40Ni40NiwwLDAsMCwuMjYsMEw5LDExLjQxbDEuNzIuOTFhLjQ0LjQ0LDAsMCwwLC41Ny0uMTguNS41LDAsMCwwLDAtLjI3TDExLDEwbDEuMzktMS4zNWEuNDQuNDQsMCwwLDAsMC0uNi40Ni40NiwwLDAsMC0uMjQtLjEybC0xLjkyLS4yOEw5LjM4LDUuODdhLjQzLjQzLDAsMCwwLS41Ny0uMTlBLjQ0LjQ0LDAsMCwwLDguNjIsNS44N1oiLz48L2c+PC9zdmc+);*/
    vertical-align: -3px;
}

label.contest_question_score {
    color: #ffd500 !important;
}

.page-template-my_profile-template table.dataTable.display tbody tr:hover > .sorting_1, table.dataTable.order-column.hover tbody tr > .sorting_1, .page-template-my_profile-template table.dataTable.display tbody tr > .sorting_1, table.dataTable.order-column.hover tbody tr > .sorting_1 {
    background-color: rgb(255 255 255) !important;
}

#g4s_notification_container:before {
    position: absolute;
    left: -105%;
    bottom: -20px;
    pointer-events: none;
}


.family {
    min-height: 450px;
}


div#logoHolder.hangsuccess:after {
    content: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMjAuNSIgaGVpZ2h0PSIxMjAuNSIgdmlld0JveD0iMCAwIDEyMC41IDEyMC41Ij4KICA8ZyBpZD0iaWNvbl9jb3JyZWN0IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMzU3LjMxNiAtNjc0LjM5NSkiPgogICAgPGNpcmNsZSBpZD0iRWxsaXBzZV82NjUiIGRhdGEtbmFtZT0iRWxsaXBzZSA2NjUiIGN4PSI2MCIgY3k9IjYwIiByPSI2MCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMzU3LjU2NiA2NzQuNjQ1KSIgZmlsbD0iIzAwZDY3OSIgc3Ryb2tlPSIjMDBkNjc5IiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHN0cm9rZS13aWR0aD0iMC41Ii8+CiAgICA8cGF0aCBpZD0iSWNvbl9hd2Vzb21lLWNoZWNrIiBkYXRhLW5hbWU9Ikljb24gYXdlc29tZS1jaGVjayIgZD0iTTM4Ny45MTIsNzI4LjkyOWwtMTguMS0xOC4xYTIuNzg1LDIuNzg1LDAsMCwxLS4wMDYtMy45MzdsLjAwNi0uMDA2LDMuOTQ3LTMuOTQ3YTIuNzg1LDIuNzg1LDAsMCwxLDMuOTM3LS4wMDdsLjAwNy4wMDcsMTIuMTc5LDEyLjIwOEw0MTYsNjg5LjAzNWEyLjc4NSwyLjc4NSwwLDAsMSwzLjkzNy0uMDA3bC4wMDYuMDA3LDMuOTQ0LDMuOTQzYTIuNzgyLDIuNzgyLDAsMCwxLC4wMDYsMy45MzdsLS4wMDYuMDEtMzIuMDIxLDMyLjAyMWEyLjc4OCwyLjc4OCwwLDAsMS0zLjkzNywwWiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMjEuMTM1IDI1Ljk3OCkiIGZpbGw9IiNmZmYiLz4KICA8L2c+Cjwvc3ZnPgo=);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100px;
    height: 100px;
}

div#logoHolder.hangdefeat:after {
    content: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMjAiIGhlaWdodD0iMTIwIiB2aWV3Qm94PSIwIDAgMTIwIDEyMCI+CiAgPGcgaWQ9Imljb25fd3JvbmciIHRyYW5zZm9ybT0idHJhbnNsYXRlKC03NjQuMDM1IC02NzUuNTkxKSI+CiAgICA8Y2lyY2xlIGlkPSJFbGxpcHNlXzY2NSIgZGF0YS1uYW1lPSJFbGxpcHNlIDY2NSIgY3g9IjYwIiBjeT0iNjAiIHI9IjYwIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg3NjQuMDM1IDY3NS41OTEpIiBmaWxsPSIjZmYwMDQ2Ii8+CiAgICA8cGF0aCBpZD0iSWNvbl9pb25pYy1pb3MtY2xvc2UiIGRhdGEtbmFtZT0iSWNvbiBpb25pYy1pb3MtY2xvc2UiIGQ9Ik04MTUuMDEyLDcxOWwyMi44MjQtMjIuODI0YTUuMzUsNS4zNSwwLDAsMC03LjU2Ny03LjU2M2wtMjIuODI0LDIyLjgyNC0yMi44Mi0yMi44MjRhNS4zNSw1LjM1LDAsMCwwLTcuNjQ1LDcuNDg1bC4wNzguMDc4TDc5OS44ODIsNzE5bC0yMi44MjQsMjIuODI0YTUuMzUxLDUuMzUxLDAsMSwwLDcuNTY3LDcuNTY3bDIyLjgyNC0yMi44MjQsMjIuODI0LDIyLjgyNGE1LjM1MSw1LjM1MSwwLDAsMCw3LjU2My03LjU3MVoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDE2LjYzMSAxNi42MjYpIiBmaWxsPSIjZmZmIi8+CiAgPC9nPgo8L3N2Zz4K);
    position: absolute;
    top: 45%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100px;
    height: 100px;
}

p.well_done.feedback_correct_hangman {
    font-size: 2rem;
}

label.justify-content-center.answer-val.hangman_phrase {
    text-indent: 0;
}

.page-template-my_profile-template .carousel-control-prev-icon {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMjAgNTEyIj48IS0tIUZvbnQgQXdlc29tZSBGcmVlIDYuNS4yIGJ5IEBmb250YXdlc29tZSAtIGh0dHBzOi8vZm9udGF3ZXNvbWUuY29tIExpY2Vuc2UgLSBodHRwczovL2ZvbnRhd2Vzb21lLmNvbS9saWNlbnNlL2ZyZWUgQ29weXJpZ2h0IDIwMjQgRm9udGljb25zLCBJbmMuLS0+PHBhdGggZmlsbD0iIzAxNmIzMyIgZD0iTTkuNCAyMzMuNGMtMTIuNSAxMi41LTEyLjUgMzIuOCAwIDQ1LjNsMTkyIDE5MmMxMi41IDEyLjUgMzIuOCAxMi41IDQ1LjMgMHMxMi41LTMyLjggMC00NS4zTDc3LjMgMjU2IDI0Ni42IDg2LjZjMTIuNS0xMi41IDEyLjUtMzIuOCAwLTQ1LjNzLTMyLjgtMTIuNS00NS4zIDBsLTE5MiAxOTJ6Ii8+PC9zdmc+);
    margin-right: 20px;
}

.page-template-my_profile-template .carousel-control-next-icon {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMjAgNTEyIj48IS0tIUZvbnQgQXdlc29tZSBGcmVlIDYuNS4yIGJ5IEBmb250YXdlc29tZSAtIGh0dHBzOi8vZm9udGF3ZXNvbWUuY29tIExpY2Vuc2UgLSBodHRwczovL2ZvbnRhd2Vzb21lLmNvbS9saWNlbnNlL2ZyZWUgQ29weXJpZ2h0IDIwMjQgRm9udGljb25zLCBJbmMuLS0+PHBhdGggZmlsbD0iIzAxNmIzMyIgZD0iTTMxMC42IDIzMy40YzEyLjUgMTIuNSAxMi41IDMyLjggMCA0NS4zbC0xOTIgMTkyYy0xMi41IDEyLjUtMzIuOCAxMi41LTQ1LjMgMHMtMTIuNS0zMi44IDAtNDUuM0wyNDIuNyAyNTYgNzMuNCA4Ni42Yy0xMi41LTEyLjUtMTIuNS0zMi44IDAtNDUuM3MzMi44LTEyLjUgNDUuMyAwbDE5MiAxOTJ6Ii8+PC9zdmc+);
    margin-left: 20px;
}

.page-template-my_profile-template .paths-container .carousel-control-next-icon, .page-template-my_profile-template .paths-container .carousel-control-prev-icon {
    width: 20px;
    height: 20px;
    margin: 0 8px;
}

.badges_row_container .owl-prev,
.badges_row_container .owl-next, .postacard_row_container .owl-prev,
.postacard_row_container .owl-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.badges_row_container .owl-prev, .postacard_row_container .owl-prev {
    left: -2rem;
    font-size: 5rem !important;
    outline: none;
}

.badges_row_container .owl-next, .postacard_row_container .owl-next {
    right: -2rem;
    font-size: 5rem !important;
    outline: none;
}

.arrow_position_1 {
    display: none;
}

.avatar_img_container {
    margin-top: -120px;
}

.modal-header.header_help_desk {
    background: #00371C;
    color: #ffffff;

}


.modal-header.header_help_desk .close {
    color: #ffffff;
    opacity: 1;
    font-size: 3rem
}

#help_desk .gform_button {
    background-color: #E46F1E;
    border-radius: 10px;
    border: 0;
    color: white;
    font-weight: bold;
    padding: 10px
}

.lastest_news_image {
    background-size: cover !important;
    min-height: 200px;
}

.close_tutorial_desktop button {
    background-color: #002855;
    border-color: #002855;
    border-radius: 0 !important;
    float: right;
}

.owl-carousel.slider .owl-prev,
.owl-carousel.slider .owl-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}


.owl-carousel.slider .owl-nav button {
    font-size: 4rem !important;
    color: #002855
}

.owl-carousel.slider .owl-next {
    right: 0;
}

.owl-carousel.slider .owl-prev {
    left: -2rem;
}

.content_item_type {
    position: absolute !important;
    bottom: 20px;
    width: 200px !important;
    left: 10px;
    background: #002855;
    border-radius: 30px;
    text-align: center;
    font-size: 1rem !important;
    color: #ffffff !important;
}


/*.repository .fa, .repository .fab, .repository .fas {*/
/*    color: #ffffff !important;*/
/*    font-size: 1rem !important;*/
/*}*/

span.news_tag {
    color: #002855 !important;
    font-weight: bold;
}

span.news_tag:before {
    display: inline-block;
    height: 18px;
    width: 18px;
    margin-right: 5px;
}


span.news_tag.tag_PDF:before {
    content: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIyMS4zMzMiIHZpZXdCb3g9IjAgMCAxNiAyMS4zMzMiPg0KICA8cGF0aCBpZD0iY2FmX3BkZiIgZD0iTTcuNTc5LDEwLjY3MUE0LjAyLDQuMDIsMCwwLDEsNy41LDguNzE3QzcuODQ2LDguNzE3LDcuODEzLDEwLjI1NCw3LjU3OSwxMC42NzFabS0uMDcxLDEuOTY3QTE5LjIyNiwxOS4yMjYsMCwwLDEsNi4zMjUsMTUuMjVhMTUuMzQzLDE1LjM0MywwLDAsMSwyLjYyMS0uOTEyQTUuNCw1LjQsMCwwLDEsNy41MDgsMTIuNjM3Wm0tMy45MjEsNS4yYzAsLjAzMy41NS0uMjI1LDEuNDU0LTEuNjc1QTUuNzU5LDUuNzU5LDAsMCwwLDMuNTg4LDE3LjgzOFpNMTAuMzMzLDYuNjY3SDE2VjIwLjMzM2ExLDEsMCwwLDEtMSwxSDFhMSwxLDAsMCwxLTEtMVYxQTEsMSwwLDAsMSwxLDBIOS4zMzNWNS42NjdBMSwxLDAsMCwwLDEwLjMzMyw2LjY2N1pNMTAsMTMuODI1YTQuMTgyLDQuMTgyLDAsMCwxLTEuNzc5LTIuMjQyLDUuOTg5LDUuOTg5LDAsMCwwLC4yNTgtMi42NzUsMS4wNDQsMS4wNDQsMCwwLDAtMS45OTItLjI4Myw2LjkyOCw2LjkyOCwwLDAsMCwuMzM3LDMuMjA4LDM5LjEyNiwzOS4xMjYsMCwwLDEtMS43LDMuNTc1czAsMC0uMDA4LDBjLTEuMTI5LjU3OS0zLjA2NywxLjg1NC0yLjI3MSwyLjgzM2ExLjMsMS4zLDAsMCwwLC45LjQxN2MuNzQ2LDAsMS40ODgtLjc1LDIuNTQ2LTIuNTc1YTIzLjc1LDIzLjc1LDAsMCwxLDMuMjkyLS45NjcsNi4zMTUsNi4zMTUsMCwwLDAsMi42NjcuODEzLDEuMDc5LDEuMDc5LDAsMCwwLC44MjEtMS44MDhjLS41NzktLjU2Ny0yLjI2Mi0uNC0zLjA2Ny0uM1ptNS43MDgtOS40NUwxMS42MjUuMjkyQTEsMSwwLDAsMCwxMC45MTcsMGgtLjI1VjUuMzMzSDE2VjUuMDc5QTEsMSwwLDAsMCwxNS43MDgsNC4zNzVaTTEyLjYyMSwxNS4wMTJjLjE3MS0uMTEyLS4xLS41LTEuNzgzLS4zNzVDMTIuMzgzLDE1LjMsMTIuNjIxLDE1LjAxMiwxMi42MjEsMTUuMDEyWiIgZmlsbD0iIzAwMjg1NSIvPg0KPC9zdmc+DQo=);
    vertical-align: -5px
}

span.news_tag.tag_Video:before {
    content: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxMy4wOTEiIHZpZXdCb3g9IjAgMCAxNiAxMy4wOTEiPg0KICA8cGF0aCBpZD0iY2FmX3ZpZGVvIiBkPSJNMTYuMDQ1LDQuNUgyLjk1NUExLjQ1LDEuNDUsMCwwLDAsMS41LDUuOTU1djguNzI3YTEuNDU0LDEuNDU0LDAsMCwwLDEuNDU1LDEuNDU1SDYuNTkxdjEuNDU1aDUuODE4VjE2LjEzNmgzLjYzNmExLjQ1MywxLjQ1MywwLDAsMCwxLjQ0Ny0xLjQ1NUwxNy41LDUuOTU1QTEuNDU0LDEuNDU0LDAsMCwwLDE2LjA0NSw0LjVabTAsMTAuMTgySDIuOTU1VjUuOTU1SDE2LjA0NVptLTMuNjM2LTQuMzY0TDcuMzE4LDEzLjIyN1Y3LjQwOVoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xLjUgLTQuNSkiIGZpbGw9IiMwMDI4NTUiLz4NCjwvc3ZnPg0K);
    vertical-align: -2px;
}

span.news_tag.tag_Article:before {
    content: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIyMC41NzEiIHZpZXdCb3g9IjAgMCAxNiAyMC41NzEiPg0KICA8cGF0aCBpZD0iY2FmX2FydGljbGUiIGQ9Ik0zLDMuMjg2djE2YTIuMjg2LDIuMjg2LDAsMCwwLDIuMjg2LDIuMjg2SDE2LjcxNEEyLjI4NiwyLjI4NiwwLDAsMCwxOSwxOS4yODZ2LTE2QTIuMjg2LDIuMjg2LDAsMCwwLDE2LjcxNCwxSDUuMjg2QTIuMjg2LDIuMjg2LDAsMCwwLDMsMy4yODZaTTE2LjcxNCw1LjU3MUgxMVY0LjQyOWg1LjcxNFptMCwyLjI4NkgxMVY2LjcxNGg1LjcxNFptMCwyLjI4NkgxMVY5aDUuNzE0Wk01LjI4NiwxNS44NTdIMTYuNzE0VjE3SDUuMjg2Wm0wLTIuMjg2SDE2LjcxNHYxLjE0M0g1LjI4NlptMC0yLjI4NkgxNi43MTR2MS4xNDNINS4yODZabTAtNi44NTdIOS44NTd2NS43MTRINS4yODZaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMyAtMSkiIGZpbGw9IiMwMDI4NTUiLz4NCjwvc3ZnPg0K);
    vertical-align: -8px
}

span.news_tag.tag_Excel:before {
    content: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIyMS4zMzMiIHZpZXdCb3g9IjAgMCAxNiAyMS4zMzMiPg0KICA8cGF0aCBpZD0iY2FmX2V4Y2VsIiBkPSJNOS4zMzMsNS42NjdWMEgxQTEsMSwwLDAsMCwwLDFWMjAuMzMzYTEsMSwwLDAsMCwxLDFIMTVhMSwxLDAsMCwwLDEtMVY2LjY2N0gxMC4zMzNBMSwxLDAsMCwxLDkuMzMzLDUuNjY3Wm0yLjUsNC40MzhMOS4zMzMsMTRsMi41LDMuOWEuNS41LDAsMCwxLS40MjEuNzcxSDkuOTYyYS41LjUsMCwwLDEtLjQ0Mi0uMjYyQzguNywxNi45LDgsMTUuNTQyLDgsMTUuNTQyYy0uMjY3LjYxNy0uNDE3LjgzMy0xLjUyNSwyLjg2N2EuNS41LDAsMCwxLS40MzcuMjYzSDQuNTgzYS41LjUsMCwwLDEtLjQyMS0uNzcxTDYuNjc1LDE0bC0yLjUxMi0zLjlhLjUuNSwwLDAsMSwuNDIxLS43NzFoMS40NWEuNS41LDAsMCwxLC40NDIuMjYyQzcuNTYzLDExLjYzMyw3LjMwOCwxMSw4LDEyLjQ1NGMwLDAsLjI1NC0uNDg4LDEuNTI1LTIuODU0YS41LjUsMCwwLDEsLjQ0Mi0uMjYyaDEuNDVBLjUuNSwwLDAsMSwxMS44MzcsMTAuMVpNMTYsNS4wNzl2LjI1NEgxMC42NjdWMGguMjU0YTEsMSwwLDAsMSwuNzA4LjI5Mmw0LjA3OSw0LjA4M0ExLDEsMCwwLDEsMTYsNS4wNzlaIiBmaWxsPSIjMDAyODU1Ii8+DQo8L3N2Zz4NCg==);
    vertical-align: -5px;
}

span.news_tag.tag_Word:before {
    content: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIyMS4zMzMiIHZpZXdCb3g9IjAgMCAxNiAyMS4zMzMiPg0KICA8cGF0aCBpZD0iY2FmX3dvcmQiIGQ9Ik05LjMzMyw1LjY2N1YwSDFBMSwxLDAsMCwwLDAsMVYyMC4zMzNhMSwxLDAsMCwwLDEsMUgxNWExLDEsMCwwLDAsMS0xVjYuNjY3SDEwLjMzM0ExLDEsMCwwLDEsOS4zMzMsNS42NjdabTIuMzc5LDVoMWEuNS41LDAsMCwxLC40ODguNjEzbC0xLjU4Myw3YS41LjUsMCwwLDEtLjQ4OC4zODdIOS41NDJhLjUuNSwwLDAsMS0uNDgzLS4zNzksMzUuNzA2LDM1LjcwNiwwLDAsMS0xLjA2Ny00LjZINy45NzFhMzMuODI1LDMzLjgyNSwwLDAsMS0xLjA2Nyw0LjYuNS41LDAsMCwxLS40ODMuMzc5SDQuODc1YS41LjUsMCwwLDEtLjQ4Ny0uMzkybC0xLjU3NS03YS41LjUsMCwwLDEsLjQ4Ny0uNjA4SDQuMzIxYS41LjUsMCwwLDEsLjQ5Mi40Yy42NSwzLjI1LjgzOCw0LjU2My44NzUsNS4wOTIuMDY3LS40MjUuMy0xLjM2MywxLjIyNS01LjExM2EuNS41LDAsMCwxLC40ODgtLjM3OUg4LjYxM2EuNS41LDAsMCwxLC40ODguMzgzYzEsNC4xODMsMS4yLDUuMTY3LDEuMjMzLDUuMzkyLS4wMDgtLjQ2Ny0uMTA4LS43NDIuOS01LjM4M2EuNDgzLjQ4MywwLDAsMSwuNDc5LS40Wk0xNiw1LjA3OXYuMjU0SDEwLjY2N1YwaC4yNTRhMSwxLDAsMCwxLC43MDguMjkybDQuMDc5LDQuMDgzQTEsMSwwLDAsMSwxNiw1LjA3OVoiIGZpbGw9IiMwMDI4NTUiLz4NCjwvc3ZnPg0K);
    vertical-align: -5px;
}

span.news_tag.tag_Youtube:before {
    content: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxMS4yNSIgdmlld0JveD0iMCAwIDE2IDExLjI1Ij4NCiAgPHBhdGggaWQ9ImNhZl95dHZpZGVvIiBkPSJNMTYuNzE2LDYuMjZBMi4wMSwyLjAxLDAsMCwwLDE1LjMsNC44MzcsNDcuNTEsNDcuNTEsMCwwLDAsOS4wNSw0LjUsNDcuNTExLDQ3LjUxMSwwLDAsMCwyLjgsNC44MzcsMi4wMSwyLjAxLDAsMCwwLDEuMzg0LDYuMjZhMjEuMDksMjEuMDksMCwwLDAtLjMzNCwzLjg3NiwyMS4wOSwyMS4wOSwwLDAsMCwuMzM0LDMuODc2LDEuOTgsMS45OCwwLDAsMCwxLjQxNSwxLjQsNDcuNTExLDQ3LjUxMSwwLDAsMCw2LjI1MS4zMzcsNDcuNTEsNDcuNTEsMCwwLDAsNi4yNTEtLjMzNywxLjk4LDEuOTgsMCwwLDAsMS40MTUtMS40LDIxLjA5LDIxLjA5LDAsMCwwLC4zMzQtMy44NzYsMjEuMDksMjEuMDksMCwwLDAtLjMzNC0zLjg3NlptLTkuMyw2LjI1NVY3Ljc1N0wxMS42LDEwLjEzNiw3LjQxNCwxMi41MTVaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMS4wNSAtNC41KSIgZmlsbD0iIzAwMjg1NSIvPg0KPC9zdmc+DQo=);
    vertical-align: 0px;
}

#quiz_timeout h2 {
    color: #de0e0e !important
}


.col-3 img.end_image {
    width: auto;
    height: 100px
}

#quiz-container .alert {
    font-size: 0.7rem;
    font-weight: bold
}

.contest_award_type img {
    width: 80px !important;
    height: 80px !important;
}

.contest_award_type label {
    font-size: 2rem !important
}


.page-template-template-map .popover.bs-popover-left {
    zoom: 0.6 !important;
    top: 0 !important;
    left: 2% !important
}

.total_point img.cover_image.end_image {
    border-radius: 100%;
    width: 100px !important;
    height: 100px !important;
}

.contest_container.bpContestButtonContainer {
    /*border: 0;
    left: 10px;
    pointer-events: all;
    position: absolute;
    top: 200px !important;
    width:150px;*/
    position: relative;
    left: 20px;
    width: 150px;
    /*box-shadow: 5px 5px 5px #333!important;*/
}

.intro-text-content p {
    font-size: 1.8rem;
}

.intro-text-content p:first-child {
    font-size: 2rem;
}

.intro-text-content.intro_text-mobile p {
    font-size: 1em !important;
}

.intro-text-content.intro_text-mobile p:first-child {
    font-size: 1.2rem !important;
}

.row.row_intro_contest {
    overflow: hidden;
}

.row.row_intro_contest [class*="col-"] {
    margin-bottom: -99999px;
    padding-bottom: 99999px;
}

button.g4s_intro_contest_button {
    text-transform: uppercase;
}

.past_mc_rankings {
    background: #118b96;
    padding: 20px;
    color: #ffffff;
}

.past_mc_rankings_item {
    border-bottom: 2px solid #cccccc;
}

button.contest_ran {
    border-radius: 0;
    background-color: #0069d9;
    border-color: #0069d9;
}

button.contest_ran:focus {
    box-shadow: 0 0 0 0 rgb(38 143 255 / 50%);
}

#countdown_timer {
    background: url(g4s_theme_child_images/mc_icon_bottom.png);
    background-size: 150px 46px;
    background-repeat: no-repeat;
    color: #ffffff;
    margin-top: -2px;
}

#countdown_timer small {
    font-size: 60%;
}

#countdown_timer p {
    font-weight: bold
}

#countdown_timer p#hours:after {
    content: ':';
    margin-left: 5px;
    margin-right: 5px
}


#countdown_timer p#minutes:after {
    content: ':';
    margin-left: 10px;
}

.leaflet-top.contest_container {
    width: 150px;
}

.user_info_box {
    background: var(--oppo-grey);
    /*border-radius:10px*/
}

.div_profile_info {
    font-size: 0.9rem
}

.div_profile_info span {
}

.row.user_points_container {
    padding: 10px;
    border-radius: 10px
}

span.zen_point_header:before {
    zoom: 0.5;
}

.profile_span span:before, span:before {
    /*zoom:0.5;*/
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
    /*width: 22px !important;
    height: 22px !important;*/
}

.mission-image {
    height: 250px !important;
    object-fit: contain !important;
}

#g4s_notification_container {
    background: none !important;
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 9999;
}

img#story_avatar {
    /*position: absolute;
    bottom: 0;
    left: 25px;
    right: 0;
    z-index:1;*/

    position: absolute;
    bottom: 0;
    left: 0px;
    right: 0;
    z-index: 1;
    height: 373px;

}

.intro_storytelling_text {
    position: absolute;
    bottom: 1rem;
    right: 1rem;
    background: rgba(0, 0, 0, 0.6);
    color: #fff;
    left: 1rem;
    padding-left: 10rem;
}

div#story_bg {
    height: 656px;
}

#descriptionModal .modal-dialog {
    top: 5vh !important
}

#descriptionModal .btn {
    border: 2px solid #012955;
    color: #012955;
    font-weight: bold;
    text-transform: uppercase;
}

#descriptionModal .btn:focus {
    box-shadow: 0 0 0 0 rgba(0, 123, 255, .25);
}

div#story_bg {
    background-size: cover;
    background-repeat: no-repeat;
}

section.container.edition-public-data {
    max-width: 1400px
}

.classroom_info_banner i {
    font-size: 3rem !important
}

.classroom_name h5 {
    color: #ffffff;
    margin: 0
}

.classroom_description {
    background: #efeeee;
}

button.btn.btn-primary.info_test, button.btn.btn-primary.info_test:hover {
    box-shadow: 0 0 0 0 rgb(38 143 255 / 50%);
    background-color: transparent;
    color: #216cad;
    font-weight: bold;
    border: 0;
    font-family: 'Rubik', sans-serif !important;
}

.start_zoom_box {
    background: #f7f7f7;
    font-size: 1rem;
}

.container_your_classroom {
    font-size: 1rem;
}


.schedule_title h5 {
    color: #ffffff;
    margin: 0
}

.timing-schedule, .hours {
    font-size: 1rem !important;
}

.row_schedule {
    background: #efeeee;
}

img#teacher_image {
    height: 391px;
    object-fit: cover;
}

.schedule_text {
    padding-left: 34px !important;
}

.teacher-data {
    font-size: 1rem !important;
}

.video_iframe iframe {
    width: 100%;
    height: 600px;
    margin-top: 8px;
}

/*.title {
    background: #216cad;
}*/

.vjs-default-skin {
    width: 100% !important;
    height: 600px !important;
}

video_iframe {
    box-shadow: 0 .8rem 1rem rgba(255, 255, 255, .15) !important;
}

.ytp-embed-error .ytp-error {
    background-color: #000000 !important;
}

button#buttonPlay {
    position: absolute;
    z-index: 666;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: transparent;
    border: 0;
}

button.vjs-big-play-button {
    position: absolute !important;
    z-index: 666 !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    background-color: transparent !important;
    border: 0 !important;
}

button.vjs-big-play-button:before {
    content: url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE0MS43MyIgd2lkdGg9IjE0MS43MyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjZmZmIj48cGF0aCBkPSJNMTAxLjYyOCA0MC4wOTJjLTguMjItOC4yMi0xOS4xNDktMTIuNzQ2LTMwLjc3NC0xMi43NDYtMTEuNjI0IDAtMjIuNTUzIDQuNTI2LTMwLjc3MiAxMi43NDYtMTYuOTY4IDE2Ljk2OS0xNi45NjcgNDQuNTc4LjAwMSA2MS41NDYgOC4yMiA4LjIyIDE5LjE0OSAxMi43NDcgMzAuNzczIDEyLjc0N3MyMi41NTMtNC41MjYgMzAuNzcyLTEyLjc0NiAxMi43NDctMTkuMTQ4IDEyLjc0Ny0zMC43NzMtNC41MjctMjIuNTU0LTEyLjc0Ny0zMC43NzR6bS0xLjQxNCA2MC4xMzNjLTcuODQyIDcuODQyLTE4LjI2OSAxMi4xNi0yOS4zNTggMTIuMTZzLTIxLjUxNy00LjMxOS0yOS4zNTktMTIuMTYxYy0xNi4xODgtMTYuMTg4LTE2LjE4OC00Mi41MjktLjAwMS01OC43MTggNy44NDItNy44NDIgMTguMjY5LTEyLjE2IDI5LjM1OC0xMi4xNiAxMS4wOTEgMCAyMS41MTggNC4zMTggMjkuMzYgMTIuMTYgNy44NDIgNy44NDMgMTIuMTYxIDE4LjI2OSAxMi4xNjEgMjkuMzU5cy00LjMxOSAyMS41MTctMTIuMTYxIDI5LjM2eiIvPjxwYXRoIGQ9Ik02NS44OTMgNTUuOTgzYS45OTkuOTk5IDAgMSAwLTEuNDE0IDEuNDE0bDEzLjQ2NiAxMy40NjYtMTMuNDY3IDEzLjQ2OGEuOTk5Ljk5OSAwIDEgMCAxLjQxNCAxLjQxNEw4MC4wNjUgNzEuNTdhLjk5OS45OTkgMCAwIDAgMC0xLjQxNEw2NS44OTMgNTUuOTgzeiIvPjwvZz48L3N2Zz4=);
    font-family: "Font Awesome 5 Free";
    display: inline-block;
    font-weight: 600;
    width: 150px !important;
    height: 150px !important;
    background: radial-gradient(#000000 35%, transparent 45%) !important;
    top: -30px;
    position: relative;
    left: -30px;
}

.popover {
    z-index: 999999999 !important;
}

.local_video {
    width: 100% !important
}

.jobrole_thumb {
    width: 100%;
    height: 100px;
    object-fit: contain;
}

p.name_profile_skill {
    text-transform: uppercase;
    color: #C73442;
    font-size: 1.2rem;
    font-weight: bold
}

.icon_ranking {
    background-size: 75px 41px !important;
    width: 75px !important;
    height: 41px !important;
}

.ranking_title:before {
    display: inline-block;
    vertical-align: middle;
}

.content.ranking_content {
    background-size: cover !important;
}

#ranking_general_table td {
    padding: 0.5rem !important
}


tr.ranking_1 td {
    background-color: #FFF5B2 !important
}

tr.ranking_2 td {
    background-color: rgb(211 211 211 / 10%) !important;
}

table.dataTable.display tbody tr.even.ranking_2 > .sorting_1 {
    background-color: rgb(211 211 211 / 10%) !important;
}

tr.ranking_3 td {
    background-color: rgb(202 93 0 / 5%) !important;
}

table#ranking_general_table th.ranking_position_number {
    width: 25px !important
}

table#ranking_g4s_country_table th.ranking_position_number {
    width: 80px !important;
}

table#ranking_general_table th.ranking-point {
    width: 80px !important;
}

table#ranking_g4s_country_table th.ranking-point {
    width: 120px !important;
}

table#ranking_general_table th.ranking_avatar {
    width: 50px !important;
}

table#ranking_g4s_country_table th.ranking_avatar {
    width: 100px !important;
}

/*table#ranking_general_table th.ranking_no_sort {*/
/*    width:75px !important*/
/*}*/

td.general_ranking_name p {
    padding-left: 0.8rem
}

span.icon_award i.fas.fa-trophy:before {
    content: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1NzYgNTEyIj48IS0tIUZvbnQgQXdlc29tZSBGcmVlIDYuNS4xIGJ5IEBmb250YXdlc29tZSAtIGh0dHBzOi8vZm9udGF3ZXNvbWUuY29tIExpY2Vuc2UgLSBodHRwczovL2ZvbnRhd2Vzb21lLmNvbS9saWNlbnNlL2ZyZWUgQ29weXJpZ2h0IDIwMjQgRm9udGljb25zLCBJbmMuLS0+PHBhdGggZmlsbD0iI2ZmYmUwYSIgZD0iTTQwMCAwSDE3NmMtMjYuNSAwLTQ4LjEgMjEuOC00Ny4xIDQ4LjJjLjIgNS4zIC40IDEwLjYgLjcgMTUuOEgyNEMxMC43IDY0IDAgNzQuNyAwIDg4YzAgOTIuNiAzMy41IDE1NyA3OC41IDIwMC43YzQ0LjMgNDMuMSA5OC4zIDY0LjggMTM4LjEgNzUuOGMyMy40IDYuNSAzOS40IDI2IDM5LjQgNDUuNmMwIDIwLjktMTcgMzcuOS0zNy45IDM3LjlIMTkyYy0xNy43IDAtMzIgMTQuMy0zMiAzMnMxNC4zIDMyIDMyIDMySDM4NGMxNy43IDAgMzItMTQuMyAzMi0zMnMtMTQuMy0zMi0zMi0zMkgzNTcuOUMzMzcgNDQ4IDMyMCA0MzEgMzIwIDQxMC4xYzAtMTkuNiAxNS45LTM5LjIgMzkuNC00NS42YzM5LjktMTEgOTMuOS0zMi43IDEzOC4yLTc1LjhDNTQyLjUgMjQ1IDU3NiAxODAuNiA1NzYgODhjMC0xMy4zLTEwLjctMjQtMjQtMjRINDQ2LjRjLjMtNS4yIC41LTEwLjQgLjctMTUuOEM0NDguMSAyMS44IDQyNi41IDAgNDAwIDB6TTQ4LjkgMTEyaDg0LjRjOS4xIDkwLjEgMjkuMiAxNTAuMyA1MS45IDE5MC42Yy0yNC45LTExLTUwLjgtMjYuNS03My4yLTQ4LjNjLTMyLTMxLjEtNTgtNzYtNjMtMTQyLjN6TTQ2NC4xIDI1NC4zYy0yMi40IDIxLjgtNDguMyAzNy4zLTczLjIgNDguM2MyMi43LTQwLjMgNDIuOC0xMDAuNSA1MS45LTE5MC42aDg0LjRjLTUuMSA2Ni4zLTMxLjEgMTExLjItNjMgMTQyLjN6Ii8+PC9zdmc+);
    display: inline-block;
    height: 18px;
    width: 18px;
    fill: #FFBE0A;
}


span.icon_award i.fas.fa-medal:before {
    content: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyNy4wLjEsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCA0MCA0MCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNDAgNDA7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+DQoJLnN0MHtmaWxsOm5vbmU7fQ0KCS5zdDF7ZmlsbDojODM5OEE4O30NCjwvc3R5bGU+DQo8cmVjdCB5PSIwIiBjbGFzcz0ic3QwIiB3aWR0aD0iNDAiIGhlaWdodD0iNDAiLz4NCjxwYXRoIGlkPSJJY29uX2F3ZXNvbWUtbWVkYWwiIGNsYXNzPSJzdDEiIGQ9Ik0xNy41LDEwLjJsLTUuNC05QzExLjYsMC41LDEwLjgsMCw5LjksMEgxLjNDMC42LDAsMCwwLjYsMCwxLjJDMCwxLjUsMC4xLDEuOCwwLjIsMg0KCWw4LjcsMTIuNEMxMS4zLDEyLjIsMTQuMywxMC43LDE3LjUsMTAuMnogTTM4LjcsMGgtOC43Yy0wLjksMC0xLjcsMC41LTIuMSwxLjJsLTUuNCw5YzMuMiwwLjUsNi4yLDIsOC42LDQuMkwzOS44LDINCgljMC40LTAuNiwwLjMtMS4zLTAuMy0xLjdDMzkuMywwLjEsMzksMCwzOC43LDB6IE0yMCwxMi41Yy03LjYsMC0xMy44LDYuMi0xMy44LDEzLjhTMTIuNCw0MCwyMCw0MHMxMy44LTYuMiwxMy44LTEzLjgNCglTMjcuNiwxMi41LDIwLDEyLjV6IE0yNy4yLDI0LjhsLTMsMi45bDAuNyw0LjFjMC4xLDAuNS0wLjIsMS0wLjcsMWMtMC4yLDAtMC40LDAtMC42LTAuMUwyMCwzMC44bC0zLjcsMS45Yy0wLjQsMC4yLTEsMC4xLTEuMi0wLjQNCglDMTUsMzIuMSwxNSwzMS45LDE1LDMxLjhsMC43LTQuMWwtMy0yLjljLTAuNC0wLjMtMC40LTAuOSwwLTEuM2MwLjEtMC4xLDAuMy0wLjIsMC41LTAuM2w0LjEtMC42bDEuOC0zLjdjMC4yLTAuNCwwLjgtMC42LDEuMi0wLjQNCgljMC4yLDAuMSwwLjMsMC4yLDAuNCwwLjRsMS44LDMuN2w0LjEsMC42YzAuNSwwLjEsMC44LDAuNSwwLjgsMUMyNy41LDI0LjUsMjcuNCwyNC43LDI3LjIsMjQuOEwyNy4yLDI0Ljh6Ii8+DQo8L3N2Zz4NCg==);
    display: inline-block;
    height: 18px;
    width: 18px;
}


span.icon_award i.fas.fa-award:before {
    content: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyNy4wLjEsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCA0MCA0MCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNDAgNDA7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+DQoJLnN0MHtmaWxsOm5vbmU7fQ0KCS5zdDF7ZmlsbDojRDI4RDU0O30NCjwvc3R5bGU+DQo8cmVjdCB5PSIwIiBjbGFzcz0ic3QwIiB3aWR0aD0iNDAiIGhlaWdodD0iNDAiLz4NCjxwYXRoIGlkPSJJY29uX2F3ZXNvbWUtbWVkYWwiIGNsYXNzPSJzdDEiIGQ9Ik0xNy41LDEwLjJsLTUuNC05QzExLjYsMC41LDEwLjgsMCw5LjksMEgxLjNDMC42LDAsMCwwLjYsMCwxLjJDMCwxLjUsMC4xLDEuOCwwLjIsMg0KCWw4LjcsMTIuNEMxMS4zLDEyLjIsMTQuMywxMC43LDE3LjUsMTAuMnogTTM4LjcsMGgtOC43Yy0wLjksMC0xLjcsMC41LTIuMSwxLjJsLTUuNCw5YzMuMiwwLjUsNi4yLDIsOC42LDQuMkwzOS44LDINCgljMC40LTAuNiwwLjMtMS4zLTAuMy0xLjdDMzkuMywwLjEsMzksMCwzOC43LDB6IE0yMCwxMi41Yy03LjYsMC0xMy44LDYuMi0xMy44LDEzLjhTMTIuNCw0MCwyMCw0MHMxMy44LTYuMiwxMy44LTEzLjgNCglTMjcuNiwxMi41LDIwLDEyLjV6IE0yNy4yLDI0LjhsLTMsMi45bDAuNyw0LjFjMC4xLDAuNS0wLjIsMS0wLjcsMWMtMC4yLDAtMC40LDAtMC42LTAuMUwyMCwzMC44bC0zLjcsMS45Yy0wLjQsMC4yLTEsMC4xLTEuMi0wLjQNCglDMTUsMzIuMSwxNSwzMS45LDE1LDMxLjhsMC43LTQuMWwtMy0yLjljLTAuNC0wLjMtMC40LTAuOSwwLTEuM2MwLjEtMC4xLDAuMy0wLjIsMC41LTAuM2w0LjEtMC42bDEuOC0zLjdjMC4yLTAuNCwwLjgtMC42LDEuMi0wLjQNCgljMC4yLDAuMSwwLjMsMC4yLDAuNCwwLjRsMS44LDMuN2w0LjEsMC42YzAuNSwwLjEsMC44LDAuNSwwLjgsMUMyNy41LDI0LjUsMjcuNCwyNC43LDI3LjIsMjQuOEwyNy4yLDI0Ljh6Ii8+DQo8L3N2Zz4NCg==);
    display: inline-block;
    height: 18px;
    width: 18px;
}

p.ranking_user_id {
    display: none;
}

.netflix_background {
    width: 100%;
    height: 600px;
    background-size: cover;

}

.netflix_background .netflix_content {
    z-index: 3;
}

.classroom_overlay {
    background: rgb(0, 0, 0);
    background: linear-gradient(90deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 1) 35%, rgba(0, 0, 0, 0) 100%);
    width: 100%;
    height: 100%;
}

p.classroom_date span {
    background: #c51f3f;
    padding: 5px;
    display: inline-block;
}

.netflix_background h5 {
    color: #ffffff;
    font-weight: bold;
    text-transform: uppercase !important;
    font-size: 3rem;
}

.slider_netflix {
    background: #000000;
}

.slider_netflix .card {
    background-color: transparent;
}

.slider_netflix .card, .slider_netflix .card-img-top {
    border: 0;
    border-radius: 0
}

span.classroom_teaching_course {
    color: #fff;
    padding: 5px;
    background: #c51f3f;
}

.slider_netflix .card-img {
    width: 100%;
    height: 450px;
    object-position: right;
    object-fit: cover;
}

.slider_netflix .card-img-overlay {
    background-color: rgb(0 0 0 / 40%);
}

.netflix_background.mobile_netflix {
    background-position: right !important
}

a.btn.btn-primary.view_classroom {
    background-color: #ffffff;
    border-color: #ffffff;
    border-radius: 0;
    color: #000000;
}

.ranking_mobile_tab {
    margin-top: 30px
}

.nav_item_mobile small {
    display: block;
    color: #29F26E;
    /*text-transform: uppercase !important;*/
    font-size: 0.8rem;
    font-weight: bold;
}

img.jobrole_thumb_notification {
    height: 240px;
    width: 100%;
    object-fit: contain;
}

.missionsList .col-6 img.unit-image {
    width: 100%;
    height: 50px;
    object-fit: contain;
}

.storytelling-button button {
    border: 0 !important;
}

.storytelling-button button:focus {
    box-shadow: 0 0 0 0 rgb(0 123 255 / 50%) !important;
    outline: none !important;

}

.missionsList {
    margin: 0px 68px;
}

.missionsList .col-6:nth-child(odd) {
    padding-left: 0;
    padding-right: 0.25rem;
}

.missionsList .col-6:nth-child(even) {
    padding-right: 0;
    padding-left: 0.25rem;
}

.storytelling-button {
    position: absolute;
    top: 80px;
    right: 1rem;
}

.img_perc_container {
    margin: 0 auto;
}


#noMapMissionContainer .g4s_unactive:not(.goal_marker_special) {
    opacity: 0.40;
    filter: grayscale(100)
}

.goal_marker_special {
    display: inline-block;
}

.nav_item_mobile:not(.active) small {
    color: #FFFFFF;
}

.avatar_404 img {
    max-width: 50%;
    object-fit: contain;
}

.info_404_mobile {
    /*background:#0f5369*/
    background-color: transparent;
}

.badge_img img {
    height: 150px;
    width: auto;
    object-fit: contain;
}

.leaflet-top.leaflet-right {
    right: 100px;
}

.leaflet-top.leaflet-right.special_missions_container {
    right: 20px;
    top: 33px !important;
    pointer-events: auto;
}

.leaflet-top.leaflet-right.special_missions_container button {
    outline: none;
    border: 0;
}

button.special_mission_mobile_button:hover {
    background-color: transparent
}

.container_player_video i.fas.fa-times-circle:before {
    display: inline-block;
    width: 80px;
    content: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI2LjUuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzJfMDAwMDAwNjU3OTcxNjgzNTQwNjE2NDYyNzAwMDAwMTYxNDA3MjE1MjM5MTc5MDk2NjlfIgoJIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMzIgMzIiCgkgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMzIgMzI7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KCS5zdDB7ZmlsbDojRkZGRkZGO30KPC9zdHlsZT4KPGc+Cgk8cGF0aCBpZD0iRWxsaXNzZV83NzNfMDAwMDAwMTM5MDc1MTg1NzE2MDA3NDU3NDAwMDAwMDY5NDU3MzUzNDI2NDgyMzIxMThfIiBjbGFzcz0ic3QwIiBkPSJNMTYsMmM3LjcsMCwxNCw2LjMsMTQsMTQKCQlzLTYuMywxNC0xNCwxNFMyLDIzLjcsMiwxNlM4LjMsMiwxNiwyIE0xNiwwQzcuMiwwLDAsNy4yLDAsMTZzNy4yLDE2LDE2LDE2czE2LTcuMiwxNi0xNlMyNC44LDAsMTYsMEwxNiwweiIvPgoJPHBhdGggY2xhc3M9InN0MCIgZD0iTTIxLjcsMjMuOGMtMC4xLDAtMC4xLDAtMC4yLDBjLTAuNiwwLTEuMS0wLjMtMS40LTAuN2wtNC00bC00LjEsNC4xYy0wLjksMC43LTIsMC43LTIuOCwwLjEKCQljLTAuNC0wLjQtMC43LTAuOS0wLjctMS40czAuMS0xLjEsMC41LTEuNUwxMywxNmwtNC4xLTQuMWMwLDAtMC4xLTAuMS0wLjItMC4yYy0wLjQtMC40LTAuNS0xLTAuNS0xLjVTOC41LDkuMSw5LDguNwoJCWMwLjQtMC40LDEtMC41LDEuNS0wLjVjMC42LDAsMS4xLDAuMywxLjQsMC43bDQsNGw0LjEtNC4xYzAuOC0wLjcsMi4xLTAuNywyLjksMGMwLjksMC44LDEsMi4xLDAuMiwzTDE5LDE2bDQuMSw0LjEKCQljMCwwLDAuMSwwLjEsMC4yLDAuMmMwLjQsMC40LDAuNSwxLDAuNSwxLjVzLTAuMywxLjEtMC43LDEuNEMyMi42LDIzLjYsMjIuMiwyMy44LDIxLjcsMjMuOHoiLz4KPC9nPgo8L3N2Zz4K) !important;
    top: 5rem;
    position: relative;
}

.navbar_mobile .navbar-brand {
    /*background-size: auto 40px !important;
    height: 40px !important;*/
    background-size: 130px !important;
    height: 40px !important;
    background-position-y: center;
}

.activity-col.collapsed:after {
    transform: rotate(0);
}

/*.activity-col:after {*/
/*    position: absolute;*/
/*    right: 4px;*/
/*    content: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNCIgaGVpZ2h0PSI4LjAwNSIgdmlld0JveD0iMCAwIDE0IDguMDA1Ij4NCiAgPHBhdGggaWQ9Ikljb25faW9uaWMtaW9zLWFycm93LWRvd24iIGRhdGEtbmFtZT0iSWNvbiBpb25pYy1pb3MtYXJyb3ctZG93biIgZD0iTTEzLjE5LDE2LjgzOGw1LjI5NC01LjNhMSwxLDAsMCwxLDEuNDEzLDAsMS4wMDksMS4wMDksMCwwLDEsMCwxLjQxN2wtNiw2YTEsMSwwLDAsMS0xLjM4LjAyOWwtNi4wNC02LjAyN2ExLDEsMCwxLDEsMS40MTMtMS40MTdaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNi4xODggLTExLjI0NikiIGZpbGw9InJnYmEoMCwwLDAsMC44NSkiLz4NCjwvc3ZnPg0K);*/
/*    filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(102%) contrast(102%);*/
/*    transform: rotate(180deg);*/
/*}*/

.leaflet-top.leaflet-right.special_missions_container {
    z-index: 1 !important;
}

.step_real_name {
    line-height: 1;
    font-size: 1.1rem;
    font-weight: 600;
}

/*.zen_point_icon.zero_point:before {
    background:none
}*/

.zen_point.pr-2 {
    min-width: 50px;
}

.step_completed {
    background: rgb(50 232 91 / 21%);
    border-radius: 8px;
}

.leaflet-marker-icon.block_cursor {
    cursor: not-allowed;
}

.badges .card {
    border-radius: 0 !important;
    border: 0;
}

button.badge_time_button, button.badge_time_button:hover, button.badge_time_button:focus {
    background-color: transparent !important;
    border: 0 !important;
    color: #203662;
    font-size: 25px
}

button.badge_time_button:focus {
    box-shadow: 0 0 0 0 rgb(130 138 145 / 50%);
}

.row_badge_time {
    min-height: 37px
}

.badge_time_button img {
    width: 100%;
    height: 35px;
    object-fit: contain;
    -webkit-animation: heartbeat 1.5s ease-in-out infinite both;
    animation: heartbeat 1.5s ease-in-out infinite both;
}

.time_remaining {
    text-transform: uppercase;
    font-size: 0.8rem;
}

.time_remaining small {
    font-weight: bold !important;
}

.countdown_container, .time_remaining {
    background: #203662;
    color: #fff;
}

.countdown_container {
    border-radius: 5px 5px 0 0;
}

.time_remaining {
    border-radius: 0 0 5px 5px;
}

#help_desk .g4s_dismiss_notification {
    display: none !important
}

.overlay_mission {
    overflow-y: scroll !important;
}

.overlay_mission .content.content_edition_classroom {
    overflow-y: scroll;
    height: 100vh;
    background: #ffffff;
    margin-bottom: 3rem
}

#help_desk h5.modal-title {
    color: #ffffff;
}

#mail_tutor h5.modal-title {
    color: #ffffff;
}

.tablet_modal.missionsModal .modal-dialog.map_modal_dialog {
    max-width: 100%;
    top: 0;
    margin: 0;
    height: 100vh
}

.tablet_modal.missionsModal .modal-content {
    height: 100vh;
    border: 0;
}

.tablet_modal.missionsModal .modal-content .modal-body {
    background: #ffffff;
}

.family.family_tablet .happy-farm-family {

    object-fit: contain !important;
}

.happy-farm-family {
    margin-bottom: 0px !important;
    width: 100%;
}

.family.family_tablet {
    min-height: 346px !important
}

.logo_mappa {
    z-index: 1049;
    position: absolute;
    left: 3vw;
    top: 10vh;
}

.logo_mappa_img {
    height: 300px;
    /*width:100%;*/
    object-fit: contain;
    position: relative;
    top: -25px;
    left: -19px;
}

.logo_mappa .circle-chart {
    width: 250px !important;
    height: 250px !important;
}

#noMapMissionContainer .logo_mappa {
    z-index: 1046;
    position: absolute;
    left: 40px;
    top: 75px;
}

#noMapMissionContainer .logo_mappa_img {
    height: 100px;
    width: 100px;
    object-fit: contain;
    position: absolute;
    top: 10px;
    left: 10px;
}

#noMapMissionContainer .logo_mappa .circle-chart {
    width: 120px !important;
    height: 120px !important;
}

/* Business */

.unit_image_business {
    height: 100px;
    object-fit: cover;
}

#BusinessMissionContainer, .container_business_map {
    min-height: calc(100vh - 200px);
}

.card-body-business p.card-text {
    min-height: 145px;
}

p.business_course_description {
    min-height: 100px;
}

.business_icon:before {
    display: inline-block;
    /*height: 35px;*/
    /*width: 35px;*/
    margin-right: 5px;
    /*padding: 3px 8px;*/
    /*border-radius: 5px;*/
    position: relative;
    /*top: 5px;*/
}

[data-filter] {
    display: inline-block;
    border-radius: 5px;
    padding: 8px 16px;
    cursor: pointer;
    /*margin-bottom: 1rem;*/
}

.card_footer_business {
    padding: 10px 0px 5px;
}

.units_completed_business {
    font-size: 1.4rem;
    font-weight: bold;
    position: relative;
    left: 3px;
    top: 2px;
}

.units_card_percent:before, .units_card_completed:before, .units_card_uncompleted:before {
    display: inline-block;
    height: 45px;
    width: 45px;
    margin-right: 5px;
    border-radius: 5px;
    position: relative;
    top: -3px;
    display: inline-block;
    vertical-align: middle;
}

.units_card_percent, .units_card_completed span, .units_card_uncompleted span {
    font-weight: bold;
    font-size: 1.2rem;
}

#BusinessMissionContainer .g4s_unactive .card_overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    background-color: rgb(255 255 255 / 0.8);
    z-index: 2;
    background-size: 50px;
    background-position: center;
    background-repeat: no-repeat;
}

div#BusinessMissionContainer .g4s_active {
    cursor: pointer;
}

/*#BusinessMissionContainer .g4s_active.completed .card_title_business:after {*/
/*    content: 'completato';*/
/*    display: inline-block;*/
/*    position: absolute;*/
/*    z-index: 3;*/
/*    width: 100%;*/
/*    height: 50px;*/
/*}*/

/* PER OPPO */
/*#BusinessMissionContainer .g4s_active.completed .card_title_business:after {*/
/*    content: 'completato';*/
/*    display: inline-block;*/
/*    position: absolute;*/
/*    z-index: 3;*/
/*    width: 104px;*/
/*    height: 24px;*/
/*    background-color: green;*/
/*    text-align: right;*/
/*    font-size: 0.8rem;*/
/*    padding: 4px 17px;*/
/*    color: white;*/
/*    border-radius: 17px;*/
/*    left: 212px;*/

/*}*/


.badge_number_0 {
    opacity: 0;
}

.dropdown.user_menu.show {
    z-index: 1048
}

.all_notification {
    z-index: 1047;
}

.missionsModal .modal-content {
    border: 0 !important;
    /*height: 100vh;*/
}

#BusinessMissionContainer .goal_marker_label_mobile.g4s_active .card {
    box-sizing: border-box !important;
    border: 2px solid white !important;
}

#BusinessMissionContainer .goal_marker_label_mobile.g4s_active .card:hover {
    box-sizing: border-box !important;
    border: 2px solid var(--oppo-green) !important;
}

/*.card:hover {*/
/*    box-shadow: 0 .8rem 1.2rem rgba(0, 0, 0, .30) !important;*/
/*}*/

#BusinessMissionContainer .goal_marker_label_mobile.g4s_active {
    /*-webkit-animation: bounce-top 0.9s both;*/
    /*animation: bounce-top 0.9s both;*/
}

.unlock_unit_img {
    width: 35px;
    height: 35px;
    object-fit: contain;
}

button.btn.btn-sm.btn-outline-primary.special_mission_mobile_button {
    box-shadow: 0 0 0 0 rgb(0 123 255 / 50%);
}

.ascending {
    font-weight: bold;
    text-transform: uppercase;
}

.logo_mappa {
    -webkit-animation: swirl-in-fwd 1s ease-out both;
    animation: swirl-in-fwd 1s ease-out both;
}

.user_points_label {
    line-height: 1;
}

img.job_role_pdf {
    width: 32px;
    object-fit: cover;
    position: relative;
    left: 5px;
}

a.navbar-brand {
    background-size: contain !important;
    height: 30px !important;
}

.owl-nav .owl-next, .owl-nav .owl-prev {
    position: absolute;
    top: 48%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}

.owl-nav .owl-next {
    right: 10px;
    display: flex !important;
    margin-right: -20px !important;
}

.owl-nav .owl-prev {
    left: 10px;
    display: flex !important;
    margin-left: -20px !important;
}

.owl-nav button span {
    background-color: var(--oppo-primary-blue) !important;
    display: inline-block;
    font-size: 2rem;
    color: #ffffff;
    padding: 0 20px;
    border-radius: 5px;
}

.owl-nav .owl-next {
    background-color: transparent !important;
    display: inline-block;
    font-size: 1.9rem !important;
    /*padding: 15px!important;*/
    color: var(--oppo-primary-blue) !important;
    padding: 5px auto !important;
    border-radius: 5px;
    text-align: left;
}

.owl-nav .owl-prev {
    background-color: transparent !important;
    display: inline-block;
    font-size: 1.9rem !important;
    /*padding: 15px!important;*/
    color: var(--oppo-primary-blue) !important;
    padding: 5px auto !important;
    border-radius: 5px;
    text-align: left;
}


.percent-completed .skillPercent.percent_0 {
    background: rgba(0, 214, 121, 0) !important
}


/* P4I NON VUOLE I PULSANTI DX SX SULLA MAPPA, MA NON TOGLIAMO LA GRAFICA DAI SETTINGS NEL CASO CAMBIANO IDEA
.leaflet-control {
    display: none!important;
} */

.tooltip_skill {
    z-index: 3;
}

img.skill_icon {
    width: 40px;
    height: 40px;
    border-radius: 100%;
    object-fit: contain;
}

button.tooltip_skill {
    padding: 0 !important;
    background-color: transparent !important;
    border: 0 !important;
}

.mobile_template .nav-item {
    background: none !important
}

.row.header-landing_page {
    min-height: 470px;
}

.social_landing-page i {
    font-size: 2rem;
}

.games_img {
    object-fit: cover;
    object-position: 0 0;
    height: 250px;
    border-top-left-radius: 14px !important;
    border-top-right-radius: 14px !important;
}

.modal .modal-fullscreen .modal-dialog {
    width: 100vw !important;
    height: 100vh !important;
    margin: 0 !important;
    padding: 0 !important;
    max-width: 100vh !important;
}

.modal .modal-fullscreen .modal-content {
    height: auto !important;
    height: 100vh !important;
    border-radius: 0 !important;
    border: none !important;
}

.modal .modal-fullscreen .modal-body {
    overflow-y: auto !important;
}

.info_path_global_map:after {
    z-index: -1;
    position: absolute;
    top: 88%;
    left: -61px;
    content: '';
    width: 0;
    height: 0;
    border-top: solid 50px #104248;
    border-left: solid 50px transparent;
    border-right: solid 50px transparent;
    transform: rotate(75deg);
}

.bounce {
    -webkit-animation: bounce 2s ease infinite;
    animation: bounce 2s ease infinite;
}

.btn-primary.bounce:focus {
    box-shadow: none;
}

li.nav-item.menu_games a:before {

}

li.nav-item.menu_games.active a:before {

}

.widget.qtranxs_widget {
    padding-right: 1rem;
}

.portfolio_container {
    background-size: contain !important;
    background-position: center !important;
}

.portfolio_template {
    background-size: cover !important;
}

.module-item {
    transition: transform 0.3s ease-in-out; /* Transizione di 0.3 secondi, puoi regolare la durata come preferisci */
}

.module-item:hover {
    transform: translateY(-30px); /* Sposta l'elemento di 100px verso l'alto */
}


.min-vh-100 {
    min-height: 100vh;
}

.min-vh-170 {
    min-height: 170vh;
}

.social-post-excerpt p {
    min-height: 120px;
}

.social-post-img-carousel {
    height: 450px !important;
    object-fit: contain
}

.card-social-post {
    cursor: pointer;
}

.landing-partner {
    max-height: 126px;
    object-fit: contain;
}

#dashboard-top, #dashboard-top-container {
    border-radius: 10px;
}

#dashboard-content-container {
    border-radius: 0 0 10px 10px;
}

.qtranxs_widget ul li {
    filter: grayscale(0.8) !important;
}

.qtranxs_widget ul li.active {
    filter: grayscale(0) !important;
}

.rounded-circle {
    border-radius: 100%;
}

.card_master_path.locked a {
    cursor: not-allowed !important;
    pointer-events: none;
}

/*.card_master_path.locked:hover {*/
/*    border: 6px solid transparent !important;*/

/*}*/

.card_master_path.locked:before {
    background: rgba(255, 255, 255, .95);
    bottom: 0;
    content: "";
    display: block;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    border-radius: 9px;
    z-index: 2;
    cursor: not-allowed !important;
    zindex: 2;
}

.block {
    z-index: 3;
    position: absolute;
    right: 50%;
    top: 50%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    cursor: not-allowed !important;
}

.dashboard-public-search-btn.on {
    background-color: #1058af !important;
    color: #ffffff !important;
    border: 2px solid #1058af;
}

.dashboard-public-search-btn.off {
    background-color: #ffffff !important;
    color: #1058af !important;
    border: 2px solid #1058af;
}

.dashboard-private-search-btn.on {
    background-color: #1058af !important;
    color: #ffffff !important;
    border: 2px solid #1058af;
}

.dashboard-private-search-btn.off {
    background-color: #ffffff !important;
    color: #1058af !important;
    border: 2px solid #1058af;
}

img.locked-map-img {
    width: 150px !important;
}

.carousel-social-img {
    height: 200px !important;
    object-fit: contain
}

.card-social-post {
    cursor: pointer;
}

.br-25 {
    border-radius: 0.25rem 0.25rem 0 0 !important;
}

.accordion-title, .accordion-title-sub {
    text-decoration: none !important;
}

.br-25:has(h5 .accordion-title.collapsed), .br-25:has(.accordion-title-sub.collapsed) {
    border-radius: 0.25rem !important;
}

.accordion-title:before {
    float: right !important;
    font-family: FontAwesome;
    content: "\f068";
    padding-right: 5px;
}

.accordion-title.collapsed:before {
    float: right !important;
    content: "\2b";
}

.accordion-title-sub:before {
    float: right !important;
    font-family: FontAwesome;
    content: "\f106";
    padding-right: 5px;
}

.accordion-title-sub.collapsed:before {
    float: right !important;
    content: "\f107";
}


/* QUIZ STYLE per frase misteriosa */

html, body {
    margin: 0;
    padding: 0;
    background-color: #F5F5F5 !important;
    font-family: Arial, Helvetica, sans-serif;
}

#topbar {
    height: 50px;
    margin: auto;
    text-align: center;
    margin-top: 50px;
    color: #001d85;
    font-size: 36px;
    width: 800px;
    border-bottom: solid white 1px;
}

#gameContent {
    margin: auto;
    /*    width: 100%;
        height: 100vh;*/
    /* position: relative; */
    /* overflow: hidden; */
    /*background-color: #3498DB;*/
}

.spacer {
    height: 30px;
}


#gameTitle {
    /*margin-top:100px;*/
    text-align: center;
    font-size: 40px;
    color: #fff;
}

.button {
    font-size: 17px;
    width: 100px;
    margin: auto;
    margin-top: 20px;
    cursor: pointer;
    border: solid 1px white;
    border-radius: 4px;
    text-align: center;
    color: #fff;
}

.button:hover {
    background-color: #6AB0FD;
}

#replay {
    margin-left: 0px;
}


#wordHolder {
    margin-top: 10px;
    text-align: center;
    /*margin-left:150px;*/
}

#clueHolder {
    margin-top: 10px;
    text-align: center;
    /*margin-left:150px;*/
}

#guesses {
    margin-top: 20px;
    text-align: center;
    /*margin-left:150px;*/
}

#logoHolder {
    width: 1040px;
    overflow: hidden;
}

@media only screen and (max-width: 660px) {
    #logoHolder {
        width: 352px;
        overflow: hidden;
        zoom: 0.8;
        width: 352px;
        margin: auto;
    }
}

#logoHolder img {
    position: relative;
}

#feedback {
    margin-top: 20px;
    text-align: center;
    /*margin-left:150px;*/
    font-size: 34px;
    color: #fff;
}

.tile {
    height: 40px;
    display: inline-block;
    width: 40px;
    /* float: left; */
    margin-right: 10px;
    background-color: white;
    text-align: center;
    font-size: 24px;
    color: #333;
    padding-top: 5px;
}

#finalMessage {
    text-align: center;
    font-size: 40px;
    color: #fff;
    width: 90%;
    margin: auto;
    margin-top: 100px;
}

#dummyHangText {
    position: absolute;
    left: -4000px;
    top: 0px;
    /*display:none;*/
}

@media screen and (max-width: 800px) {
    #topbar {
        margin-left: 1%;
        margin-right: 1%;
        width: 96%;
    }

    #gameContent {
        margin: 1%;
        width: 98%;
    }

    .tile {
        height: 20px;
        width: 20px;
        font-size: 14px;
    }
}

@media screen and (max-width: 560px) {
    #wordHolder {
        margin-top: 10px;
        text-align: center;
        /*margin-left:10px;*/
    }

    #clueHolder {
        margin-top: 10px;
        text-align: center;
        /*margin-left:85px;*/
    }

    #guesses {
        margin-top: 20px;
        text-align: center;
        /*margin-left:85px;*/
    }

    #logoHolder {
        width: 352px;
        overflow: hidden;
    }

    #feedback {
        text-align: center;
        /*margin-left:85px;*/
        font-size: 28px;
    }

    #finalMessage {
        font-size: 30px;
    }
}


/* responsive */


@media only screen and (max-width: 600px) {

    .activity-col:after {
        right: -37px !important;
    }

    img.point_img.mobile_icon_profile {
        height: 60px !important;
        object-fit: contain !important;;
    }

    label#question-score {
        font-size: 1.8rem;
    }

    .total_row img.cover_image.end_image {
        width: 100px;
        height: 100px;
    }

    .award_type_row img {
        width: 80px !important;
        height: 80px !important
    }

    .award_type_row .cover_image_container {
        text-align: right;
        padding-right: 0;
    }

    .award_type_row .score_type {
        text-align: left;
        padding-left: 0;
        font-size: 1.5rem;
    }


    .mobile_template .row_quiz_container {
        margin: 0.25rem !important;
        padding: 0.5rem !important;
    }

    .mobile_template .text_intro {
        padding: 1rem !important;
    }

    .text_intro p {
        font-size: 1rem !important;
    }

    .header_quiz_intro {
        font-size: 1rem
    }

    .logo_quiz_marelli img {
        height: 50px
    }

    .pum_intro img {
        height: 150px
    }

    label.answer-val {
        font-size: 0.8rem !important;
        padding: 0.5rem !important;
    }

    label.answer-val.multiple_answer_val {
        text-indent: 0 !important;
    }

    .answer-val .fa-circle {
        margin: 0;
    }

    #quiz h3 {
        font-size: 1rem;
        margin-top: 1rem;
    }

    .question h3 {
        font-size: 1.25rem
    }

    .question h6 {
        font-size: 0.8rem;
        text-transform: initial
    }

    #sortable-container label.answer-val {
        text-indent: 0 !important;
        font-size: 1.2rem;
    }

    .answer-val .fa-dot-circle {
        margin: 0 0.5rem;
    }

    button.btn.btn-primary.clusering_choice {
        width: 100%;
    }

    .answer_response p {
        font-size: 1.5rem !important;
    }

    #gameContent.container {
        margin: 0;
        width: 100%;
    }

    .row_progress {
        margin: 0 2rem !important;
    }

    #guesses span:first-child, #clueHolder span:first-child {
        display: inline-block;
        margin: 0 0 1rem;
    }

    .tileS {
        display: block;
    }

    .container_blu {
        border-radius: 10px;
    }

    .container-contest {
        background: url(g4s_theme_child_images/quiz_background.jpg) !important;
        background-repeat: no-repeat !important;
        background-position: bottom !important;
        background-size: cover !important;
    }

    .container-contest.container-contest-end {
        background: url(g4s_theme_child_images/quiz_background.jpg) !important;
        background-repeat: no-repeat !important;
        background-position: bottom !important;
        background-size: cover !important;
    }

    .carousel-caption.carousel_caption_tutorial h5 {
        font-size: 3vw;
        font-weight: bold;
    }

    .container-contest-end img.end_image {
        width: 80px !important;
        height: 80px !important;
    }

    .container-contest-end .contest_award_type img.end_image {
        width: 50px !important;
        height: 50px !important;
    }

    .container-contest-end .contest_award_type label {
        font-size: 1.5rem !important;
    }

    .container-contest-end p.contest_type.well_done {
        font-size: 1.5rem
    }

    .container-contest-end p.contest_type {
        font-size: 0.8rem
    }

    a.close_quiz_button {
        top: -20px !important;
        right: 20px !important;
    }

    .container_hidden_word {
        overflow-y: scroll;
        margin-bottom: 3rem;
    }

    .container_hw #quiz.quiz {
        padding: 0 !important;
    }

    .pum_right_hw img {
        margin-left: 0;
    }

    #quiz.quiz {
        padding: 0 1rem !important;
    }

    .leaflet-top.contest_container {
        right: 10px !important;
        top: 130px !important;
        left: unset;

    }

    .leaflet-top.contest_container.bpContestButtonContainer {
        top: 100px !important;
        left: 5px !important;

    }

    .leaflet-top.contest_container button img {
        width: 150px;
    }

    .progress_bar_row {
        padding: 0 2rem !important;
    }

    .change_clustering {
        border-radius: 10px 10px 0px 0px !important;
        border-right: 2px solid #ccc !important;
    }

    .change_clustering button {
        border-radius: 10px 10px 0 0 !important;
    }

    button.btn.btn-primary.clusering_choice {
        border-radius: 0 0 10px 10px !important;
    }


    button#clustering-variant-confirm {
        margin-right: 0.5rem !important;
    }

    .row.question_type_4 {
        margin: 0 !important;
    }

    .sequence_answer_val.answer-val {
        height: unset !important;
    }

    td.rep_30:before {
        top: 12% !important;
    }

    .content.passport {
        margin-top: 0 !important;
    }

    li.nav-item.ranking_button {
        width: 100%;
        margin: 0 !important;
    }

    .container.ranking_container {
        margin-bottom: 5rem;
    }

    .leaflet-top.quests_container {
        top: 10px !important;

    }

    .leaflet-control-zoom.leaflet-bar.leaflet-control {
        margin-top: 120px !important;
    }

    .master-description, h4.card-title.master_path_title {
        min-height: unset !important;
    }

    ul#qtranslate--1-chooser {
        margin: 10px 0 !important;
    }

    ul#qtranslate--1-chooser li {
        display: block !important;
        /*margin: 10px !important;*/
    }

    .dropdown-toggle.header_menu_button::after {
        right: 5px !important;
        top: 8px !important
    }

    #introduction_video .modal-dialog {
        max-width: 100% !important;
        padding: 0;
        margin: 0;
    }

    .sortable_number span {
        padding: 7px 12px !important;
    }

    .sequence_answer_val.answer-val {
        font-size: 1rem !important;
    }


    feedback_correct:before {
        height: 30px !important;
        width: 30px !important;
        left: 4px !important;
        top: 32px !important;
    }


    .feedback_wrong label:after, .feedback_correct label:after, .col_correct label:after {
        margin-top: 0 !important;
    }

    .col-wrong_response_final .c_variant_answer_val.answer-val {

        font-size: 1rem !important;
    }

    .tutor_modal_achivements {
        padding-top: 0 !important;
    }

    button.closeMissionCompleted {
        font-size: 30px !important;
    }

    .contenr_modal_achivements h4 {
        font-size: 1.5rem !important;
    }

    /*.page-template-my_profile-template .cover_image, .profile_cover_image_div {*/
    /*    margin-top: 56px !important;*/
    /*}*/
    .family {
        min-height: 292px !important;
    }

    .family:after {
        left: -30% !important;
    }

    div#logoHolder.hangsuccess:after {
        content: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMC41IiBoZWlnaHQ9IjMwLjUiIHZpZXdCb3g9IjAgMCAzMC41IDMwLjUiPg0KICA8ZyBpZD0iY29ycmVjdCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTM1Ny4zMTYgLTY3NC4zOTUpIj4NCiAgICA8Y2lyY2xlIGlkPSJFbGxpcHNlXzY2NSIgZGF0YS1uYW1lPSJFbGxpcHNlIDY2NSIgY3g9IjE1IiBjeT0iMTUiIHI9IjE1IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgzNTcuNTY2IDY3NC42NDUpIiBmaWxsPSIjMDBkNjc5IiBzdHJva2U9IiMwMGQ2NzkiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgc3Ryb2tlLXdpZHRoPSIwLjUiLz4NCiAgICA8cGF0aCBpZD0iSWNvbl9hd2Vzb21lLWNoZWNrIiBkYXRhLW5hbWU9Ikljb24gYXdlc29tZS1jaGVjayIgZD0iTTM3My43MjMsNjk4LjM5NCwzNjkuMiw2OTMuODdhLjcuNywwLDAsMSwwLS45ODRsMCwwLC45ODctLjk4N2EuNy43LDAsMCwxLC45ODQsMGwwLDAsMy4wNDUsMy4wNTIsNi41MjktNi41MjlhLjcuNywwLDAsMSwuOTg0LDBsMCwwLC45ODYuOTg2YS43LjcsMCwwLDEsMCwuOTg0bDAsMEwzNzQuNzEsNjk4LjRhLjcuNywwLDAsMS0uOTg0LDBaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMy4yODYgLTMuNjg0KSIgZmlsbD0iI2ZmZiIvPg0KICA8L2c+DQo8L3N2Zz4NCg==) !important;
        top: 39% !important;
        width: 0;

    }


    div#logoHolder.hangdefeat:after {
        content: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMCIgaGVpZ2h0PSIzMCIgdmlld0JveD0iMCAwIDMwIDMwIj4NCiAgPGcgaWQ9Indyb25nIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNzY0LjAzNSAtNjc1LjU5MSkiPg0KICAgIDxjaXJjbGUgaWQ9IkVsbGlwc2VfNjY1IiBkYXRhLW5hbWU9IkVsbGlwc2UgNjY1IiBjeD0iMTUiIGN5PSIxNSIgcj0iMTUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDc2NC4wMzUgNjc1LjU5MSkiIGZpbGw9IiNmZjAwNDYiLz4NCiAgICA8cGF0aCBpZD0iSWNvbl9pb25pYy1pb3MtY2xvc2UiIGRhdGEtbmFtZT0iSWNvbiBpb25pYy1pb3MtY2xvc2UiIGQ9Ik03ODUuMzQzLDY5NWw1LjcwNi01LjcwNmExLjMzNywxLjMzNywwLDAsMC0xLjg5Mi0xLjg5MWwtNS43MDYsNS43MDYtNS43MDUtNS43MDZhMS4zMzcsMS4zMzcsMCwxLDAtMS45MTEsMS44NzFsLjAyLjAyTDc4MS41NjEsNjk1bC01LjcwNiw1LjcwNmExLjMzOCwxLjMzOCwwLDAsMCwxLjg5MiwxLjg5Mmw1LjcwNi01LjcwNiw1LjcwNiw1LjcwNmExLjMzOCwxLjMzOCwwLDAsMCwxLjg5MS0xLjg5M1oiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC00LjQwNiAtNC40MDUpIiBmaWxsPSIjZmZmIi8+DQogIDwvZz4NCjwvc3ZnPg0K) !important;
        top: 35% !important;
        width: 0;
    }

    .container.container_multiple_quiz {
        margin-top: 1rem !important;
        margin-bottom: 6rem;
    }

    .row_progress .col-10, .row_progress .col-2 {
        margin-top: 1rem !important;
    }

    button#answer-confirm, button#next-question {
        margin-bottom: 1rem;
        width: 100%;
    }

    .modal-dialog {
        margin: 0 !important;
    }


    label.answer-val {
        padding: 0.5rem !important
    }

    #quiz h6 {
        font-size: 0.8rem !important;
    }

    .feedback_correct:before {
        height: 25px !important;
        width: 25px !important;
        left: 15px !important;
    }

    .clustering_sequence {
        padding: 1rem !important;
        margin: 0 1rem 0.5rem !important
    }

    button#clustering-confirm {
        width: 100%;
        margin: 1rem;
    }

    .first_cluster {
        border-radius: 10px 10px 0 0
    }

    button#clustering-variant-confirm {
        max-width: 100% !important;
        float: none;
    }

    p.well_done.feedback_correct_hangman {
        font-size: 1rem;
        margin-top: 1rem;
    }

    button#next-question {
        width: 100%;
        margin-bottom: 1rem;
        padding: 5px;
    }

    button#sequence-confirm {
        width: 100% !important;
        margin: 1rem 0;
    }

    .button_sequence_continue {
        padding: 0 !important
    }

    .feedback_wrong:before {
        height: 25px !important;
        width: 25px !important;
        left: 15px !important;
    }

    .clustering_sequence {
        padding: 0.5rem !important;
        margin: 0 0.5rem 0.5rem !important
    }

    a.close_quiz i {
        font-size: 40px !important;
        border-radius: 100%
    }

    .container_player_video i.fas.fa-times-circle:before {
        width: 50px !important;
        top: -20px;
        z-index: 1080;
        height: 50px !important;
        zoom: 0.8;
    }

    a.close_quiz {
        top: 5px !important;
        right: 10px !important;
    }

    .clustering_sequence {
        padding: 5px !important;
        margin: 0 1rem 0.5rem !important
    }

    img.point_image {
        width: 80px !important;
        height: 80px !important;
    }

    span#question-score {
        font-size: 3rem !important;
    }

    #g4s_notification_container:before {
        opacity: 0;
    }

    img.titor_img {
        width: 100px;
        margin: 10px;
    }

    .row.row_modal_achivements {
        min-height: 100vh;
        margin-top: 0px !important;
    }

    .postcard_image_container_box {
        max-width: 100% !important;
    }

    .row.postcard_image_container {
        margin: 10px 3rem !important;
    }

    img.postcard_image.img-fluid {
        background: #ffffff;
    }

    .missionCompleted {
        /*padding: 0 0 10rem 0 !important;*/
        z-index: 9999 !important;
        height: 100vh;
    }


    .tutor_modal_achivements {
        border-radius: 6px 6px 0 0
    }

    .contenr_modal_achivements {
        padding-top: 0 !important;
    }

    .mission_completed_message {
        margin-top: 0.5rem
    }

    .mission_completed_message p {
        margin-bottom: 0
    }

    button.closeMissionCompleted {
        position: fixed;
        top: 0px;
    }

    button.closeMissionCompleted i {
        background: #ffffff;
        border-radius: 50%
    }

    a.g4s_dismiss_notification.reload_page_button {
        background: #009CDE
    }

    ul#qtranslate--1-chooser {
        display: flex !important;
    }

    .lastest_news_image {
        border-radius: 10px 10px 0 0
    }

    .lastest_news_content {
        border-radius: 0 0 10px 10px
    }

    .row.latest_content_library_container {
        margin-bottom: 80px !important;
    }

    .modal-content.modal_content_tutorial .modal-body {
        padding: 0.5rem !important;
    }

    .modal-content.modal_content_tutorial {
        /*max-width: 97% !important;*/
    }

    .carousel-caption.carousel_caption_tutorial {
        font-size: 0.8rem !important
    }

    .carousel_tutorial .carousel-inner {
        background: #008ce3;
        border-radius: 16px !important;
    }

    .goal_marker_label .stationLabel_img::after {
        width: 100px !important;
        height: 100px !important;
    }

    .goal-image {
        top: -55px !important;
        left: -30px !important;
    }

    .goal-data {
        top: -32px !important;
        left: 40px !important;
    }

    .repository .btn {
        border-radius: 0 !important;
        margin-bottom: 0.25rem;
        border-width: 1px;
        border-style: solid;
    }

    .edit_email_box label {
        width: 100%;
        margin-top: 50px;
    }

    a.qtranxs_flag_and_text span {
        display: none
    }

    img.stamp_img {
        width: 80px;
        height: 80px;
    }

    .col-12.postacard_name_back.p-0.text-left {
        font-size: 1rem;
    }

    div#postcard_description_div {
        font-size: 1rem;
    }

    .carousel-caption.carousel_caption_tutorial {
        top: 22% !important;
    }

    span.num {
        font-size: 16px !important;
        padding: 0 10px !important;
        display: inline-block !important;
        vertical-align: 5px !important;
    }

    .modal_content_tutorial .col-4.text-center {
        padding: 0;
    }

    .toplevel_page_g4s_management .dataTables_wrapper {
        margin: 15px 0 30px !important;
    }

    .post-slide {
        margin: 15px !important;
    }

    .post-content {
        /*padding-left: 10px !important;
        float: left;*/
    }

    .seeAll {
        clear: left;
    }

    button.button_noti_close {
        position: absolute;
        right: 30px;
        background-color: #ffffff;
        border: 0;
        font-size: 30px;
        color: #009cde;
    }

    button:focus {
        outline: none !important;
    }

    .map_modal_dialog {
        top: 0 !important;
    }

    .map_modal_dialog h4.modal-title {
        font-size: 1.3rem !important;
        padding-left: 22px !important;
    }


    .map_modal_dialog .modal-header img {
        width: 50px !important;
        border-radius: 50%;
    }

    .family:after {
        background-size: 566px 292px !important;
        width: 566px !important;
        height: 292px !important;
    }

    .missionsModal .step-container .task-content .btn, .btn-close {
        padding: 5px !important;
        width: 70px !important;
        font-size: 0.8rem !important;
    }

    .missionsModal .step-container .task-content.task_content_mobile .btn {
        padding: 10px !important;
        width: 100% !important;
    }

    .activity_name_modal span.step_name {
        font-size: 0.8rem !important;
        line-height: 1rem !important;
        display: inline-block;
    }

    #quest-title {
        font-size: 0.65rem !important;
    }

    .leaflet-verticalcenter.leaflet-left .unnamed-state-active {
        margin-left: 0
    }

    .leaflet-verticalcenter.leaflet-right .unnamed-state-active {
        margin-right: 0
    }

    .mobile_template #general_tutorial .carousel-caption.carousel_caption_tutorial p {
        font-size: 0.8rem;
        line-height: 1rem;
    }

    .missionsModal .col-10.activity-col {
        font-size: 0.8rem !important;
        padding-left: 15px !important;
    }

    span.rep_name_span {
        min-width: 180px;
        display: inline-block;
    }

    /*
    .badges_row_container .owl-next, .postacard_row_container .owl-next {
        right: 0 !important;
    }

    .badges_row_container .owl-prev, .postacard_row_container .owl-prev {
        left: 0 !important;
    }
    
     */

    .no_active_path, .no_active_postcards {
        background-size: contain !important;
        height: 200px !important;
        width: unset !important;
    }

}


@media only screen and (max-width: 414px) {
    .family:after {
        background-size: 380px 196px !important;
        width: 380px !important;
        height: 196px !important;
    }

    .family {
        min-height: 196px !important;
    }

}

@media only screen and (max-width: 375px) {
    .family:after {
        background-size: 286px 148px !important;
        width: 286px !important;
        height: 148px !important;
    }

    .family {
        min-height: 148px !important;
    }

    .mobile_template #general_tutorial .carousel-caption.carousel_caption_tutorial p {
        font-size: 0.7rem;
        line-height: 1rem;
    }

    table.dataTable.dtr-inline.collapsed > tbody > tr > td.dtr-control:before, table.dataTable.dtr-inline.collapsed > tbody > tr > th.dtr-control:before {
        left: -15px !important
    }

}


@media only screen and (min-width: 1200px) {
    .master-description {
        font-size: 1.2rem;
    }


}

@media (min-width: 1200px) {
    .conteiner-forum {
        max-width: 1400px !important;
    }
}

@media only screen and (min-width: 1400px) {
    .master-description {
        font-size: 1.2rem;
    }
}

@media only screen and (min-width: 1600px) {
    .master-description {
        font-size: 1.2rem;
    }
}

@media only screen and (min-width: 1800px) {
    .master-description {
        font-size: 1.2rem;
    }
}

@media only screen and (min-width: 2000px) {
    .master-description {
        font-size: 1.2rem !important;
    }
}


@media only screen and (max-width: 1024px) and (min-width: 768px) {
    .badges_row_container .owl-prev, .postacard_row_container .owl-prev {
        left: 4rem !important;

    }

    .badges_row_container .owl-next, .postacard_row_container .owl-next {
        right: 4rem !important;

    }

    .badge_img img {
        height: 100px !important;
    }

}


/* animation shotting star */

.shooting_star {

    left: 50%;
    top: 50%;
    height: 2px;
    opacity: 0;
    background: linear-gradient(-45deg, #5f91ff, rgba(0, 0, 255, 0));
    border-radius: 999px;
    filter: drop-shadow(0 0 6px #699bff);
    -webkit-animation: tail 3000ms ease-in-out normal forwards, shooting 3000ms ease-in-out normal forwards;
    animation: tail 3000ms ease-in-out normal forwards, shooting 3000ms ease-in-out normal forwards;
}

.shooting_star::before, .shooting_star::after {
    content: "";
    position: absolute;
    top: calc(50% - 1px);
    right: 0;
    height: 2px;
    background: linear-gradient(-45deg, rgba(0, 0, 255, 0), #5f91ff, rgba(0, 0, 255, 0));
    transform: translateX(50%) rotateZ(45deg);
    border-radius: 100%;
    -webkit-animation: shining 3s ease-in-out normal forwards;
    animation: shining 3s ease-in-out normal forwards;
}

.shooting_star::after {
    transform: translateX(50%) rotateZ(-45deg);
}

.night {
    position: absolute;
    width: 100%;
    height: 100%;
}


@-webkit-keyframes tail {
    0% {
        width: 0;
    }
    30% {
        width: 100px;
    }
    100% {
        width: 0;
    }
}

@keyframes tail {
    0% {
        width: 0;
    }
    30% {
        width: 100px;
    }
    100% {
        width: 0;
    }
}

@-webkit-keyframes shining {
    0% {
        width: 0;
    }
    50% {
        width: 30px;
    }
    100% {
        width: 0;
    }
}

@keyframes shining {
    0% {
        width: 0;
    }
    50% {
        width: 30px;
    }
    100% {
        width: 0;
    }
}

@-webkit-keyframes shooting {
    0% {
        transform: translateX(0);
        opacity: 0;
    }
    1% {
        transform: translateX(0);
        opacity: 1;
    }
    100% {
        transform: translateX(300px);
        opacity: 1;
    }
}

@keyframes shooting {
    0% {
        transform: translateX(0);
        opacity: 0;
    }
    1% {
        transform: translateX(0);
        opacity: 1;
    }
    100% {
        transform: translateX(300px);
        opacity: 1;
    }
}

@-webkit-keyframes sky {
    0% {
        transform: rotate(45deg);
    }
    100% {
        transform: rotate(405deg);
    }
}

@keyframes sky {
    0% {
        transform: rotate(45deg);
    }
    100% {
        transform: rotate(405deg);
    }
}

@-webkit-keyframes wobble-ver-left {
    0%,
    100% {
        -webkit-transform: translateY(0) rotate(0);
        transform: translateY(0) rotate(0);
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
    }
    15% {
        -webkit-transform: translateY(-30px) rotate(-6deg);
        transform: translateY(-30px) rotate(-6deg);
    }
    30% {
        -webkit-transform: translateY(15px) rotate(6deg);
        transform: translateY(15px) rotate(6deg);
    }
    45% {
        -webkit-transform: translateY(-15px) rotate(-3.6deg);
        transform: translateY(-15px) rotate(-3.6deg);
    }
    60% {
        -webkit-transform: translateY(9px) rotate(2.4deg);
        transform: translateY(9px) rotate(2.4deg);
    }
    75% {
        -webkit-transform: translateY(-6px) rotate(-1.2deg);
        transform: translateY(-6px) rotate(-1.2deg);
    }
}

@keyframes wobble-ver-left {
    0%,
    100% {
        -webkit-transform: translateY(0) rotate(0);
        transform: translateY(0) rotate(0);
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
    }
    15% {
        -webkit-transform: translateY(-30px) rotate(-6deg);
        transform: translateY(-30px) rotate(-6deg);
    }
    30% {
        -webkit-transform: translateY(15px) rotate(6deg);
        transform: translateY(15px) rotate(6deg);
    }
    45% {
        -webkit-transform: translateY(-15px) rotate(-3.6deg);
        transform: translateY(-15px) rotate(-3.6deg);
    }
    60% {
        -webkit-transform: translateY(9px) rotate(2.4deg);
        transform: translateY(9px) rotate(2.4deg);
    }
    75% {
        -webkit-transform: translateY(-6px) rotate(-1.2deg);
        transform: translateY(-6px) rotate(-1.2deg);
    }
}

@-webkit-keyframes bounce-top {
    0% {
        -webkit-transform: translateY(-45px);
        transform: translateY(-45px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 1;
    }
    24% {
        opacity: 1;
    }
    40% {
        -webkit-transform: translateY(-24px);
        transform: translateY(-24px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
    65% {
        -webkit-transform: translateY(-12px);
        transform: translateY(-12px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
    82% {
        -webkit-transform: translateY(-6px);
        transform: translateY(-6px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
    93% {
        -webkit-transform: translateY(-4px);
        transform: translateY(-4px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
    25%,
    55%,
    75%,
    87% {
        -webkit-transform: translateY(0px);
        transform: translateY(0px);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }
    100% {
        -webkit-transform: translateY(0px);
        transform: translateY(0px);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
        opacity: 1;
    }
}

@keyframes bounce-top {
    0% {
        -webkit-transform: translateY(-45px);
        transform: translateY(-45px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 1;
    }
    24% {
        opacity: 1;
    }
    40% {
        -webkit-transform: translateY(-24px);
        transform: translateY(-24px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
    65% {
        -webkit-transform: translateY(-12px);
        transform: translateY(-12px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
    82% {
        -webkit-transform: translateY(-6px);
        transform: translateY(-6px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
    93% {
        -webkit-transform: translateY(-4px);
        transform: translateY(-4px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
    25%,
    55%,
    75%,
    87% {
        -webkit-transform: translateY(0px);
        transform: translateY(0px);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }
    100% {
        -webkit-transform: translateY(0px);
        transform: translateY(0px);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
        opacity: 1;
    }
}

@-webkit-keyframes swirl-in-fwd {
    0% {
        -webkit-transform: rotate(-540deg) scale(0);
        transform: rotate(-540deg) scale(0);
        opacity: 0;
    }
    100% {
        -webkit-transform: rotate(0) scale(1);
        transform: rotate(0) scale(1);
        opacity: 1;
    }
}

@keyframes swirl-in-fwd {
    0% {
        -webkit-transform: rotate(-540deg) scale(0);
        transform: rotate(-540deg) scale(0);
        opacity: 0;
    }
    100% {
        -webkit-transform: rotate(0) scale(1);
        transform: rotate(0) scale(1);
        opacity: 1;
    }
}

@keyframes bounce {
    70% {
        transform: translateY(0%);
    }
    80% {
        transform: translateY(-15%);
    }
    90% {
        transform: translateY(0%);
    }
    95% {
        transform: translateY(-7%);
    }
    97% {
        transform: translateY(0%);
    }
    99% {
        transform: translateY(-3%);
    }
    100% {
        transform: translateY(0);
    }
}

/* CUSTOMIZE */

/*LANDING PAGE */

.btn-custom-size, #gform_submit_button_2 {
    padding: 0.8em 0.2em !important;
    width: 9.8em !important;
}

.btn-outline-login {
    color: #FFFFFF !important;
    border: 2px solid #FFFFFF !important;
    background-color: transparent !important;
}

.btn-outline-login:hover {
    color: #FFFFFF !important;
    border: 2px solid #1058af !important;
    background-color: #1058af !important;
}

.content-text-custom {
    color: #FFFFFF;
    font-size: 20px;
    font-style: normal;
    font-weight: 300;
    line-height: 32px;
}

/* MODAL BUTTON "INVIA" */
#gform_submit_button_2 {
    background-color: #1058af;
}

#gform_submit_button_2:hover {
    background-color: #0069d9;
}

/* PERSONAL PROFILE */

.custom-statistics-header {
    background-color: #3F3392 !important;
    text-align: center !important;
    border-radius: 8px 8px 0 0;
}

.user_points_container {
    border-radius: 8px !important;
}

/*LIKERT QUESTION*/

.likert_color_answer_1 {
    background: rgba(0, 159, 54, 0.2);
}

.likert_color_answer_2 {
    background: rgba(253, 208, 60, 0.2);
}

.likert_color_answer_3 {
    background: rgba(255, 107, 37, 0.2);
}

.likert_color_answer_4 {
    background: rgba(0, 159, 54, 0.2);
}

.likert_color_answer_5 {
    background: rgba(253, 208, 60, 0.2);
}

.likert_color_answer_6 {
    background: rgba(255, 107, 37, 0.2);
}

.likert_color_answer_7 {
    background: rgba(0, 159, 54, 0.2);
}

.likert_color_answer_8 {
    background: rgba(253, 208, 60, 0.2);
}

.likert_color_answer_9 {
    background: rgba(255, 107, 37, 0.2);
}

/* QUESTIONARY END VIEW */

.end_job_role_title {
    font-size: 3rem !important;
    font-weight: 700;
    text-align: center;
    color: #2A2358;
    text-transform: uppercase;
}

#ranking_general_table tbody tr {
    margin-top: 10px;
}

.ranking_header_description {
    font-size: 1rem;
}

table#ranking_general_table thead .sorting_asc:after, table#ranking_general_table > thead > tr > th > .glossary_definition .sorting_asc:after {
    right: 47px;
}

table#ranking_general_table thead .sorting_asc:before, table#ranking_general_table thead tr th .glossary_definition .sorting_asc:before {
    right: 55px;
}

table#ranking_g4s_country_table tbody tr {
    border-bottom: 1px solid rgb(0 0 0 / 0.2) !important;
}

table#ranking_g4s_country_table thead {
    background-color: #e6e6e6;
    height: 3.5rem;
    border-bottom: 10px solid white;
}

button.close-button-card:hover {
    background: #F40C28 !important;
    border: 1px solid #F40C28 !important;
    color: #FFFFFF !important;
}

.header-landing_page a:hover, .header-landing_page button:hover {
    background-color: #16925a !important;
    color: #FFFFFF !important;
}


.slide-in-fwd-center {
    -webkit-animation: slide-in-fwd-center 2s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
    animation: slide-in-fwd-center 2s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}

@-webkit-keyframes slide-in-fwd-center {
    0% {
        -webkit-transform: translateZ(-1400px);
        transform: translateZ(-1400px);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1;
    }
}

@keyframes slide-in-fwd-center {
    0% {
        -webkit-transform: translateZ(-1400px);
        transform: translateZ(-1400px);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1;
    }
}

#captcha {
    width: 100%;
    height: 80%;
    background-color: #F1F1F1;
    display: flex;
    align-items: center;
    justify-content: center;
}

.login form .input:hover,
.login form input[type=checkbox]:hover,
.login input[type=text]:hover,
.login form .input:hover {
    border: 1px solid #016B33;
    box-shadow: 0px 3px 2px rgba(0, 0, 0, .2)
}

.footer_mobile {
    border-radius: 20px 20px 0 0;
}

/* OPPO */

:root {
    --oppo-light-green: #2CFF73;
    --oppo-ultra-light-green: #EAFFF1;
    --oppo-green: #066F38;
    --oppo-grey: #F0F0F0;
    --oppo-secondary-purple: rgba(185, 149, 255, 1);
    --oppo-primary-blue: rgba(3, 20, 28, 1);

}

.oppo-offcanvas-bg {
    background-color: var(--oppo-green) !important;
    box-shadow: 0px 6px 6px 0px rgba(0, 0, 0, 0.16);
}

.master_path_content {
    background-color: var(--oppo-grey) !important;
    margin-top: 0px;
}

.oppo-title-container {
    background-color: var(--oppo-green);
    color: #FFF;
    width: 100%;
    padding: 1rem 1.2rem;
    height: auto;
}

#section-training {
    background-color: var(--oppo-green);
}

.card, .card-block {
    box-shadow: none !important;
    overflow: hidden;
}

.oppo-company_name_footer {
    font-size: 24px;
    font-weight: 900;
}

.footer i {
    color: var(--oppo-light-green);
}

/** OFF CANVAS **/

.bs-canvas-overlay {
    opacity: 0;
    z-index: -1;
}

.bs-canvas-overlay.show {
    opacity: 0.85;
    z-index: 1100;
}

.bs-canvas {
    top: 0;
    width: 0;
    z-index: 1110;
    overflow-x: hidden;
    overflow-y: auto;
    border-radius: 0 10px 10px 0;
}

.bs-canvas-left {
    left: 0;
}

.bs-canvas-right {
    right: 0;
}

.bs-canvas-anim {
    transition: all .1s ease-out;
    -webkit-transition: all .1s ease-out;
    -moz-transition: all .1s ease-out;
    -ms-transition: all .1s ease-out;
}

i.fa-bars {
    font-size: 1.8em;
    color: var(--oppo-green);
}

i.fa-xmark {
    font-size: 1em;
    color: #FFF;
    opacity: 1 !important;
}

i.fa-circle-check, i.fa-arrow-right {
    font-size: 1.5rem;
    color: var(--oppo-green) !important;
}

i.fa-arrow-left {
    color: var(--oppo-light-green);
    padding-right: 5px;
}

i.fa-chevron-up {
    color: white;
    font-size: 1rem;
}

.rotate-icon {
    transform: rotate(180deg);
}

button.oppo-btn-undo {
    background-color: transparent;
    border: none;
    color: var(--oppo-light-green);
    padding: 10px 0;
    font-size: 1rem;
    cursor: pointer;
    font-weight: bold;
}

p.oppo-learning-desc {
    font-size: 0.9rem;
    color: white;
    margin: 0;
    padding: 0;
}

.offcanvas-oppo-logo {
    width: 135px;
    height: auto;
}

.oppo-progress-itinere {
    background-color: var(--oppo-secondary-purple) !important;
}

.oppo-progress-completed {
    background-color: var(--oppo-green) !important;
    color: white;
}

span.oppo-user-learning-path {
    font-weight: bold;
    font-size: 1.5rem;
}

.oppo-pill-outline, .oppo-pill {
    font-size: 1rem !important;
    font-weight: 500 !important;
}


.oppo-pill-outline {
    background-color: white !important;
    border: 1px solid var(--oppo-green) !important;
    color: var(--oppo-green) !important;
}

.oppo-pill-outline.current {
    background-color: var(--oppo-green) !important;
    color: white !important;
    border: 1px solid var(--oppo-green) !important;
}

.modal-header .close-button-card {
    padding: 0 !important;
}

div.oppo-activity {
    border: 1px solid var(--oppo-primary-blue);
    border-radius: 8px !important;
}

div.step_uncompleted {
    background-color: var(--oppo-grey);
    border-radius: 8px;
}

div.master_point_container, div.points_container, div.badge_number_container, div.ranking_position_container, div.master_points_container, div.user_info_box {
    border-radius: 8px !important;
    /*background-color: white;*/
}

div.title-container {
    border-radius: 8px;
    background-color: var(--oppo-grey);
}

.user-page h4 {
    font-weight: 700;
    border-bottom: 3px solid;
}

/*.card .card-body .card-body-business {*/
/*    background-color: var(--oppo-ultra-light-green)!important;*/
/*}*/

.badge_card_body {
    border-radius: 8px;
}

.badges .card-title, .badge_points {
    font-weight: 800 !important;
    font-size: 18px !important;
}

/*UTILITY */

button.oppo-btn-primary {
    background-color: var(--oppo-green) !important;
    color: white !important;
}

.missionCompleted .modal-dialog {
    min-height: 100vh !important;
    overflow-y: hidden !important;
    top: 0vh !important;
}

.img-checked {
    position: relative;
    right: 26px;
    width: 25px;
    height: 25px;
}

div.row-business {
    background-size: cover;
}

img.img-card-mobile {
    width: 80px;
    height: 80px;
    border-radius: 9px;
}

div.oppo-card-marker-label-topcard {
    border-radius: 16px;
}

div.oppo-card-marker-label-bottomcard {
    border-radius: 0 0 16px 16px;
    background-color: #FFF !important;
}

a.oppo-news-btn {
    font-size: 1.1rem;
    font-weight: bold;
    color: var(--oppo-green) !important;
}

.img-card-news {
    width: 100% !important;
    height: 115px !important;
    object-fit: cover !important;
}

div.card-news {
    border-radius: 15px;
}

div.bg-customColor {
    background-color: var(--oppo-green);
}

div#postcard_template_div {
    border: 0 !important;
}

@media only screen and (min-width: 768px) {

    .oppo-title-container {
        display: none;
    }

    .master_path_content {
        background-color: var(--oppo-grey) !important;
        margin-top: 0 !important;
    }

}

@media only screen and (max-width: 769px) {
    .content.master_path_content {
        background: var(--oppo-grey) !important;
        margin-top: 0 !important;
    }

    .master-description {
        max-height: 14.5vh;
        min-height: 13vh;
    }

    .oppo-title-container h3 {
        color: white;
        margin: 0.9rem 0;
    }

    .card.p-0.card_master_path {
        height: 64.5vh;
    }

    .oppo-pill-outline, .oppo-pill {
        width: 100px !important;
        font-size: 0.8rem !important;
    }

    .profile_cover_image_div {
        width: 100%;
        max-height: 800px;
        overflow: hidden;
        display: flex;
        align-items: center;
    }

    div#noMapMissionContainer {
        /*height: 20vh;*/
    }

    /*.card-img-top {*/
    /*    height: 30vw !important;*/
    /*}*/

    .avatar_img_container {
        margin-top: 20px;
    }
}

#points_table_wrapper table.dataTable.stripe tbody tr.even, table.dataTable.display tbody .my_position {
    background-color: var(--oppo-ultra-light-green) !important;
}

div.decoration, div.decoration-mobile {
    height: 20px;
    width: auto;
    background-size: cover;
}

table.dataTable thead .sorting:before, table.dataTable thead .sorting:after, table.dataTable thead .sorting_asc:before, table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting_desc:before, table.dataTable thead .sorting_desc:after, table.dataTable thead .sorting_asc_disabled:before, table.dataTable thead .sorting_asc_disabled:after, table.dataTable thead .sorting_desc_disabled:before, table.dataTable thead .sorting_desc_disabled:after {
    bottom: 0.7em !important;
}


/** SELL CONTEST **/

img.sell-contest-icon {
    width: 76px;
    height: auto;
}

img.header_content_sell_img {
    width: 148px;
    height: auto;
}

.curved {
    position: relative;
    background: #2c3e50;
    height: 200px;
    width: 100%;
    border-bottom-left-radius: 50% 15%;
    border-bottom-right-radius: 50% 15%;
    margin-bottom: 1.5rem;
}

div.bg-custom {
    background-color: #F5F5F5;
}

img.sc_points_img {
    width: 25px;
    height: auto;
}

.resize-mobile {
    width: 75px;
    height: 120px;
    background-size: cover;
    background-position: center top;
}

.resize {
    width: 90%;
    height: 120px;
    background-size: cover;
    background-position: center top;
    margin: 0.8rem;
}

.sc-img-mobile {
    width: 48px;
    height: 48px;
    margin: 0.8rem;
}

.sc-img {
    width: 160px;
    height: 160px;
    margin: 0.8rem;
}

button.btn-custom {
    background-color: var(--oppo-green) !important;
    border: 1px solid var(--oppo-green) !important;
}

.btn-custom-outline {
    background-color: white !important;
    border: 1px solid var(--oppo-green) !important;
    color: var(--oppo-green) !important;
}

button.btn-custom:hover, button.btn-custom:active {
    background-color: var(--oppo-primary-blue) !important;
    border: 1px solid var(--oppo-primary-blue) !important;
}

.btn-custom-outline:hover {
    background-color: var(--oppo-green) !important;
    border: 1px solid var(--oppo-green) !important;
    color: white !important;
}

.btn-custom:disabled {
    pointer-events: none;
    cursor: default;
    background-color: #ccc;
}

.btn-custom:disabled:hover {
    background-color: #ccc;
}

.sc_title {
    color: #03141c;
    border-image: linear-gradient(to right, #03141c 3%, transparent 3%) 100% 1;
    font-weight: 700;
    border-bottom: 3px solid;
}

.half-background {
    position: relative;
    width: 200px;
    height: 200px;
}

.half-background::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 300px;
    background-size: cover;
    border-radius: 15px;
}

.sc-custom-border-radius {
    border-radius: 15px 15px 0 0;
}

.sc-custom-padding {
    padding: 20px 100px 0px 100px !important;
}

.required-asterisk::after {
    content: ' *';
    color: red;
}

.bg-custom-color {
    background-color: #C1FFDE;
}

.custom-text-color {
    color: var(--oppo-light-green)!important;
}

.custom-curved {
    background: white;
    border-bottom-left-radius: 41% 20%;
    border-bottom-right-radius: 41% 20%;
}

.custom-curved-mobile {
    background: white;
    border-bottom-left-radius: 41% 5%;
    border-bottom-right-radius: 41% 5%;
}

#login-message.notice {
    display: inherit!important;
}

.single_post_container_div a {
    display: inline-block;
    max-width: 100%;
    overflow-wrap: break-word;
}