/*eXe4.0 Estilo cREAgal Fases beta 2, borrador*/

:root{
--light-blue-color: #007BC4;
--dark-blue-color: #002B4A;
--dua-eng-color: #00ED7B;
--dua-rep-color: #D6ACFF;
--dua-exp-color: #00CAFF;
--height-score:54px;
--text-score-font :1.8em;
--text-score-padding : 0.1em 0.2em 0 0.1em;
--text-color: #002B4A;
--text-button-color: #FFFFFF;
--txtnav-color:#FFFFFF;
--topPag-top:104px;
--background-color:#ffffff;
    --height-score: 64px;
    --text-score-font: 1.875em;
    --text-score-padding: 0px 8px;
}

/* vietnamese */
@font-face {
  font-family: "Atkinson Hyperlegible Next";
  font-style: normal;
  font-weight: 300;
  src: local("Atkinson Regular"), local("Atkinson-Regular"),
    url(fonts/AtkinsonHyperlegibleNext-Regular.woff2) format("woff2");
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}

/* latin-ext */
@font-face {
  font-family: "Atkinson Hyperlegible Next";
  font-style: normal;
  font-weight: 300;
  src: local("Atkinson Regular"), local("Atkinson-Regular"),
    url(fonts/AtkinsonHyperlegibleNext-Regular.woff2) format("woff2");
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB,
    U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "Atkinson Hyperlegible Next";
  font-style: normal;
  font-weight: 300;
  src: local("Atkinson Regular"), local("Atkinson-Regular"),
    url(fonts/AtkinsonHyperlegibleNext-Regular.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
    U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215,
    U+FEFF, U+FFFD;
}
html {
  ___font-size: 100% !important; 
}

body.exe-export::before {
content: "";
width: 100%;
height: 60px;
display: block;
background: var(--dark-blue-color) url(img/crg-iso.png) left 38px top 2px no-repeat;
background-size: contain;
}
.exe-web-site {
padding: 0;
color:var(--text-color);
background: url(img/imxfondo.png);
font-family: "Atkinson Hyperlegible Next", Arial, Helvetica, sans-serif;
}
.exe-content {
background: transparent !important;
}



body.exe-web-site {
padding: 0;
}

.exe-content a {
color: var(--light-blue-color);
}

.exe-content a:hover,
.exe-content a:focus {
color: #993d28;
}
body.exe-export input,
body.exe-export select,
body.exe-export textarea {
    font-family: "Atkinson Hyperlegible Next", Arial, Helvetica, sans-serif;
    font-size: 1em;
}
body.exe-export .pre-code,
body.exe-export .highlighted-code {
    font-family: "Atkinson Hyperlegible Next", Arial, Helvetica, sans-serif;
    font-size: 1em;
    border-radius: 0;
}

body#tinymce {
    font-family: "Atkinson Hyperlegible Next", Arial, Helvetica, sans-serif;
    line-height: 1.5em;
    font-size: 1.2em;
}
.js .exe-export .exe-content {
min-height: 100vh;
}

.js .in-iframe .exe-content {
min-height: 0;
}
main header:not(#head) {
    padding: 0 !important;
    margin: 0 !important;
    max-width: none !important;
}

.main-header,
.page > header {
    display: block !important;
}
.exe-export .package-header{
position:relative;
position:absolute;
_margin-top:-86px;
width:100%;
left:10px;
height:80px;
display:flex !important;
align-items:center;
top:-80px;
}

.exe-export .package-title {
font-size:2.2em;
color: var(--dark-blue-color);
font-weight: 600;
}

.exe-export .longHeader .package-title{
margin-top:-120px;
}

.exe-export .page-title {	
padding: 8px 8px 0px 0;
color: var(--light-blue-color);
font-size: 1.7em;
font-family: "Atkinson Hyperlegible Next", Arial, Helvetica, sans-serif;
z-index: 1;
display: flex;
align-items: center;
border-bottom: 2px solid #BFDEF0;
font-weight: bold;
position:relative;
}

.exe-single-page .package-header h1 {
font-size: 2.2em;
color: var(--dark-blue-color);
line-height: 1.2em;
padding: 0 4px 10px 4px;
font-weight: 600;
}

.exe-single-page .package-node {
margin-bottom: 3.5em;
}

.exe-single-page .package-subtitle {
top: -2.1em;
}

.exe-single-page main.page>section {
min-height: 4em;
}


/*
#node-content-container.exe-content .box {
border: 1px dotted #ddd;
}

#node-content-container.exe-content .box.hidden-idevices {
border-style: solid;
}
*/


.exe-web-site .page-content,
#exe-client-search,
.exe-web-site main>header,
.exe-export .exe-content {
max-width: 1280px;
padding: 0 20px;
margin: 0 auto;
}

.exe-web-site header{
margin-top:6px;
}

.exe-web-site .exe-content {
max-width: none;
padding: 0;
}

.exe-export main {
_padding-top: 1.5em;
}

.exe-web-site main {
padding-top: 4.5em;
}

/* siteNav */
#siteNav {
float: left;
_background: #f6f6f6;
_border-right: 1px solid #f0f0f0;
width: 276px;
margin-top:2px;
margin-left:2px;
padding-top: 66px;
padding-left: 8px;
background:var(--light-blue-color);
border-radius:16px 0 0 0;
height:100%;
font-size: 1.05em;
}

.exe-web-site .exe-content {
___box-shadow:         inset 300px 0 0 0 #f6f6f6,        inset 301px 0 0 0 #f0f0f0;
max-width: 1230px;
position:relative;
_display:flex;
_justify-content: center;
}

#skipNav{
position: absolute;
  top: -140%; 
  right: 80px;
  background:var(--dark-blue-color);
  color: #ffffff;
  padding: 10px;
  z-index: 100;
  transition: top 0.3s; 
}
#skipNav:focus {
  top: -60px; 
}

#siteNav .other-section {
display: none;
}

#sidebar-nav{
}

#sidebar-nav.fixed {
_position: fixed;
}

body.siteNav-off #siteNav {
display: none;
}

body.siteNav-off .exe-content {
box-shadow: none;
}

.exe-web-site main.page {
padding: 4px 25px 75px 305px;
background-image: linear-gradient(90deg, var(--light-blue-color) 280px, #ffffff 280px);
background-repeat: repeat-y;
background-position: right top;
box-shadow: rgba(0, 0, 0, 0.4) 3px 3px 8px;
border-radius: 16px 16px 16px 16px;
margin-top: 90px;
margin-bottom:20px;
min-height:500px;

}

.exe-export .page.longHeader{
margin-top: 120px;
}

.exe-web-site #siteFooter {

}

body.siteNav-off main.page {
padding-left: 10px;
background: var(--txtnav-color);
}

body.siteNav-off .package-header{
width:98%;
}

#siteNav ul {
margin: 0;
padding: 0;
list-style: none;
}

#siteNav ul ul {
margin-top: 5px;
}

#siteNav li {
margin: 0 0 5px 0;
padding: 0;
list-style: none;
}

#siteNav ul a {
color: var(--text-button-color);
display: block;
padding: 8px 15px;
font-size: 1.15em;
__transition: background-color 0.5s ease;
}
#siteNav ul ul  a {
font-size: 1em;
}
#siteNav a.active {
background: var(--dark-blue-color);
color: var(--text-button-color);
}

#siteNav a.highlighted-link {
color: #d76b4a;
background: #ededed;
}

#siteNav a.highlighted-link:focus {
background: #fff;
}

#siteNav a:hover {
color: var(--txtnav-color);
background: #3f9cd2;
border-color: #0066a5;
}

#siteNav ul ul a {
padding-left: 25px;
}

#siteNav ul ul ul a {
padding-left: 40px;
}

#siteNav ul ul ul ul a {
padding-left: 55px;
}

#siteNav a:focus {
background: var(--light-blue-color);
}
#siteNav a{
text-decoration:none;
}
/* pagination */
.nav-buttons .nav-button, .nav-buttons-inf .nav-button,
button.toggler {
padding: 8px 16px;
background: var(--light-blue-color);
color: var(--txtnav-color);
margin-left: 8px;
border-radius: 8px;
font-size: 1em;
min-width:100px;
min-height:44px;
text-align:center;
line-height: 1.5em;
}

.nav-buttons{
height:50px;
position:absolute;
top:10px;
right:20px;
display:flex;
justify-content:flex-end;
align-items:center;

}

.nav-buttons-inf{
border-top:1px solid #cccccc;
margin-top:20px;
height:50px;
position:relative;
display:flex;
justify-content:flex-end;
align-items:center;
}

.nav-buttons span.nav-button {
cursor: not-allowed;
background-color: #b7b7b7;
}

.nav-buttons .nav-button-left{
position:absolute;
right:300px;
}

.nav-buttons-inf .nav-button-left {
position:absolute;
right:300px;
}


/* Page counter */
.page-counter {
display:none;
}
.nav-buttons .page-counter .page-counter-sep {
margin: 0 0.1em;
}

.nav-buttons .page-counter {
margin: 0;
font-size: 1.2em;
color: var(--dark-blue-color);
padding: 0 8px;
border-radius: 4px;
text-align: center;
width:184px;
display:block;
}
.nav-buttons-inf .page-counter .page-counter-sep {
margin: 0 0.1em;
}
.nav-buttons-inf .page-counter {
margin: 0;
font-size: 1.2em;
color: var(--dark-blue-color);
padding: 0 8px;
border-radius: 4px;
text-align: center;
width:184px;
display:block;
}
.nav-buttons-inf span.nav-button {
cursor: not-allowed;
opacity: 0.5;
filter: grayscale(1);
}


button#searchBarTogger {
background-position: -40px 0;
display: none;
background: var(--light-blue-color) url(img/search.svg) no-repeat center / 28px;
}

.exe-search-on #searchBarTogger {
display: inline;
}

button#siteNavToggler {
position:absolute;
left: 10px;
top:10px;
font-size:1.2em;
font-weight: bold;
border-width:1px;
}

button#searchBarTogger {
position:absolute;
left: 310px;
top:10px;
}

body.siteNav-off button#siteNavToggler {
_left: 65px;
}

body.siteNav-off button#searchBarTogger {
_left: 115px;
}

.nav-buttons a:hover, .nav-buttons-inf a:hover, .nav-buttons-inf a:focus,
.nav-buttons a:focus,
button.toggler:hover,
button.toggler:focus {
color: var(--txtnav-color);
background: var(--dark-blue-color);
border-color: #0066a5;
}

.box-toggle span,
#exe-client-search-reset span,
#packageLicense .license-label {
position: absolute;
clip: rect(1px 1px 1px 1px);
/* IE6, IE7 */
clip: rect(1px, 1px, 1px, 1px);
}

.package-subtitle {
font-size: 1em;
color: #666;
position: relative;
top: 0em;
}

.nav-buttons.nav-button-right {
left: auto;
right: 15px;
}
.nav-buttons  .nav-button, .nav-buttons-inf .nav-button{
font-size:1.2em;
}
span.nav-button-right{
display:none;
}
span.nav-button-left{
display:none;
}
/*
#node-content-container.exe-content .box-head .exe-icon {
width: 60px;
height: 60px;
font-size: 40px;
}

#node-content-container.exe-content .box-head .exe-icon img {
height: 40px;
}
*/
.exe-export .box {
position: relative;
}

.box-icon img {
display: block;
float: left;
margin-right: 10px;
width: auto;
height: 50px !important;
}

.exe-content .box-title {
font-size: 1.3em !important;
display: inline;
font-weight: normal !important;
vertical-align: top;
color: var(--dark-blue-color);
line-height: 1,1em;
letter-spacing: 0.5px;
margin: 0px;
padding: 2px 40px 2px 0;
}

.exe-export .box.minimized .box-head {

}

.exe-export .box.no-header.minimized .box-head {
_border-color: transparent;

}
.exe-export .box ul, .exe-export .box ol{
overflow:hidden;
}

.exe-content .box .box-content {
background: var(--background-color);
padding: 20px;
border-radius: 8px;
overflow: auto;
font-size: 1.1em;
}

.exe-export .box.no-header .box-content {
background: none;
_border: none;
padding: 10px 0;
}

/* Search bar */
#exe-client-search {

display: none;
margin-top: 80px;
}

#exe-client-search-text {
max-width: 80%;
max-width: calc(100% - 90px);
display: inline;
}

#exe-client-search-submit {
text-indent: -999em;
background: var(--light-blue-color) url(img/search.svg) no-repeat center;
background-size: 70%;
width: 38px;
height: 38px;
border: none;
border-radius: 4px;
}

#exe-client-search-reset.visible {
background: var(--light-blue-color) url(img/close.svg) no-repeat center;
background-size: 70%;
width: 38px;
height: 38px;
display: inline-block;
vertical-align: middle;
position: relative;
opacity: 1;
border-radius: 4px;
margin-left:2px;
}



#exe-client-search-submit:hover,
#exe-client-search-submit:focus {
background-color: var(--dark-blue-color);
}
.page.exe-client-search-results{
min-height:400px;
display:block;
}
#exe-client-search-results-list {
position:relative;
}
#exe-client-search-results-list ul,
#exe-client-search-results-list li {
margin: 2em 0;
padding: 0;
list-style: none;
}

#exe-client-search-results-list li {
margin: 0 0 1em 0;
font-size:1.1em;
color: var(--light-blue-color) !important;
}

#exe-client-search-results-list p {
margin-top: 2em;
}


/* iDevice buttons */
.exe-content .iDevice_buttons input,
.exe-content .iDevice_buttons button {
background: #fff;
color: #555;
border: 1px solid #ccc;
padding: 4px 10px;
border-radius: 4px;
transition: 0.5s ease;
}

.exe-content .iDevice_buttons input:hover,
.exe-content .iDevice_buttons input:focus,
.exe-content .iDevice_buttons button:hover,
.exe-content .iDevice_buttons button:focus {
box-shadow: 2px 2px 4px #dbdbdb;
color: #000;
border-color: #bbb;
}




#teacher-mode-toggler-wrapper {
float: right;
margin: 0 0 0 1em;
}

#teacher-mode-toggler.form-check-input:checked {
background-color: #078e8e;
border-color: #078e8e;
font-size: 0.9em;
margin-right: 0.6em;
}

label[for="teacher-mode-toggler"] {
font-size:1em;
color: #777;
position: relative;
top: -0.2em;
}


.exe-content .btn-primary {
background-color: var(--light-blue-color);
border-color: #066d6d;
}

.exe-content .btn-primary:hover,
.exe-content .btn-primary:focus {
background-color: #078e8e;
border-color: #078e8e;
}





@media print {
/* Node in new page: section.package-node{page-break-after:always} */
html body.exe-export {
    background: #fff;
}

.exe-content {
    color: #000;
    padding: 0;
}

@page {
    margin: 1.5cm;
}

/* Uncomment this to print URL after links:
a{font-weight:bolder;text-decoration:none!important}
a[href^=http]:after{content:" <" attr(href) "> "}
*/

#packageLicense.cc {
    background: none;
    padding-left: 0;
}

.exe-export .box-toggle {
    display: none;
}

/* Website */
.exe-web-site #siteNav,
.exe-web-site .nav-buttons,
.exe-web-site button.toggler {
    display: none;
}


.exe-web-site main.page {
    padding-left: 0;
    padding-right: 0;
}

.exe-web-site main.page {
    padding-top: 1em;
}
}

/***************/

#printNode.with-toggler {
margin-bottom: 0;
}

#printNode a {
display: block;
width: 30px;
height: 30px;
background: #ffffff url(img/_intef_print.png) no-repeat 50% 50%;
box-shadow: rgba(0, 0, 0, 0.3) 3px 3px 4px;
border-radius: 15px;
}

@media print {
#nodeDecoration,
#header,
#emptyHeader {
color: #000;
text-shadow: none;
background: none;
border: none;
border-bottom: 1px solid #e2e2e2;
padding: 20px 0;
}

#packageLicense,
#packageLicense.cc {
background: none;
padding: 0;
border: none;
box-shadow: none;
text-align: center;
}

#packageLicense,
#packageLicense a,
#nodeTitle,
.nodeTitle {
color: #000;
}



/* Uncomment this to print URL after links:
a[href^=http]{font-weight:bold;text-decoration:none!important}
a[href^=http]:after{content:" <" attr(href) "> "}
*/
}


.TrueFalseIdevice .feedback {
margin-top: 1.5em;
font-size: 1.25em;
}

.TrueFalseIdevice .feedback p{
display:inline-block;
}

.MultichoiceIdevice .feedback,
.MultiSelectIdevice .feedback,
.QuizTestIdevice .feedback,
.EleccionmultiplefpdIdevice .feedback{
font-size: 1.25em;
}

.activity-form div .iDevice_buttons p input {
background: #007BC4;
border-radius: 8px;
color: #FFFFFF;
border: 0px;
margin: 5px 5px 5px 0px;
padding: 8px 16px;
}

.activity-form div .iDevice_buttons p input:hover {
background: #3F9CD2;
}

.activity-form div input,
.activity-form div select {
border-radius: 4px;
border: 1px solid #007BC4;
margin: 2px 0px;
}

.activity-form div div[id^='clozeScore']:not(:empty) {
background: #BFDEF0;
width: 100%;
border-radius: 8px;
padding: 16px 16px;
font-weight: bold;
display: flex;
gap: 8px;
font-size: 1.25em;
}

.activity-form div div[id^='clozeScore']:not(:empty)::before {
content: "";
width: 22px;
height: 22px;
background: url(img/crg.despliegue.doble.negro.svg) no-repeat;
font-weight: bold;
display: inline-block;
margin-top:-4px;
}

.exe-sortableList p[id^='exe-sortableListButton'] {
width: auto;
display: inline-block;
}

.quiz-test-form div[id^='quizFormScore'] .feedback {
font-weight: bold;
}

.quiz-test-form div[id^='quizFormScore'] .feedback p {
display: flex;
gap: 8px;
}

.quiz-test-form div[id^='quizFormScore'] .feedback p::before {
content: "";
width: 22px;
height: 22px;
background: url(img/crg.despliegue.doble.negro.svg) no-repeat;
font-weight: bold;
display: inline-block;
margin-top:2px;
}

.FreeTextfpdIdevice h3 {
font-weight: bold;
font-size: 2em;
line-height: 2.375em;
}

.js #main .iDevice_hint_title {
font-weight: bold;
margin-top: 0.5em;
margin-bottom: 0em;
border-bottom: 1px solid #80BDE1;
}

.js #main .iDevice_hint_title a.show-hint {
background: url(img/crg.despliegue.azul.abajo.small.svg) right 10px top 50% no-repeat !important;
}

.js #main .iDevice_hint_title a.hide-hint {
background: url(img/crg.despliegue.azul.arriba.small.svg) right 10px top 50% no-repeat !important;
}

.iDevice_hint_title a {
color: #007BC4;
padding-left: 0;
width: 100%;
display: flex;
background-image: none !important;
align-items: center;
font-size: 1.25em;
}

.iDevice_hint_title a::before {
content: "";
display: inline-block;
width: 30px;
height: 30px;
background: url(img/crg.mas.svg) no-repeat;
margin-right: 12px;
margin-bottom: 8px;
}

.iDevice_answer p.right-option {
color: #007BC4;
margin-left: 1.5em;
display: flex;
line-height:1.3em;
gap: 8px;
}

.iDevice_answer p.right-option::before {
content: "";
display: inline-block;
width: 24px;
height: 24px;
background: url(img/crg.despliegue.doble.negro.svg) no-repeat;
}

.iDevice_answer p.wrong-option {
margin-top: 0;
margin-left: 1.5em;
display: flex;
line-height:1.3em;
gap: 8px;
}

.iDevice_answer p.wrong-option::before {
content: "";
display: inline-block;
width: 24px;
height: 24px;
background: url(img/crg.despliegue.doble.negro.svg) no-repeat;
}

.iDevice_answer-field {
width: 1.5em;
float: left;
}

.js .iDevice_answer-content,
.js .iDevice_answer-feedback {
padding-left: 1.5em;
}

.qtip {
background: #FFF899 !important;
border: 0px !important;
color: #FFF899 !important;
border-radius: 8px !important;
}

.qtip-titlebar {
background: #FFF899 !important;
font-weight: bold !important;
border-radius: 8px !important;
color: #333333 !important;
font-size: 1.2em;
padding-top: 10px !important;
}

.qtip-content {
color: #002B4A !important;
padding: 0px 9px;
}

.qtip-content .exe-tooltip-text p:first-of-type {
margin-top: 0px;
}

.exe-quote-cite cite {
font-style: normal;
font-weight: bold;
}

.styled-qc {
}

.styled-qc::before {
font-style: normal;
top: 30px;
color: #80bde1;
}

.pbl-task-info {
width: 100%;
display: flex;
background: #BFDEF0;
justify-content: flex-end;
padding: 6px 16px;
}

.pbl-task-info dt {
margin: 0 0 0 8px;
}

.pbl-task-info dd {
margin: 0 0 0 0 !important;
}

.js .exe-accordion {
border-radius: 8px;
background: #E5F2F9;
}

.fx-accordion-title {
border-top: 1px solid #80BDE1;
background: #002B4A url(img/crg.despliegue.blanca.abajo.svg) no-repeat right 32px top 50% !important;
}

.fx-accordion-title,
.exe-accordion h2 {
font-size: 1.15em;
background: unset;
line-height: 1.2em;
padding-right:70px;
}

.fx-accordion-title.active {
background-image: url(img/crg.despliegue.blanca.arriba.svg) !important;
}

.fx-accordion-content {
_border: 1px solid #80BDE1
}

.fx-accordion-content::after {
content: "";
clear: both;
display: table;
padding-bottom:6px;
}

.fx-accordion-section .fx-accordion-content:last-of-type {
border-radius: 0px 0px 8px 8px;
}

.exe-tabs .fx-tabs a {
padding: 8px 12px;
border-radius: 8px 8px 0px 0px;
background: #007BC4 !important;
color: #FFFFFF;
margin-right: 4px;
position: relative;
top: 4px;
font-size: 1.1em;
margin-bottom: 4px;
min-width:100px;
text-align:center;
}

.exe-tabs .fx-tabs a:hover,
.exe-tabs .fx-tabs a:focus {
text-decoration: none;
}

.fx-tabs .fx-current a {
background: #002B4A !important;
}

.exe-tabs .fx-tab-content {
background: #E5F2F9 !important;
border: 1px solid #80BDE1;
border-radius: 0;
}

.exe-tabs .fx-tab-content.fx-current {
overflow: auto;
}

.exe-paginated .fx-pagination {
display: flex;
width: 100%;
justify-content: center;
gap: 8px;
flex-wrap: wrap;
}

.fx-pagination li {
background: none !important;
margin: unset;
}

.fx-pagination .fx-prev {
margin-right: unset;
}

.fx-pagination a {
padding: unset;
border-radius: unset;
background: unset;
}

.fx-pagination li:not(.fx-prev-next):not(.fx-carousel-prev-next) a {
min-width: 48px;
border-radius: 8px;
background: #007BC4 !important;
line-height: 48px;
font-size: 1.25em;
color: #FFFFFF;
margin-top: 4px;
text-decoration: none;
}

.fx-pagination li:not(.fx-prev-next):not(.fx-carousel-prev-next).fx-current a {
background: #002B4A !important;
}

.fx-carousel-pagination li {
font-size: 1em !important;
}

.fx-pagination a:hover,
.fx-pagination a:focus {
color: unset;
text-decoration: none;
}

.fx-prev-next a {
width: 16px;
height: 100%;
position: relative;
}

.fx-prev-next a span {
visibility: hidden;
content: "";
}

.fx-prev-next.fx-prev a {
background: url(img/crg.despliegue.azul.izquierda.small.svg) no-repeat 50% 50% !important;
}

.fx-prev-next.fx-next a {
background: url(img/crg.despliegue.azul.derecha.small.svg) no-repeat 50% 50% !important;
}

.fx-pagination .fx-disabled,
.fx-pagination .fx-disabled a,
.fx-pagination .fx-disabled a:hover {
cursor: pointer;
text-decoration: none;
}

.fx-page-content {
background: #E5F2F9 !important;
border: 1px solid #80BDE1;
border-radius: unset;
}

.fx-page-content.fx-current {
___display: flex;
___flex-direction: column;
}

.fx-page-content.fx-current a {
background: none !important;
}

.fx-carousel-pagination a {
padding: 0px 0px;
border-radius: 8px;
}

.fx-carousel-pagination a:hover,
.fx-carousel-pagination a:focus {
text-decoration: none;
}

.fx-carousel-content {
display: none;
background: #E5F2F9 !important;
border-radius: unset;
border: 1px solid #80BDE1;
}

.fx-carousel-content.fx-current {
display: flex;
flex-direction: column;
}

.fx-carousel-content.fx-current h2 {
font-weight: bold;
}

.fx-carousel-pagination .fx-carousel-prev-next {
top: 40px;
}


.fx-carousel-pagination .fx-carousel-prev-next a {
background: none;
width: 30px;
height: 54px;
padding: unset;
line-height: unset;
font-size: unset;
border-radius: unset;
text-align: unset;
text-indent: unset;
}

.fx-carousel-pagination .fx-carousel-next a {
background: url(img/crg.despliegue.azul.derecha.svg) no-repeat 50% 50% !important;
text-indent: unset;
}

.fx-carousel-pagination .fx-carousel-next a span {
visibility: hidden;
}

.fx-carousel-pagination .fx-carousel-prev a {
background: url(img/crg.despliegue.azul.izquierda.svg) no-repeat 50% 50% !important;
}

.fx-carousel-pagination .fx-carousel-prev a span {
visibility: hidden;
}

.fx-timeline-container a.fx-timeline-expand {
background: #007BC4 !important;
border-radius: 8px;
font-size: 1.25em;
padding: 8px 16px;
text-decoration: none !important;
}

.fx-timeline-major h2 {
font-size: 1.25em !important;
margin: 0;
display: flex;
}

.fx-timeline-major h2 span {
border-radius: 8px;
background: #002B4A;
width: 100%;
}

.fx-timeline-major h2::before {
display: flex;
align-items: center;
}

.fx-timeline-major h2 a {
background: none !important;
border-radius: unset;
color: #FFFFFF;
line-height: 2em;
}

div.fx-timeline-minor {
width: 100%;
}

.fx-timeline-minor h3 {
line-height:1.5em !important;
white-space:normal !important;
}

.fx-timeline-minor h3::before {
content: "";
margin: 0 9px 0 0px;
}

.fx-timeline-minor h3 a {
color: #007BC4 !important;
font-size: 0.8em !important;
font-weight: 700;
border-bottom: 1px solid #80BDE1;
width: calc(100% - 20px);
display: inline-block;
background: url(img/crg.despliegue.azul.abajo.small.svg) no-repeat right 24px top 50%;
overflow-wrap: break-word;
padding-right:80px !important;
}

.fx-timeline-major h2 a:hover,
.fx-timeline-major h2 a:focus,
.fx-timeline-minor h3 a:hover,
.fx-timeline-minor h3 a:focus {
text-decoration: none;
}

.fx-timeline-minor h3 a.open {
border-bottom: none;
background-image: url(img/crg.despliegue.azul.arriba.small.svg);
}

.fx-timeline-event {
width: 90%;
border: 1px solid #80BDE1;
background: #E5F2F9;
margin-left: 32px;
padding: 10px 16px;
}

.fx-timeline-event h4 {
color: #002B4A;
font-size: 2em !important;
font-weight: bold !important;
margin: 20px 0px;
}

.fx-timeline-event p {
width: 100%;
}

div.pp_default .pp_top .pp_left {
background: none;
}

div.pp_default .pp_top .pp_middle {
background: none;
}

div.pp_default .pp_top .pp_right {
background: none;
}

div.pp_default .pp_content_container .pp_left {
background: none;
padding-left: unset;
}

div.pp_default .pp_content_container .pp_right {
background: none;
padding-right: unset;
}

div.pp_default .pp_next:hover {
background: none;
cursor: pointer;
}

div.pp_default .pp_description {
margin-left: 5px !important;
}

div.pp_default .pp_description[style^="display: none;"] {
display: block !important;
visibility: hidden;
min-height: 16px;
}

div.pp_default .pp_close {
width: 24px;
height: 24px;
background: url(img/crg.cerrar.popup.svg) no-repeat;
}

div.pp_default .pp_bottom .pp_left {
background: none;
}

div.pp_default .pp_bottom .pp_middle {
background: none;
}

div.pp_default .pp_bottom .pp_right {
background: none;
}

a.pp_close {
right: 10px;
top: 0px;
}

div.pp_default .pp_content {
background-color: #FFFFFF;
border-radius: 16px;
box-shadow: 0px 4px 25px #002B4A4D;
padding: 20px 5px 5px 5px;
}

div.pp_default #pp_full_res .pp_inline {
color: #002B4A;
}

div.pp_default .pp_details {
position: absolute;
bottom: 2px;
}

div.pp_overlay {
background: #E5F2F9;
}

#pp_full_res .pp_inline {
padding: 0 24px;
}

#pp_full_res .pp_inline p {
padding: 0;
}

#pp_full_res .pp_title {
color: unset;
font-size: 1em !important;
font-weight: bold;
padding: 0.25em 0 0.25em 0;
}

#start-activity a {
padding: 8px 16px !important;
background: #007BC4 !important;
color: #FFFFFF !important;
border-radius: 8px !important;
font-weight: unset !important;
text-decoration: none !important;
font-size: 1.25em;
}

#start-activity a:hover {
background: #3F9CD2 !important;
}

@media screen and (min-width: 100px) {
#activity {
border: none !important;
box-shadow: unset !important;
}
}

#slide.matchElements .random-a {
color: #002B4A !important;
background: #E5F2F9 !important;
border: 1px solid #BFDEF0 !important;
border-radius: 4px !important;
}

#slide.matchElements .random-b {
color: #002B4A !important;
border: 1px solid #007BC4 !important;
border-radius: 4px !important;
}

#slide .actions input {
padding: 8px 16px !important;
background: #007BC4 !important;
color: #FFFFFF !important;
border-radius: 8px !important;
font-weight: unset !important;
font-size: 1.25em !important;
}

#activity-results-toggler a {
border-radius: unset !important;
color: #007BC4 !important;
font-weight: bold !important;
background: url(img/crg.despliegue.azul.abajo.small.svg) no-repeat right 50% !important;
border: unset !important;
display: flex !important;
padding: 0.5em 0em !important;
width: 100% !important;
align-items: center !important;
gap: 8px !important;
font-size: 1.25em;
}

#activity-results-toggler a::before {
content: "";
display: inline-block;
width: 30px;
height: 30px;
background: url(img/crg.mas.svg) no-repeat
}

#activity-results-toggler .hide {
background-image: url(img/crg.despliegue.azul.arriba.small.svg) !important;
}

#activity-results-toggler {
font-size: 1em !important;
}

#activity-results table {
font-size: 1.25em !important;
border: 1px solid #80BDE1 !important;
background: #E5F2F9 !important;
}

#activity-results th {
font-size: 1em !important;
font-weight: bold !important;
color: #002B4A !important;
padding: 10px 0 !important;
border-bottom: 1px solid #002B4A !important;
}

#activity-results #resultsSummary {
font-size: unset !important;
font-weight: unset !important;
color: unset !important;
padding: unset !important;
border-bottom: unset !important;
}

#activity-results #resultsSummaryTH {
font-size: 1em !important;
font-weight: bold !important;
border-top: 1px solid #002B4A !important;
border-bottom: none !important;
padding-left: 30px !important;
background: url(img/crg.despliegue.doble.negro.svg) left 8px top 50% no-repeat !important;
}

#activity-results #resultsSummary {
font-size: 1em !important;
font-weight: bold !important;
color: #002B4A !important;
border-top: 1px solid #002B4A !important;
}

#activity-results #resultsSummaryTH em {
color: #002B4A !important;
font-size: 1em !important;
}

#activity-results td {
border-bottom: unset !important;
color: #002B4A !important;
}

#activity-results td.order {
font-weight: bold !important;
}

tr.even td {
background: #BFDEF0 !important;
}

.exe-sortableList-options {
margin: 0.5em 0 !important;
}

.exe-sortableList-options li {
font-size: 1.10em;
background: #E5F2F9 !important;
color: #002B4A !important;
border: 1px solid #007BC4 !important;
border-radius: 8px !important;
box-shadow: none !important;
padding:4px 80px 2px 8px !important;
overflow-wrap: break-word;
}

.exe-sortableList .first .up,
.exe-sortableList-options .last .down {
pointer-events: none !important;
visibility: unset !important;
}

.exe-sortableList .first .up {
background-image: url(img/crg.flecha.abajo.desmarcada.svg) !important;
}

.exe-sortableList-options .last .down {
background-image: url(img/crg.flecha.abajo.desmarcada.svg) !important;
}

.exe-sortableList li a {
background: url(img/crg.flecha.arriba.marcada.svg) no-repeat 0 0 !important;
}

.exe-sortableList li .down {
background-image: url(img/crg.flecha.abajo.marcada.svg) !important;
right: 13px;
}

.no-nav #main-wrapper #nodeDecoration #nodeTitle {
left: 160px;
}


.exe-download-package-instructions .exe-table caption {
font-size: 1em;
}

.exe-table td,
.exe-table th {
border-color: #80bde1;
line-height: 1.25em;
}

.exe-table a {
color: #002b4a;
text-decoration: underline;
}

.exe-table tbody tr:nth-child(2n-1) th {
background-color: #bfdef0;
}

.exe-table tbody tr:nth-child(2n-1) td {
background-color: #e5f2f9;
}

.exe-table tbody tr:nth-child(2n) th {
background-color: #e5f2f9;
}

.exe-table tbody tr:nth-child(2n) td {
background-color: #ffffff;
}

.exe-download-package-link a {
background-color: #007bc4 !important;
border-radius: 8px;
padding: 8px 16px;
color: #ffffff !important;
font-size: 1.25em;
text-decoration: none !important;
}

.exe-download-package-link a:hover {
background-color: #3f9cd2;
}

.FileAttachIdeviceInc .exeFileList{
margin-top:20px;
}

.FileAttachIdeviceInc .exeFileList li {
display: flex;
align-items: center;
margin-top:20px;
}

.FileAttachIdeviceInc .exeFileList li::before {
content: url("icons/crg.despliegue.doble.negro.svg");
margin-right:10px;
}

.FileAttachIdeviceInc .exeFileList li a {
margin-left: 2px;
text-decoration: underline;
}

.FileAttachIdeviceInc .exeFileList li a span {
text-decoration: none;
display: inline-block;
margin-bottom:4px;
margin-left:6px;
}

.GalleryIdevice .exeImageGallery {
display: flex;
justify-content: center;
}

.RubricIdevice caption {
font-size: 1em !important;
}

.RubricIdevice .exe-table td,
.RubricIdevice .exe-table th {
border-color: #80bde1;
}

.RubricIdevice .exe-table td span,
.RubricIdevice .exe-table th span {
opacity: 1;
}

.emphasis1 .exe-fx .fx-C2 a {
background: unset;
}

.exe-scorm {
padding: 0;
overflow-x: hidden
}

.udlContentFormBlockButtonTxtOptions .pos-1{
content: url(img/Personaxe1-small.png) !important
}

.udlContentFormBlockButtonTxtOptions .pos-2{
content: url(img/Personaxe2-small.png) !important
}

.udlContentFormBlockButtonTxtOptions .pos-3{
content: url(img/Personaxe3-small.png) !important
}

.udlContentFormBlockButtonTxtOptions .pos-4{
content: url(img/Personaxe4-small.png) !important
}

.udlContentFormBlockButtonTxtOptions label:nth-child(n+2){
font-size: 0px !important;
}


.udlContentFormBlockButtonTxtOptions label:nth-of-type(2)::after {
  content: "\A   (Arela)";
  white-space: pre;
  font-size:1.1em !important;
}
.udlContentFormBlockButtonTxtOptions label:nth-of-type(3)::after {
  content: "\A   (Bado)";
  white-space: pre;
  font-size: 1.1em;
}
.udlContentFormBlockButtonTxtOptions label:nth-of-type(4)::after {
  content: "\A   (Cheda)";
  white-space: pre;
  font-size: 1.1em;
}
.udlContentFormBlockButtonTxtOptions label:nth-of-type(5)::after {
  content: "\A   (Louzada)";
  white-space: pre;
  font-size: 1.1em;
}
.udlContentFormBlockButtonTxtOptions img{
margin-left:60px !important;
margin-top:-20px !important;
width:90px !important;
height:auto !important;
}
.udlContentFormBlockButtonTxtOptions img{
content: attr(title) "";
}





/* ------------------ DUA -------------------------- */

.iDevice_wrapper[class*= "_question "]  .iDevice_inner  {
border-color:var(--dua-exp-color);
}

.exe-udlContent:has(.exe-udlContent-content-nav){
padding-bottom:20px;
}
.exe-udlContent .exe-udlContent-content-nav {
margin-top:0px !important;
height:54px !important;
bottom:-20px !important;
}
.exe-udlContent-alt-lnk{
width:50px !important;
height:54px !important;

}

.exe-udlContent .exe-udlContent-alt-lnk-simplified {
background: url("img/button_C25.svg")  no-repeat 0 0!important;

}

.exe-udlContent .exe-udlContent-alt-lnk-audio {
background: url(img/button_C24.svg) no-repeat 0 0 !important;

}

.exe-udlContent .exe-udlContent-alt-lnk-visual {
background: url(img/button_C23.svg) no-repeat 0 0 !important;

}

@media screen and (min-width: 1px) {
.exe-udlContent .exe-udlContent-alt-lnk-close {
background-image: url(img/crg.x.svg) !important;
background-size: unset;
}
.exe-udlContent .udl-character-1::before{content:" ";float:left;display:block;height:125px;width:125px;background:url(img/Personaxe1-small.png) no-repeat 0 0  !important;;background-size:125px auto;border-radius:10px}
.exe-udlContent .udl-character-2::before{background-image:url(img/Personaxe2-small.png)  !important;}
.exe-udlContent .udl-character-3::before{background-image:url(img/img/Personaxe3-small.png)  !important;}
.exe-udlContent .udl-character-4::before{background-image:url(img/img/Personaxe4-small.png)  !important;}
}

.exe-udlContent-alt-bottom .exe-udlContent-content-nav {
height: 48px;
}

.exe-udlContent-alt-bottom .exe-udlContent-content-nav li {
height: 48px;
}

.exe-udlContent-content-block p .exe-dialog-link {
color: #007BC4;
text-decoration: underline;
}

.exe-udlContent-content-block p .exe-tooltip {
color: #002B4A;
text-decoration: underline;
border-bottom: none;
}

.exe-udlContent .exe-udlContent-content-simplified{
background-color: #E5F2F9;
border: 1px solid #80BDE1 !important;
padding: 16px;
font-size: 1em;
line-height: 1.5em;
}

.exe-udlContent .exe-udlContent-content-simplified .exe-udlContent-alt-content-title{
font-size: 1.2em;
border-bottom: 1px solid #80BDE1;
}

.exe-udlContent .exe-udlContent-content-simplified .exe-udlContent-alt-content-title h2{
margin: 16px 0px;
color: #002B4A;
}

.exe-udlContent .exe-udlContent-content-visual{
background-color: #E5F2F9;
border: 1px solid #80BDE1 !important;
padding: 16px;
}

.exe-udlContent .exe-udlContent-content-visual .exe-udlContent-alt-content-title{
font-size: 1.2em;
border-bottom: 1px solid #80BDE1;
}

.exe-udlContent .exe-udlContent-content-visual .exe-udlContent-alt-content-title h2{
margin: 16px 0px;
color: #002B4A;
}

.exe-udlContent .exe-udlContent-content-audio{
background-color: #E5F2F9;
border: 1px solid #80BDE1 !important;
padding: 16px;
}

.exe-udlContent .exe-udlContent-content-audio .exe-udlContent-alt-content-title{
font-size: 1.2em;
border-bottom: 1px solid #80BDE1;
}

.exe-udlContent .exe-udlContent-content-audio .exe-udlContent-alt-content-title h2{
margin: 16px 0px;
color: #002B4A;
}

.exe-udlContent-engagement .udl-btn,
.exe-udlContent-representation .udl-btn,
.exe-udlContent-expression .udl-btn{
border-radius: 8px;
color: var(--dark-blue-color) !important;
text-decoration: none !important;
display: inline-block;
}

.exe-udlContent-engagement .udl-btn{
background-color: var(--dua-eng-color) !important;
}

.exe-udlContent-representation .udl-btn{
background-color: var(--dua-rep-color) !important;
}

.exe-udlContent-expression .udl-btn{
background-color: var(--dua-exp-color) !important;
}

.udl-character span {
    font-size: 0.9em;
    color: var(--dark-blue-color);
    font-weight: 600;
    opacity: unset !important;
    transition: unset !important;
}

.exe-udlContent .udl-character::before{content:" ";float:left;display:block;height:125px;width:125px;background:url(Personaxe1-small.png) no-repeat 0 0  !important;;background-size:125px auto;border-radius:10px}
.exe-udlContent .udl-character-2::before{background-image:url(Personaxe2-small.png)  !important;}
.exe-udlContent .udl-character-3::before{background-image:url(Personaxe3-small.png)  !important;}
.exe-udlContent .udl-character-4::before{background-image:url(Personaxe4-small.png)  !important;}
.exe-udlContent-content li{
line-height: 1.6em;
}

.exe-udlContent-content table {
font-size: 1.0em;
}

.exe-udlContent-content table th {
font-size: 1.1em;
}


/* Box */

.exe-content .box {
margin: 10px 0;
border: none;
background-color: #fff;

}

.exe-content .box {
margin: 20px 0;
line-height:1.6em;
}

.exe-content .box-head {
border-bottom: 3px solid #cccccc;
}
.exe-content .no-header .box-head {
border-bottom: 3px solid #cccccc;
}
.exe-export .box-head{
position: relative;
height: 48px;
line-height:2em;
display:flex;
align-items:end;
}

.exe-content .box header {
min-height: 60px;
}

.exe-content .box-title {
color: var(--dark-blue-color);
}

.exe-content .box-head .exe-icon {
float: left;
}
/* Box toggler */
.exe-export .box-toggle {
width: 40px;
height: 40px;
background: url(img/icons.png) no-repeat -200px 0;
border: 0;
position: absolute;
top: 6px;
right: 0;
opacity:1;
background-position: center;
}

.exe-export .box-head:hover .box-toggle,
.exe-export .box-toggle:focus {
opacity: 1;
}

.exe-export .no-header .box-toggle {
_top: -10px;
}


.exe-export .box .box-toggle{

}

.exe-export .minimized .box-toggle {
    transform: rotate(180deg);
   
}

.exe-export article:has(.idevice_node.download-source-file) .box-head {
    border-color: var(--dua-eng-color);
}
.exe-export article:has(.idevice_node.download-source-file)  .box-toggle {
    background-image: url(img/crg.despliegue.verde.arriba.svg);   
}


.exe-content article:has(.idevice_node.text) .box-head,
.exe-content  article:has(.idevice_node.trueorfalse) .box-head,
.exe-content  article:has(.idevice_node.relate) .box-head,
.exe-content  article:has(.idevice_node.complete) .box-head,
.exe-content  article:has(.idevice_node.form) .box-head
{
    border-color: var(--dua-exp-color);
}
.exe-export article:has(.idevice_node.text)  .box-toggle,
.exe-export article:has(.idevice_node.trueorfalse)  .box-toggle,
.exe-export article:has(.idevice_node.relate)  .box-toggle,
.exe-export article:has(.idevice_node.complete)  .box-toggle,
.exe-export article:has(.idevice_node.form)  .box-toggle
{
    background-image: url(img/crg.despliegue.malva.arriba.svg);   
}

.exe-content article:has(.udl-content .exe-udlContent-engagement:first-child) .box-head {
    border-color: var(--dua-eng-color);
    }
.exe-content article:has(.udl-content .exe-udlContent-representation:first-child) .box-head {
    border-color: var(--dua-rep-color);
    }
.exe-content article:has(.udl-content .exe-udlContent-expression:first-child) .box-head {
    border-color: var(--dua-exp-color);
    }
    
.exe-content article:has(.udl-content >.exe-udlContent-engagement:first-child)  .box-toggle {
    background-image: url(img/crg.despliegue.verde.arriba.svg);   
}


.exe-content article:has(.udl-content >.exe-udlContent-representation:first-child)  .box-toggle {
    background-image: url(img/crg.despliegue.malva.arriba.svg);   
}


.exe-content article:has(.udl-content >.exe-udlContent-expression:first-child)  .box-toggle {
    background-image: url(img/crg.despliegue.azul2.arriba.svg);   
}

   

.exe-content .box:has(.box-icon img[src*="_eng_"]) .box-head {
        border-color: var(--dua-eng-color);
}
.exe-content .box:has(.box-icon img[src*="_rep_"]) .box-head {
        border-color: var(--dua-rep-color);
}
.exe-content .box:has(.box-icon img[src*="_exp_"]) .box-head {
        border-color: var(--dua-exp-color);
}

.exe-export .box:has(.box-icon img[src*="_eng_"]) .box-head .box-toggle {
    background-image: url(img/crg.despliegue.verde.arriba.svg); 
}
.exe-export .box:has(.box-icon img[src*="_rep_"]) .box-head .box-toggle {
    background-image: url(img/crg.despliegue.malva.arriba.svg); 
}
.exe-export .box:has(.box-icon img[src*="_exp_"]) .box-head .box-toggle {
    background-image: url(img/crg.despliegue.azul2.arriba.svg); 
}

/* ----------- END DUA ----------------------------- */

@media screen and (min-width: 1px){
.exe-udlContent .udl-character:hover span,
.exe-udlContent .udl-character:focus span {
font-size: 1em !important;
}
}

@media all and (max-width: 768px) {
.exe-scorm #outer {
width: 100%;
border: none;
margin: 0;
}
}

@media print{
.exe-udlContent-block-toggler .udl-character::before{display:block   !important;}	
.udl-character-img{width:125px;left:auto   !important;top:auto   !important;clip:inherit  !important; }
}

/***************/

.exe-export .page-header{
position:relative;
margin-top:60px;
}
.exe-export .longHeader .page-header{
margin-top:100px;
}
.exe-export .page-header h2{

}

.exe-export .page-header[class*="nodeSection-"] {
min-height: 320px;
background-position: left bottom;
_margin-top:100px;
_border:2px solid transparent;
background-repeat: no-repeat;
_border:2px solid transparent;
}

.exe-export .page-header[class*="nodeSubSection-"] {
min-height: 150px;
margin-bottom: 0px;
background-position: left bottom;
background-size: 340px;
border:2px solid transparent;
background-repeat: no-repeat;
}

.exe-export .box .box-content{
background-color:var(--background-color);
}

.exe-export .page-header.nodeSection-1 {
background-image: url("img/fondoFase_1.jpg");
}

.exe-export .page-header.nodeSubSection-1 {
background-image: url("img/regleta_FASE_1.png");
}

.exe-export .page-header.nodeSection-2 {
background-image: url("img/fondoFase_2.jpg");
}

.exe-export .page-header.nodeSubSection-2 {
background-image: url("img/regleta_FASE_2.png");
}

.exe-export .page-header.nodeSection-3 {
background-image: url("img/fondoFase_3.jpg");
}

.exe-export .page-header.nodeSubSection-3 {
background-image: url("img/regleta_FASE_3.png");
}

.exe-export .page-header.nodeSection-4 {
background-image: url("img/fondoFase_4.jpg");
}

.exe-export .page-header.nodeSubSection-4 {
background-image: url("img/regleta_FASE_4.png");
}

.exe-export .page-header.nodeSection-5 {
background-image: url("img/fondoFase_5.jpg");
}

.exe-export .page-header.nodeSubSection-5 {
background-image: url("img/regleta_FASE_5.png");
}


/* Site footer */
#siteFooter {
position:relative;
min-height:50px;
display:block;
text-align: left;
font-size: 1em;
margin: 0 0 235px 0;
max-width: 99%;
margin: 0 auto;
background: var(--dark-blue-color);
box-shadow: rgba(0, 0, 0, 0.4) 3px 3px 4px;
}
#siteFooter a {
    color: #ffffff;
    line-height: 1em;
    text-decoration: underline;
}
#siteFooter #packageLicense p {
    margin-top: 0;
}
/* Licenses */
#packageLicense {
    text-align: left;
    font-size: 1em;
    line-height: 1.1em;
    padding:1em;
    margin-bottom: 1em;
    margin-left:20px;
}
#packageLicense p {
    margin: 0;
}
#packageLicense .license-label {
    position: absolute;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px);
}
#packageLicense a {
    color: #ffffff;
    text-transform: capitalize;
    display: inline-block;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 100%;
    overflow: hidden;
    line-height: 15px;
}
#packageLicense a:hover,
#packageLicense a:focus {
    text-decoration: none;
    color: #ffffff;
}
#packageLicense.propietary {
    position: absolute;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    height: 0;
}
#packageLicense.cc {
    padding: 0 20px 0 100px;
    background: url(img/licenses.gif) no-repeat 0 0;
}
#packageLicense.cc-by-sa {
    background-position: 0 -100px;
}
#packageLicensea.cc-by-nd {
    background-position: 0 -200px;
}
#packageLicense.cc-by-nc {
    background-position: 0 -300px;
}
#packageLicense.cc-by-nc-sa {
    background-position: 0 -400px;
}
#packageLicense.cc-by-nc-nd {
    background-position: 0 -500px;
}
#packageLicense.cc-0 {
    background-position: 0 -600px;
}
#siteFooter {
    padding: 16px 10px 0 20px;
}
#siteFooterContent {
    margin: 0 auto;
    padding: 4px;
    border-radius: 4px;
}
/* -------------- XOGOS --------------------- */



.exeQuextIcons-Hit,
.exeQuextIcons34-Hit,
.IDFPIcons-Hit {
    content: url("img/crg.aciertos.svg");
    background: none !important;
}

.MTHO-MainContainer .MTHO-GameContainer .MTHO-Multimedia table tbody tr td .MTHO-right,
.MQP-MainContainer .exeQuextIcons-Hit {
    background-image: url("img/crg.aciertos.tabla.svg") !important;
}

.exeQuextIcons-Error,
.IDFPIcons-Error {
    content: url("img/crg.erros.svg") !important;
    background-image: none !important;
}

.MTHO-MainContainer .MTHO-GameContainer .MTHO-Multimedia table tbody tr td .MTHO-wrong {
    content: url("img/crg.erros.tabla.svg");
    background-image: none;
    width: 24px;
    height: 24px;
    margin: 0 10%;
}

.exeQuextIcons-Score,
.IDFPIcons-Score,
.MQP-MainContainer .exeQuextIcons-Score {
    content: url("img/crg.puntuacion.svg");
    background-image: none !important;
}

.exeQuextIcons-Number {
    content: url("img/crg.triangulo.derecha.svg");
    background-image: none;
}

.exeQuextIcons-Time,
.exeQuextIcons34-Time {
    content: url("img/crg.tempo.svg");
    background-image: none;
}

.IDFPIcons-Life {
    content: url("img/crg.vidas.svg");
    background-image: none;
}

.IDFPIcons-PointsClue {
    content: url("img/crg.puntos.pista.svg");
    background-image: none;
}

.exeQuextIcons-FullScreen,
.exeQuextIcons-FSGame,
.IDFPIcons-FullScreen {
    content: url("img/crg.actividad.pantalla.completa.svg");
    background-image: none;
}

div:-webkit-full-screen .exeQuextIcons-FullScreen,
div:fullscreen .exeQuextIcons-FullScreen,
div:-moz-full-screen .exeQuextIcons-FullScreen {
    content: url("img/crg.actividad.pantalla.completa.min.svg") !important;
    background-image: none;
}

.exeQuextIcons-Minimize,
.exeQuextIcons-MZGame,
.IDFPIcons-Minimize,
.desafio-TimeNumber .exeQuextIcons34-Minimize,
.trivial-MainContainer .trivial-GameContainer .trivial-Tablero .trivial-LinkMinimize,
.MQP-MainContainer .MQP-GameContainer .MQP-ToolBar .exeQuextIcons-MZGame {
    content: url("img/crg.actividad.pantalla.minimizar.min.svg");
    background-image: none;
}

.exeQuextIcons-Submit,
.gameQP-DivReply .exeQuextIcons-Submit,
.IDFP-DivSubmit [id^=idfSubmit] .exeQuextIcons-Submit,
.MTHP-DivReply [id^=mathBtnReply] .exeQuextIcons-Submit,
.rosco-DivReply [id^=roscoBtnReply] .exeQuextIcons-Submit,
.trivial-BottonContainerDiv .trivial-AnswersDiv a .exeQuextIcons-Submit {
    content: url("img/crg.actividad.checkmark.blanco.svg");
    width: 64px;
    height: 48px;
    padding: 0px 16px;
    background: #007bc4;
    background-image: none;
    border-radius: 8px;
}

.exeQuextIcons-MoveOne,
.gameQP-DivReply .exeQuextIcons-MoveOne,
.IDFP-DivSubmit [id^=idfBtnMoveOn] .exeQuextIcons-MoveOne,
.MTHP-DivReply [id^=mthpBtnMoveOn] .exeQuextIcons-MoveOne,
.rosco-DivReply [id^=roscoBtnMoveOn] .exeQuextIcons-MoveOne {
    content: url("img/crg.x.svg") !important;
    width: 48px;
    height: 48px;
    background: #e5f2f9;
    background-image: none;
    padding: 12px 12px;
    border: 1px solid #007bc4;
    border-radius: 8px;
}

.desafio-LinkDesafio {
    width: auto;
    height: auto;
    content: url("img/crg.desafio.svg");
    background-image: none;
}

.MQP-MainContainer .MQP-GameContainer .MQP-Multimedia .MQP-Point[style^='display: block; background-image: url("mapam60.svg");'],
.SPP-MainContainer .SPP-GameContainer .SPP-Multimedia .SPP-Words .Sopa-Li .SPP-LinkImage .SopaIcons {
    content: url("img/crg.icono.lupa.svg");
    background-image: none !important;
    width: auto;
    height: auto;
}

.desafio-DateDiv .desafio-LinkReboot,
.trivial-MainContainer .trivial-GameContainer .trivial-Tablero .trivial-LinkReboot {
    content: url("img/crg.reiniciar.svg");
    background: none;
}

.IDFP-MainContainer .IDFP-GameContainer .IDFP-Multimedia .IDFP-LinkClue .IDFP-Clue {
    content: url("img/crg.pista.svg");
}

.IDFP-MainContainer .IDFP-GameContainer .IDFP-Multimedia .IDFP-LinkClue.IDFP-ActivoClue .IDFP-Clue {
    content: url("img/crg.pista.usada.svg");
}

.IDFP-MainContainer .IDFP-GameContainer .IDFP-ButtonClue .IDFP-BClue::before {
    content: url("img/crg.pista.ojo.svg");
    top: 5px;
    position: relative;
    margin-right: 8px;
}

.rosco-LinkTypeGame .exeQuextIcons-RoscoCanvas {
    content: url("img/crg.ocultar.rosco.svg");
    background-image: none;
}

.rosco-LinkTypeGame .exeQuextIcons-RoscoRows {
    content: url("img/crg.mostrar.rosco.svg");
    background-image: none;
}

.exeQuextIcons,
.IDFPIcons {
    width: auto;
    height: auto;
}

.exe-content [class$="-GameScoreBoard"] {
    background-color: #002b4a;
    border-radius: 8px;
    height: var(--height-score);
}

.MQP-MainContainer .MQP-GameContainer .MQP-ToolBar,
.rosco-MainContainer .rosco-GameContainer .rosco-GameScoreBoard {
    background-color: #002b4a;
    border-radius: 8px;
    height: var(--height-score);
}

[class$="-GameScores"] {
    padding: 16px 0px 16px 16px;
}

[class$="-TimeNumber"] {
    padding: 16px 16px 16px 0px;
}

[class$="-GameScores"] p,
[class$="-TimeNumber"] p,
.desafio-TimeNumber p,
.rosco-GameScores p,
.rosco-TimeNumber p {
    color: #ffffff;
    text-shadow: 0px 0px 6px #ffffff;
    font-size: var(--text-score-font) !important;
    padding: var(--text-score-padding) !important;
}

.rosco-MainContainer .rosco-GameContainer .rosco-GameScoreBoard .rosco-GameScores p,
.rosco-MainContainer .rosco-GameContainer .rosco-GameScoreBoard .rosco-TimeNumber p,
.gameQP-MainContainer .gameQP-GameContainer[id^=seleccionaGameContainer] .gameQP-GameScoreBoard .gameQP-GameScores p,
.gameQP-MainContainer .gameQP-GameContainer[id^=seleccionaGameContainer] .gameQP-GameScoreBoard .gameQP-TimeNumber p {
    font-size: 1.875em;
    font-weight: normal !important;
}

[class*="-StartGame"] a {
    background-color: #007bc4;
    border-radius: 8px;
    padding: 8px 16px;
    color: #ffffff;
    font-size: 1.25em;
    text-decoration: none !important;
    border: none;
}

.gameQP-StartGame a:hover,
.FLCDSP-StartNivelMemory a:hover,
.FLCDSP-GameOverExt .FLCDSP-StartGame a:hover,
.CMPT-ButtonsDiv .CMPT-ButtonsComands:hover,
.desafio-StartGameDiv .desafio-StartGame:hover,
.MTHP-StartGame a:hover,
.rosco-StartGame a:hover,
.trivial-SelectsGamers .trivial-StartGame:hover,
.SPP-MainContainer .SPP-GameContainer #sopaResolve:hover,
.DescubreQP-StartGame a:hover,
.ODNP-StartGame a:hover,
.SLCMP-StartGameEnd a:hover,
.QXTP-StartGame a:hover,
.MQP-GOScoreButtons a:hover,
.RLCP-Buttons a:hover {
    background-color: #3f9cd2;
}

.exe-content [class$="-HistGGame"] {
    content: url("img/exequextwonnew.png") !important;
    width: 60%;
    height: auto;
}

.SLCMP-GameOver .SLCMP-DataImage > img {
    display: none !important;
}

.SLCMP-GameOver .SLCMP-DataImage::before,
.ODNP-DataImage::before {
    content: url("img/exequextwonnew.png") !important;
    width: 60%;
    height: auto;
}

.gameQP-Multimedia,
.FLCDSP-Multimedia,
.desafio-Multimedia,
.MTHP-Multimedia {
    width: 75%;
}

.gameQP-DivReply .gameQP-EdReply,
.IDFP-DivSubmit [id^=idfAnswer],
.MTHP-DivReply .MTHP-EdReply,
.rosco-DivReply .rosco-EdReply,
.CMPT-Multimedia input,
.MTHO-MainContainer .MTHO-GameContainer .MTHO-Multimedia .MTHO-Form p .operationResult input,
.desafio-SolutionDiv .desafio-Solution,
.candado-SolutionDiv .candado-Solution,
.SPP-MainContainer .SPP-GameContainer .SPP-Multimedia .SPP-Puzzle {
    height: auto;
    font-size: 1.5em;
    border-radius: 4px;
    border: 1px solid #007bc4;
}

.MTHP-DivReply .MTHP-EdReply {
    max-width: 310px;
}

.CMPT-MainContainer .CMPT-GameContainer .CMPT-Message:not(:empty),
.desafio-MainContainer .desafio-GameContainer .desafio-DateDiv,
.SPP-MainContainer #sopaMessage[style^="color: rgb(3, 99, 84)"],
.SPP-MainContainer #sopaMessage[style^="color: rgb(102, 1, 1);"],
.MTHO-MainContainer .MTHO-GameContainer .MTHO-Summary {
    color: #002b4a !important;
    background: #bfdef0;
    width: 100%;
    border-radius: 8px;
    padding: 16px 16px;
    font-weight: bold;
}

.MTHO-MainContainer .MTHO-GameContainer .MTHO-Summary {
    height: 64px;
    display: flex;
    align-items: center;
    font-size: 1.25em;
}

.MTHO-MainContainer .MTHO-GameContainer .MTHO-Summary ul {
    width: 95%;
    margin-left: 4px;
    font-size: 0.8em;
    justify-content: space-evenly !important;
    margin-top: -2px;
}

.MTHO-MainContainer .MTHO-GameContainer .MTHO-Summary ul li {
    margin-bottom: 0px !important;
}

.CMPT-MainContainer .CMPT-GameContainer .CMPT-Message:not(:empty)::before,
.FLCDSP-MainContainer .FLCDSP-GameContainer .FLCDSP-GameOverExt .FLCDSP-GameOver .FLCDSP-DataScore p::before,
.gameQP-MainContainer .gameQP-GameContainer .gameQP-Multimedia .gameQP-GameOver .gameQP-DataScore p::before,
.gameQP-MainContainer .gameQP-GameContainer[id^=quextGameContainer] .gameQP-Multimedia .gameQP-GameOver .gameQP-DataScore p::before,
.gameQP-MainContainer .gameQP-GameContainer[id^=seleccionaGameContainer] .gameQP-Multimedia .gameQP-GameOver .gameQP-DataScore p::before,
.gameQP-MainContainer .gameQP-GameContainer[id^=vquextGameContainer] .gameQP-Multimedia .gameQP-GameOver .gameQP-DataScore p::before,
.MTHO-MainContainer .MTHO-GameContainer .MTHO-Summary::before,
.SPP-MainContainer #sopaMessage[style^="color: rgb(3, 99, 84)"]::before,
.SPP-MainContainer #sopaMessage[style^="color: rgb(102, 1, 1);"]::before {
    content: url("img/crg.despliegue.doble.negro.svg");
}

.CMPT-Multimedia [style*="color: rgb(3, 99, 84)"],
.MTHO-MainContainer .MTHO-GameContainer .MTHO-Multimedia table tbody tr.MTHO-tr-right td {
    background: #ccff99;
}

.CMPT-Multimedia [style*="color: rgb(102, 1, 1);"],
.MTHO-MainContainer .MTHO-GameContainer .MTHO-Multimedia table tbody tr.MTHO-tr-wrong td {
    background: #ff9999;
}

.CQP-MainContainer,
.CQP-MainContainer .CQP-GameContainer,
.DescubreQP-MainContainer,
.DescubreQP-MainContainer .DescubreQP-GameContainer,
.RLCP-MainContainer,
.RLCP-MainContainer .RLCP-GameContainer,
.ODNP-MainContainer,
.ODNP-MainContainer .ODNP-GameContainer,
.SLCMP-MainContainer,
.SLCMP-MainContainer .SLCMP-GameContainer,
.QXTP-MainContainer,
.QXTP-MainContainer .QXTP-GameContainer {
    height: 100% !important;
}

.gameQP-MainContainer,
.gameQP-MainContainer .gameQP-GameContainer,
.gameQP-MainContainer .gameQP-GameContainer[id^=quextGameContainer],
.gameQP-MainContainer .gameQP-GameContainer[id^=seleccionaGameContainer],
.gameQP-MainContainer .gameQP-GameContainer[id^=vquextGameContainer] {
    margin: 1em 0;
}

.exe-content  [class$="-TimeNumber"] a {
    margin-right: 16px;
}

.DescubreQP-DataScore,
.IDFP-DataScore,
.ODNP-DataScore {
    width: 100%;
    font-size: 1.5em;
}

.DescubreQP-DataScore p,
.IDFP-DataScore p,
.ODNP-DataScore p {
    display: inline-block;
    position: relative;
    line-height: 0.5em !important;
    font-weight: normal !important;
}

.CTJP-Capture a,
.INFMP-LinksInforme a {
    background: #007BC4 !important;
    border-radius: 8px !important;
    color: #FFFFFF;
    border: 0px;
    margin: 5px 5px 5px 0px;
    padding: 10px 16px !important;
    font-size: 1.15em;
}

.INFMP-LinksInforme a {
    line-height: 1em;
}

.INFMP-Title,
.INFMP-GameScore {
    background-color: #002B4A !important;
}

.RLCP-MainContainer .RLCP-GameContainer .RLCP-GameScoreBoard .RLCP-TimeNumber p {
    color: #ffffff;
    text-shadow: 0px 0px 6px #ffffff;
    font-size: var(--text-score-font) !important;
    padding: var(--text-score-padding) !important;
}

.candado-MainContainer .candado-GameContainer .candado-GameScoreBoard p {
    color: #ffffff;
    text-shadow: 0px 0px 6px #ffffff;
    font-size: var(--text-score-font) !important;
    padding: var(--text-score-padding) !important;
    font-weight: normal;
}

.candado-MainContainer .candado-GameContainer .candado-GameScoreBoard .exeQuextIcons34-Time {
    content: url("img/crg.tempo.svg");
    height: 32px;
    width: 32px;
    background-image: none;
}

.candado-MainContainer .candado-GameContainer .candado-GameScoreBoard .exeQuextIcons34-Minimize {
    content: url("img/crg.actividad.pantalla.minimizar.min.svg");
    background-image: none;
    height: auto;
    width: auto;
}

.candado-MainContainer .candado-GameContainer .candado-SolutionDiv .candado-SolutionButton {
    content: url("img/crg.actividad.checkmark.blanco.svg");
    width: 64px;
    height: 48px;
    padding: 0px 16px;
    background: #007bc4;
    background-image: none;
    border-radius: 8px;
}

.FLCDSP-MainContainer .FLCDSP-GameContainer .FLCDSP-StartNivelMemory {
    margin: 32px 0px;
}

.FLCDSP-MainContainer .FLCDSP-EText {
    line-height: 1.25em;
}

.FLCDSP-MainContainer .FLCDSP-GameContainer .FLCDSP-Multimedia .FLCDSP-CardContainerMemory .FLCDSP-Card1Memory {
    background: unset;
    border: unset;
    border-radius: 16px;
}

.FLCDSP-MainContainer .FLCDSP-GameContainer .FLCDSP-Multimedia .FLCDSP-CardContainerMemory .FLCDSP-Card1Memory .FLCDSP-CardFrontMemory {
    background: url("img/Actividad-Cartas-Memoria.png");
    background-size: contain;
    border-radius: 16px;
}

.FLCDSP-MainContainer .FLCDSP-GameContainer .FLCDSP-Multimedia .FLCDSP-CardContainerMemory .FLCDSP-Card1Memory .FLCDSP-CardBackMemory {
    border: 8px solid #002b4a;
    border-radius: 16px;
}

.FLCDSP-MainContainer .FLCDSP-GameContainer .FLCDSP-Multimedia .FLCDSP-CardContainerMemory .FLCDSP-Card1Memory .FLCDSP-CardBackMemory .FLCDSP-ImageContainMemory .FLCDSP-ImageMemory {
    -o-object-fit: cover;
    object-fit: cover;
    left: unset !important;
    top: unset !important;
    width: 100% !important;
    height: 100% !important;
}

.FLCDSP-MainContainer .FLCDSP-GameContainer .FLCDSP-GameOverExt {
    width: 70%;
    max-width: 500px;
    padding-bottom: 24px;
}

.FLCDSP-MainContainer .FLCDSP-GameContainer .FLCDSP-GameOverExt .FLCDSP-GameOver {
    margin-bottom: 16px;
}

.FLCDSP-MainContainer .FLCDSP-GameContainer .FLCDSP-GameOverExt .FLCDSP-GameOver .FLCDSP-DataScore p {
    font-weight: bold;
    background: url("img/crg.despliegue.doble.negro.svg") no-repeat;
    background-position: 4px 14px;
    position: relative;
    left: 30px;
}

.CMPT-MainContainer .CMPT-GameContainer {
    max-width: 750px;
}

.CMPT-MainContainer .CMPT-GameContainer .CMPT-Message:not(:empty) {
    display: flex;
    line-height: 1.6em;
    gap: 8px;
}

.desafio-MainContainer .desafio-GameContainer .desafio-GameScoreBoard .desafio-GameChallenges {
    padding: 16px 0px 16px 24px;
    gap: 16px;
}

.desafio-MainContainer .desafio-GameContainer .desafio-GameScoreBoard .desafio-GameChallenges p {
    color: #ffffff;
    text-shadow: 0px 0px 6px #ffffff;
    font-size: 1.875em;
}

.desafio-MainContainer .desafio-GameContainer .desafio-GameScoreBoard .desafio-GameChallenges .desafio-LinkChallenge {
    border-radius: 8px;
    font-size: 1em;
    width: auto;
    height: 1.8em;
    padding: 2px 12px;
}

.desafio-MainContainer .desafio-GameContainer .desafio-GameScoreBoard .desafio-GameChallenges .desafio-LinkChallenge::before {
    content: attr(title);
    text-transform: uppercase;
    line-height: 2em;
}

.desafio-MainContainer .desafio-GameContainer .desafio-GameScoreBoard .desafio-TimeNumber .desafio-LinkMinimize {
    display: flex;
    justify-content: center;
    align-items: center;
}

.desafio-MainContainer .desafio-GameContainer .desafio-GameScoreBoard .desafio-TimeNumber .desafio-LinkMinimize .exeQuextIcons34-Minimize {
    margin: auto;
}

.desafio-MainContainer .desafio-GameContainer .desafio-Multimedia .desafio-Images[src] {
    content: url("Thumbnail-Actividad-Desafio.png");
    display: block;
    width: 100%;
    height: auto;
}

.desafio-MainContainer .desafio-GameContainer .desafio-Title {
    font-size: 1.25em;
    padding: 1em 0;
}

.desafio-MainContainer .desafio-GameContainer .desafio-DateDiv p {
    font-size: 1em;
}

@-moz-document url-prefix() {
    .desafio-MainContainer .desafio-GameContainer .desafio-GameScoreBoard .desafio-GameChallenges .desafio-LinkChallenge {
        color: #ffffff;
    }
}

.desafio-MainContainer .desafio-GameContainer .desafio-GameScoreBoard .desafio-GameChallenges .desafio-LinkChallenge .exeQuextRetos {
    display: none;
}

.desafio-LinkChallenge::before {
    line-height: 1.7em !important;
}

.IDFP-MainContainer .IDFP-GameContainer .IDFP-GameScoreBoard .IDFP-GameScores {
    padding: 16px 0px 16px 24px;
}

.IDFP-MainContainer .IDFP-GameContainer .IDFP-GameScoreBoard .IDFP-TimeNumber {
    padding: 16px 24px 16px 0px;
}

.IDFP-MainContainer .IDFP-GameContainer .IDFP-GameScoreBoard .IDFP-TimeNumber .IDFPIcons-FullScreen {
    margin-left: 16px;
}

.IDFP-MainContainer .IDFP-GameContainer .IDFP-ButtonClue .IDFP-BClue {
    padding-left: 16px;
    background-color: #007BC4;
    color: #FFFFFF;
    border-radius: 8px;
}

.IDFP-MainContainer .IDFP-GameContainer .IDFP-ButtonClue .IDFP-BClue:hover {
    background-color: #3f9cd2;
}

.IDFP-MainContainer .IDFP-GameContainer .IDFP-MessageClue {
    color: #002B4A !important;
}

.MQP-MainContainer .MQP-GameContainer .MQP-ToolBar p {
    color: #ffffff;
    text-shadow: 0px 0px 6px #ffffff;
    font-size: 1.875em;
    font-weight: normal;
}

.MQP-MainContainer .MQP-GameContainer .MQP-ToolBar .exeQuextIcons-FSGame {
    height: auto;
    width: auto;
}

.MQP-MainContainer .MQP-GameContainer .MQP-Multimedia .MQP-Point[style^='display: block; background-image: url("mapam60.svg");'] {
    transform: translate(-50%, -50%);
}

.MQP-MainContainer a.MPQ-OptionTest {
    background-color: #007BC4 !important;
    color: #FFFFFF !important;
    font-size: 1.1em !important;
}

.MQP-MainContainer .exeQuextIcons-CWGame {
    background-image: url("img/crg.cerrar.popup.svg") !important;
}

.MQP-MainContainer .MQP-GameContainer .MQP-Multimedia .MQP-Detail {
    border-radius: 16px;
    box-shadow: 0px 4px 25px rgba(0, 43, 74, 0.3019607843);
}

.MQP-MainContainer .MQP-GameContainer .MQP-Multimedia .MQP-Detail .MQP-LinkDetailClose {
    width: 32px;
    height: 32px;
}

.MQP-MainContainer .MQP-GameContainer .MQP-Multimedia .MQP-Detail .MQP-LinkDetailClose .exeQuextIcons-CWGame {
    content: url("img/crg.x.svg");
    width: 32px;
    height: 32px;
    background-image: none;
}

.MQP-MainContainer .MQP-Test {
    top: 61px !important;
    height: auto !important;
}

.MQP-MainContainer .MQP-GOScoreButtons a {
    background-color: #007bc4;
    border-radius: 8px;
    padding: 8px 8px;
    margin-left: 6px;
    color: #ffffff;
    font-size: 1.25em;
    line-height: 0.7em;
    text-decoration: none !important;
}

.MQP-MainContainer .MQP-MessageMoScoreData {
    font-size: 1.1em;
    color: #002B4A !important;
}

.MTHO-MainContainer {
    max-width: 800px !important;
}

.MTHO-MainContainer .MTHO-GameContainer {
    max-width: 800px;
}

.MTHO-MainContainer .MTHO-GameContainer .MTHO-Multimedia .MTHO-Form p,
.MTHO-MainContainer .MTHO-GameContainer .MTHO-Multimedia .MTHO-Form p label {
    display: flex;
    align-items: center;
    justify-content: center;
}

.MTHO-MainContainer .MTHO-GameContainer .MTHO-Multimedia .MTHO-Form p label .operandA,
.MTHO-MainContainer .MTHO-GameContainer .MTHO-Multimedia .MTHO-Form p label .operation,
.MTHO-MainContainer .MTHO-GameContainer .MTHO-Multimedia .MTHO-Form p label .operandB {
    color: #002b4a;
    padding-top: 5px;
}

.MTHO-MainContainer .MTHO-GameContainer .MTHO-Multimedia .MTHO-Form p .operationResult {
    display: block;
}

.MTHO-MainContainer .MTHO-GameContainer .MTHO-Multimedia .MTHO-Form p .operationResult input {
    height: 100%;
    font-size: 1.5em;
    border-radius: 4px;
    border: 1px solid #007bc4;
    padding-top: 5px;
}

.MTHO-MainContainer .MTHO-GameContainer .MTHO-Multimedia .MTHO-Form p input[id$=submit] {
    margin-bottom: 0;
    font-size: 1.25em;
}

.MTHO-MainContainer .MTHO-GameContainer .MTHO-Multimedia .MTHO-pagination {
    visibility: hidden;
}

.MTHO-MainContainer .MTHO-GameContainer .MTHO-Multimedia .MTHO-pagination a {
    visibility: hidden !important;
}

.MTHO-MainContainer .MTHO-GameContainer .MTHO-Multimedia table {
    border: none;
    border-collapse: collapse;
}

.MTHO-MainContainer .MTHO-GameContainer .MTHO-Multimedia table thead {
    border: none;
    color: #002b4a;
    font-weight: bold;
}

.MTHO-MainContainer .MTHO-GameContainer .MTHO-Multimedia table thead tr {
    border-bottom: 1px solid #002b4a !important;
}

.MTHO-MainContainer .MTHO-GameContainer .MTHO-Multimedia table thead tr th {
    border: none;
}

.MTHO-MainContainer .MTHO-GameContainer .MTHO-Multimedia table thead tr th:first-child,
.MTHO-MainContainer .MTHO-GameContainer .MTHO-Multimedia table tbody tr td:first-child {
    padding-left: 32px;
}

.MTHO-MainContainer .MTHO-GameContainer .MTHO-Multimedia table tbody tr {
    background-color: #e5f2f9;
}

.MTHO-MainContainer .MTHO-GameContainer .MTHO-Multimedia table tbody tr:not(:last-child) {
    border-bottom: 1px solid #80bde1;
}

.MTHO-MainContainer .MTHO-GameContainer .MTHO-Multimedia table tbody tr td {
    background-color: unset;
    border: none;
}

.MTHO-MainContainer .MTHO-GameContainer .MTHO-Multimedia table tbody tr td a {
    color: #002b4a !important;
}

.MTHP-MainContainer .MTHP-GameContainer .MTHP-Flex .MTHP-ImagesHome {
    content: url("Thumbnail-Actividad-Problemas matematicas.png");
    max-width: unset;
}

.rosco-MainContainer .rosco-GameContainer {
    max-width: 485px;
}

.rosco-MainContainer .rosco-GameContainer .rosco-GameScoreBoard .rosco-TimeNumber .exeQuextIcons-Time {
    display: unset !important;
    order: 1;
}

.rosco-MainContainer .rosco-GameContainer .rosco-GameScoreBoard .rosco-TimeNumber .rosco-PTime {
    order: 1;
}

.rosco-MainContainer .rosco-GameContainer .rosco-GameScoreBoard .rosco-TimeNumber .rosco-LinkTypeGame {
    order: 2;
}

.rosco-MainContainer .rosco-GameContainer .rosco-GameScoreBoard .rosco-TimeNumber .rosco-LinkArrowMinimize,
.rosco-MainContainer .rosco-GameContainer .rosco-GameScoreBoard .rosco-TimeNumber .rosco-LinkFullScreen {
    order: 3;
}

.rosco-MainContainer .rosco-GameContainer .rosco-Letters {
    margin-top: 90px;
    width: 485px;
    justify-content: center;
}

.rosco-MainContainer .rosco-GameContainer .rosco-Letters .rosco-Letter {
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1607843137);
}

.rosco-MainContainer .rosco-GameContainer .rosco-Letters .rosco-Letter[style^="background-color: rgb(88, 119, 198);"] {
    background-color: #007BC4 !important;
    color: #FFFFFF !important;
}

.rosco-MainContainer .rosco-GameContainer .rosco-Letters .rosco-Letter[style^="background-color: rgb(249, 249, 249);"] {
    background-color: #E5F2F9 !important;
    color: #FFFFFF !important;
}

.rosco-MainContainer .rosco-GameContainer .rosco-Letters .rosco-Letter[style^="background-color: rgb(243, 213, 90);"] {
    background-color: #FFF899 !important;
    color: #002B4A !important;
}

.rosco-MainContainer .rosco-GameContainer .rosco-Letters .rosco-Letter[style^="background-color: rgb(179, 9, 47);"] {
    background-color: #FF9999 !important;
    color: #002B4A !important;
}

.rosco-MainContainer .rosco-GameContainer .rosco-Letters .rosco-Letter[style^="background-color: rgb(0, 163, 0);"] {
    background-color: #CCFF99 !important;
    color: #002B4A !important;
}

.rosco-MainContainer .rosco-GameContainer .rosco-Multimedia::before {
    padding-top: 0px;
}

.rosco-MainContainer .rosco-GameContainer .rosco-Multimedia:has(img.rosco-NoImage[style$="none;"])::before {
    padding-top: 56%;
}

.rosco-MainContainer .rosco-GameContainer .rosco-Messages {
    display: none !important;
}

.rosco-MainContainer .rosco-GameContainer .rosco-StartGame {
    padding-bottom: 10px;
}

.rosco-MainContainer .rosco-Game .rosco-Canvas {
    width: 360px;
    height: 360px;
}

.rosco-MainContainer .rosco-ImageNeo {
    margin-top: 10px;
}

.rosco-WordsClose {
    background-color: #007bc4 !important;
}

.SPP-MainContainer,
.SPP-MainContainer .SPP-GameContainer {
    height: 100% !important;
}

.SPP-MainContainer #sopaMessage[style^="color: rgb(3, 99, 84)"],
.SPP-MainContainer #sopaMessage[style^="color: rgb(102, 1, 1);"] {
    color: #002b4a !important;
    background: #bfdef0;
    width: 100%;
    height: 64px;
    border-radius: 8px;
    margin-top: 24px;
    padding-left: 24px;
    display: flex;
    align-items: center;
}

.SPP-MainContainer .SPP-GameContainer .SPP-Multimedia .SPP-Puzzle {
    border: 2px solid #007bc4;
    border-radius: 8px;
}

@media only screen and (min-width: 600px) {
    .SPP-MainContainer .SPP-GameContainer .SPP-Multimedia .SPP-Puzzle .SPP-PuzzleSquare {
        width: 3.25em;
        height: 3.25em;
        font-size: 2em;
    }
}

.SPP-MainContainer .SPP-GameContainer .SPP-Multimedia .SPP-Puzzle .complete {
    background-color: #ccff99;
}

.SPP-MainContainer .SPP-GameContainer .SPP-Multimedia .SPP-Puzzle .selected {
    background-color: #80bde1;
    color: #ffffff;
}

.SPP-MainContainer .SPP-GameContainer .SPP-Multimedia .SPP-Puzzle .found {
    color: #007bc4;
    font-weight: bold;
}

.SPP-MainContainer .SPP-GameContainer .SPP-Multimedia .SPP-Words .Sopa-Li .SPP-LinkImage .SopaIcons {
    background-image: none;
    content: url("img/crg.icono.lupa.sinfondo.svg");
    width: 100%;
    height: auto;
    filter: none;
}

.SPP-MainContainer .SPP-GameContainer .SPP-Multimedia .SPP-Words .Sopa-Li span {
    color: #002b4a;
}

.SPP-MainContainer .SPP-GameContainer .SPP-Multimedia .SPP-Words .Sopa-Li span:first-of-type {
    font-weight: bold;
}

.SPP-MainContainer .SPP-GameContainer #sopaResolve {
    position: relative;
    left: 25%;
    background-color: #007bc4;
    border-radius: 8px;
    padding: 8px 16px;
    color: #ffffff;
    font-size: 1.1em;
    text-decoration: none !important;
    border: none;
}

.SPP-MainContainer .SPP-GameContainer .SPP-Cubierta {
    height: 100% !important;
}

.SPP-MainContainer .SPP-GameContainer .SPP-Cubierta .SPP-Detail .SPP-Flex .SPP-LinkClose .exeQuextIcons-CWGame {
    background-image: none;
    content: url("img/crg.x.svg");
    width: 50%;
    height: auto;
    left: 10px;
}

.trivial-MainContainer {
    max-width: 800px !important;
    width: 100% !important;
    padding: 0px !important;
}

.trivial-MainContainer .trivial-GameContainer {
    max-width: 800px;
    width: 100%;
}

div:fullscreen .trivial-Tablero {
    max-width: 95vmin !important;
    width: 95vmin !important;
}

.trivial-MainContainer .trivial-GameContainer .trivial-Tablero .trivial-ImageTablero[src$="tvltv2.png"] {
    content: -url("img/Trivial2Temas.png");
}

.trivial-MainContainer .trivial-GameContainer .trivial-Tablero .trivial-ImageTablero[src$="tvltv3.png"] {
    content: url("img/Trivial3Temas.png");
}

.trivial-MainContainer .trivial-GameContainer .trivial-Tablero .trivial-ImageTablero[src$="tvltv4.png"] {
    content: url("img/Trivial4Temas.png");
}

.trivial-MainContainer .trivial-GameContainer .trivial-Tablero .trivial-ImageTablero[src$="tvltv5.png"] {
    content: url("img/Trivial5Temas.png");
}

.trivial-MainContainer .trivial-GameContainer .trivial-Tablero .trivial-ImageTablero[src$="tvltv6.png"] {
    content: url("img/Trivial6Temas.png");
}

.trivial-MainContainer .trivial-GameContainer .trivial-Tablero .trivial-CasillaDestino {
    background-image: url("img/tlv-Trivial-Destino.svg");
}

.trivial-MainContainer .trivial-GameContainer .trivial-Tablero .trivial-SelectsGamers {
    box-shadow: 0px 4px 25px rgba(0, 43, 74, 0.3019607843);
    border-radius: 16px;
    width: 100%;
    height: 70%;
    padding: 24px;
}

.trivial-MainContainer .trivial-GameContainer .trivial-Tablero .trivial-SelectsGamers .trivial-NumberGamers p {
    font-size: 1em !important;
    color: #002b4a;
}

.trivial-MainContainer .trivial-GameContainer .trivial-Tablero .trivial-SelectsGamers .trivial-NumberGamers .trivial-NumberIcon {
    width: 32px !important;
    height: 32px !important;
}

.trivial-MainContainer .trivial-GameContainer .trivial-Tablero .trivial-SelectsGamers .trivial-NumberGamers .trivial-NumberIcon::before {
    content: attr(data-number);
    color: #007bc4;
    font-size: 2em;
    position: absolute;
    left: 8px;
    top: 10px;
}

.trivial-MainContainer .trivial-GameContainer .trivial-Tablero .trivial-SelectsGamers .trivial-NumberGamers .trivial-NumberIcon img[src$="tvlcb1.png"],
.trivial-MainContainer .trivial-GameContainer .trivial-Tablero .trivial-SelectsGamers .trivial-NumberGamers .trivial-NumberIcon img[src$="tvlcr1.png"],
.trivial-MainContainer .trivial-GameContainer .trivial-Tablero .trivial-SelectsGamers .trivial-NumberGamers .trivial-NumberIcon img[src$="tvlcb2.png"],
.trivial-MainContainer .trivial-GameContainer .trivial-Tablero .trivial-SelectsGamers .trivial-NumberGamers .trivial-NumberIcon img[src$="tvlcr2.png"],
.trivial-MainContainer .trivial-GameContainer .trivial-Tablero .trivial-SelectsGamers .trivial-NumberGamers .trivial-NumberIcon img[src$="tvlcb3.png"],
.trivial-MainContainer .trivial-GameContainer .trivial-Tablero .trivial-SelectsGamers .trivial-NumberGamers .trivial-NumberIcon img[src$="tvlcr3.png"],
.trivial-MainContainer .trivial-GameContainer .trivial-Tablero .trivial-SelectsGamers .trivial-NumberGamers .trivial-NumberIcon img[src$="tvlcb4.png"],
.trivial-MainContainer .trivial-GameContainer .trivial-Tablero .trivial-SelectsGamers .trivial-NumberGamers .trivial-NumberIcon img[src$="tvlcr4.png"] {
    -o-object-position: -99999px 99999px;
    object-position: -99999px 99999px;
    width: 32px;
    height: 32px;
    border: 2px solid #007bc4;
    border-radius: 4px;
}

.trivial-MainContainer .trivial-GameContainer .trivial-Tablero .trivial-SelectsGamers .trivial-NumberGamers .trivial-NumberIcon img[src$="tvlcb1.png"],
.trivial-MainContainer .trivial-GameContainer .trivial-Tablero .trivial-SelectsGamers .trivial-NumberGamers .trivial-NumberIcon img[src$="tvlcb2.png"],
.trivial-MainContainer .trivial-GameContainer .trivial-Tablero .trivial-SelectsGamers .trivial-NumberGamers .trivial-NumberIcon img[src$="tvlcb3.png"],
.trivial-MainContainer .trivial-GameContainer .trivial-Tablero .trivial-SelectsGamers .trivial-NumberGamers .trivial-NumberIcon img[src$="tvlcb4.png"] {
    background-color: #e5f2f9;
}

.trivial-MainContainer .trivial-GameContainer .trivial-Tablero .trivial-SelectsGamers .trivial-NumberGamers .trivial-NumberIcon img[src$="tvlcr1.png"] {
    background-color: #ff9999;
}

.trivial-MainContainer .trivial-GameContainer .trivial-Tablero .trivial-SelectsGamers .trivial-NumberGamers .trivial-NumberIcon img[src$="tvlcr2.png"] {
    background-color: #3f9cd2;
}

.trivial-MainContainer .trivial-GameContainer .trivial-Tablero .trivial-SelectsGamers .trivial-NumberGamers .trivial-NumberIcon img[src$="tvlcr3.png"] {
    background-color: #ccff99;
}

.trivial-MainContainer .trivial-GameContainer .trivial-Tablero .trivial-SelectsGamers .trivial-NumberGamers .trivial-NumberIcon img[src$="tvlcr4.png"] {
    background-color: #fff899;
}

.trivial-MainContainer .trivial-GameContainer .trivial-Tablero .trivial-SelectsGamers .trivial-NameGamers {
    margin-bottom: 2.5em;
}

.trivial-MainContainer .trivial-GameContainer .trivial-Tablero .trivial-SelectsGamers .trivial-NameGamers .trivial-JugadorData .trivial-FichaJugador {
    width: 32px !important;
    height: 32px !important;
}

.trivial-MainContainer .trivial-GameContainer .trivial-Tablero .trivial-SelectsGamers .trivial-NameGamers .trivial-JugadorData .trivial-NameGamer {
    height: 32px !important;
    font-size: 1.25em !important;
    color: #002b4a;
    border: 1px solid #007bc4;
    border-radius: 8px;
}

.trivial-MainContainer .trivial-GameContainer .trivial-Tablero .trivial-SelectsGamers .trivial-StartGame {
    background-color: #007bc4;
    border-radius: 8px;
    padding: 8px 16px !important;
    color: #ffffff;
    font-size: 1em !important;
    font-weight: normal;
    text-decoration: none !important;
    width: auto;
    position: relative;
    left: 50%;
    transform: translate(-50%, -50%);
}

.trivial-MainContainer .trivial-GameContainer .trivial-Tablero .trivial-Message {
    opacity: unset;
    box-shadow: 0px 4px 25px rgba(0, 43, 74, 0.3019607843);
    border-radius: 16px;
}

.trivial-MainContainer .trivial-GameContainer .trivial-Tablero .trivial-Message .trivial-MessageImage[src$="tvlfr.png"] {
    content: url("Trivial-Ficha-JugadorRojo.svg");
}

.trivial-MainContainer .trivial-GameContainer .trivial-Tablero .trivial-Message .trivial-MessageImage[src$="tvlfb.png"] {
    content: url("Trivial-Ficha-JugadorAzul.svg");
}

.trivial-MainContainer .trivial-GameContainer .trivial-Tablero .trivial-Message .trivial-MessageImage[src$="tvlfg.png"] {
    content: url("Trivial-Ficha-JugadorVerde.svg");
}

.trivial-MainContainer .trivial-GameContainer .trivial-Tablero .trivial-Message .trivial-MessageImage[src$="tvlfy.png"] {
    content: url("Trivial-Ficha-JugadorAmarillo.svg");
}

.trivial-MainContainer .trivial-GameContainer .trivial-Tablero .trivial-Message p {
    color: #002b4a;
}

.trivial-MainContainer .trivial-GameContainer .trivial-Tablero .trivial-Dado .trivial-FondoDado {
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1607843137) !important;
    border-radius: 10px !important;
}

.trivial-MainContainer .trivial-GameContainer .trivial-Tablero .trivial-Dado .trivial-FondoDado[style^="background-color: rgb(244, 67, 54);"] {
    background-color: #ff9999 !important;
}

.trivial-MainContainer .trivial-GameContainer .trivial-Tablero .trivial-Dado .trivial-FondoDado[style^="background-color: rgb(4, 69, 143);"] {
    background-color: #3f9cd2 !important;
}

.trivial-MainContainer .trivial-GameContainer .trivial-Tablero .trivial-Dado .trivial-FondoDado[style^="background-color: rgb(0, 175, 128);"] {
    background-color: #ccff99 !important;
}

.trivial-MainContainer .trivial-GameContainer .trivial-Tablero .trivial-Dado .trivial-FondoDado[style^="background-color: rgb(255, 206, 0);"] {
    background-color: #fff899 !important;
}

.trivial-MainContainer .trivial-GameContainer .trivial-Tablero .trivial-Dado .trivialClick .trivial-ManoDado {
    background-color: unset !important;
    background-image: none !important;
    content: url("button_C26.svg");
    width: 75%;
    height: auto;
}

.trivial-MainContainer .trivial-GameContainer .trivial-Dado .trivialClick .trivial-ManoDado:hover {
    content: url("button_C27.svg");
}

.trivial-MainContainer .trivial-GameContainer .trivial-JugadorRojo {
    background-image: url("Trivial-Ficha-JugadorRojo.svg");
}

.trivial-MainContainer .trivial-GameContainer .trivial-JugadorAzul {
    background-image: url("Trivial-Ficha-JugadorAzul.svg");
}

.trivial-MainContainer .trivial-GameContainer .trivial-JugadorVerde {
    background-image: url("Trivial-Ficha-JugadorVerde.svg");
}

.trivial-MainContainer .trivial-GameContainer .trivial-JugadorAmarillo {
    background-image: url("Trivial-Ficha-JugadorAmarillo.svg");
}

.trivial-MainContainer .trivial-GameContainer .trivial-PanelLateral .trivial-Jugadores {
    width: 16em !important;
}

.trivial-MainContainer .trivial-GameContainer .trivial-PanelLateral .trivial-Jugadores .trivial-Jugador .trivial-JugadoresMochila:first-child {
    width: 32px;
    height: 32px;
}

.trivial-MainContainer .trivial-GameContainer .trivial-PanelLateral .trivial-Jugadores .trivial-Jugador .trivial-Queso {
    width: 26px;
    height: 26px;
}

.trivial-MainContainer .trivial-GameContainer .trivial-PanelLateral .trivial-Jugadores .trivial-Jugador .trivial-Puntos {
    font-size: 1.25em !important;
}

.trivial-MainContainer .trivial-GameContainer .trivial-PanelLateral .trivial-Jugadores .trivial-Jugador .trivial-Q1 {
    border-color: #ff9999;
}

.trivial-MainContainer .trivial-GameContainer .trivial-PanelLateral .trivial-Jugadores .trivial-Jugador .trivial-Q1[style^="background-color: rgb(244, 67, 54)"] {
    background-color: #ff9999 !important;
}

.trivial-MainContainer .trivial-GameContainer .trivial-PanelLateral .trivial-Jugadores .trivial-Jugador .trivial-Q2 {
    border-color: #ccff99;
}

.trivial-MainContainer .trivial-GameContainer .trivial-PanelLateral .trivial-Jugadores .trivial-Jugador .trivial-Q2[style^="background-color: rgb(148, 229, 120)"] {
    background-color: #ccff99 !important;
}

.trivial-MainContainer .trivial-GameContainer .trivial-PanelLateral .trivial-Jugadores .trivial-Jugador .trivial-Q3 {
    border-color: #66DFFF;
}

.trivial-MainContainer .trivial-GameContainer .trivial-PanelLateral .trivial-Jugadores .trivial-Jugador .trivial-Q3[style^="background-color: rgb(158, 188, 236)"] {
    background-color: #66DFFF !important;
}

.trivial-MainContainer .trivial-GameContainer .trivial-PanelLateral .trivial-Jugadores .trivial-Jugador .trivial-Q4 {
    border-color: #FFF12F;
}

.trivial-MainContainer .trivial-GameContainer .trivial-PanelLateral .trivial-Jugadores .trivial-Jugador .trivial-Q4[style^="background-color: rgb(241, 243, 112)"] {
    background-color: #FFF12F !important;
}

.trivial-MainContainer .trivial-GameContainer .trivial-PanelLateral .trivial-Jugadores .trivial-Jugador .trivial-Q5 {
    border-color: #D6ACFF;
}

.trivial-MainContainer .trivial-GameContainer .trivial-PanelLateral .trivial-Jugadores .trivial-Jugador .trivial-Q5[style^="background-color: rgb(226, 185, 238)"] {
    background-color: #D6ACFF !important;
}

.trivial-MainContainer .trivial-GameContainer .trivial-PanelLateral .trivial-Jugadores .trivial-Jugador .trivial-Q6 {
    border-color: #FFBF4D;
}

.trivial-MainContainer .trivial-GameContainer .trivial-PanelLateral .trivial-Jugadores .trivial-Jugador .trivial-Q6[style^="background-color: rgb(251, 189, 93)"] {
    background-color: #FFBF4D !important;
}

.trivial-MainContainer .trivial-GameContainer .trivial-PanelLateral .trivial-Materias .trivial-Materia [class^="trivial-M"] {
    width: 32px;
    height: 32px;
    border-radius: 4px;
    padding: 14px;
}

.trivial-MainContainer .trivial-GameContainer .trivial-PanelLateral .trivial-Materias .trivial-Materia .trivial-M1 {
    background-color: #ff9999;
    border-color: #ff9999;
}

.trivial-MainContainer .trivial-GameContainer .trivial-PanelLateral .trivial-Materias .trivial-Materia .trivial-M2 {
    background-color: #ccff99;
    border-color: #ccff99;
}

.trivial-MainContainer .trivial-GameContainer .trivial-PanelLateral .trivial-Materias .trivial-Materia .trivial-M3 {
    background-color: #66DFFF;
    border-color: #66DFFF;
}

.trivial-MainContainer .trivial-GameContainer .trivial-PanelLateral .trivial-Materias .trivial-Materia .trivial-M4 {
    background-color: #FFF12F;
    border-color: #FFF12F;
}

.trivial-MainContainer .trivial-GameContainer .trivial-PanelLateral .trivial-Materias .trivial-Materia .trivial-M5 {
    background-color: #D6ACFF;
    border-color: #D6ACFF;
}

.trivial-MainContainer .trivial-GameContainer .trivial-PanelLateral .trivial-Materias .trivial-Materia .trivial-M6 {
    background-color: #FFBF4D;
    border-color: #FFBF4D;
}

.trivial-MainContainer .trivial-GameContainer .trivial-PanelLateral .trivial-Materias .trivial-Materia .trivial-MateriaNombre {
    font-size: 1em !important;
}

.trivial-MainContainer .trivial-GameQuestion .trivial-QuestionDiv .trivial-OptionsDiv .trivial-Options {
    color: #002b4a !important;
    font-size: 1em;
    background-color: #ffffff !important;
    border: 2px solid;
    border-radius: 8px;
}

.trivial-MainContainer .trivial-GameQuestion .trivial-QuestionDiv .trivial-OptionsDiv .trivial-Options[style^="border-color: rgb(179, 9, 47);"] {
    border-color: #ff9999 !important;
}

.trivial-MainContainer .trivial-GameQuestion .trivial-QuestionDiv .trivial-OptionsDiv .trivial-Options[style^="border-color: rgb(88, 119, 198);"] {
    border-color: #3f9cd2 !important;
}

.trivial-MainContainer .trivial-GameQuestion .trivial-QuestionDiv .trivial-OptionsDiv .trivial-Options[style^="border-color: rgb(0, 163, 0);"] {
    border-color: #ccff99 !important;
}

.trivial-MainContainer .trivial-GameQuestion .trivial-QuestionDiv .trivial-OptionsDiv .trivial-Options[style^="border-color: rgb(243, 213, 90);"] {
    border-color: #fff899 !important;
}

.trivial-MainContainer .trivial-GameQuestion .trivial-QuestionDiv .trivial-OptionsDiv .trivial-Options[style$="background-color: rgb(179, 9, 47); cursor: pointer; color: rgb(255, 255, 255);"],
.trivial-MainContainer .trivial-GameQuestion .trivial-QuestionDiv .trivial-OptionsDiv .trivial-Options[style$="border-color: rgb(28, 27, 27); background-color: rgb(179, 9, 47); cursor: default; color: rgb(255, 255, 255);"] {
    border-color: #ff9999 !important;
    background-color: #ff9999 !important;
}

.trivial-MainContainer .trivial-GameQuestion .trivial-QuestionDiv .trivial-OptionsDiv .trivial-Options[style$="background-color: rgb(88, 119, 198); cursor: pointer; color: rgb(255, 255, 255);"],
.trivial-MainContainer .trivial-GameQuestion .trivial-QuestionDiv .trivial-OptionsDiv .trivial-Options[style$="border-color: rgb(28, 27, 27); background-color: rgb(88, 119, 198); cursor: default; color: rgb(255, 255, 255);"] {
    border-color: #3f9cd2 !important;
    background-color: #3f9cd2 !important;
}

.trivial-MainContainer .trivial-GameQuestion .trivial-QuestionDiv .trivial-OptionsDiv .trivial-Options[style$="background-color: rgb(0, 163, 0); cursor: pointer; color: rgb(255, 255, 255);"],
.trivial-MainContainer .trivial-GameQuestion .trivial-QuestionDiv .trivial-OptionsDiv .trivial-Options[style$="border-color: rgb(28, 27, 27); background-color: rgb(0, 163, 0); cursor: default; color: rgb(255, 255, 255);"] {
    border-color: #ccff99 !important;
    background-color: #ccff99 !important;
}

.trivial-MainContainer .trivial-GameQuestion .trivial-QuestionDiv .trivial-OptionsDiv .trivial-Options[style$="background-color: rgb(243, 213, 90); cursor: pointer; color: rgb(255, 255, 255);"],
.trivial-MainContainer .trivial-GameQuestion .trivial-QuestionDiv .trivial-OptionsDiv .trivial-Options[style$="border-color: rgb(28, 27, 27); background-color: rgb(243, 213, 90); cursor: default; color: rgb(255, 255, 255);"] {
    border-color: #fff899 !important;
    background-color: #fff899 !important;
}

.trivial-MainContainer .trivial-GameQuestion .trivial-QuestionDiv .trivial-OptionsDiv .trivial-Options[style^="border-color: rgb(0, 255, 0);"] {
    background-color: #ccff99 !important;
    border-color: #ccff99 !important;
}

.trivial-MainContainer .trivial-GameQuestion .trivial-QuestionDiv .trivial-OptionsDiv .trivial-Options[style^="border-color: rgb(217, 217, 217);"] {
    border-color: #002b4a !important;
    border-width: 2px !important;
}

.trivial-MainContainer .trivial-GameQuestion .trivial-QuestionDiv .trivial-Question {
    color: #002b4a;
    font-size: 1.25em;
}

.trivial-MainContainer .trivial-GameQuestion .trivial-BottonContainerDiv {
    justify-content: center;
}

.trivial-MainContainer .trivial-GameQuestion .trivial-BottonContainerDiv .trivial-AnswersDiv .trivial-Answers {
    width: auto;
}

.trivial-MainContainer .trivial-GameQuestion .trivial-BottonContainerDiv .trivial-AnswersDiv .trivial-Answers .trivial-AnswersOptions {
    border: 2px solid #007bc4;
    width: 32px;
    height: 32px;
}

.trivial-MainContainer .trivial-GameQuestion .trivial-BottonContainerDiv .trivial-AnswersDiv .trivial-Answers .trivial-Answer1 {
    background-color: #ff9999;
}

.trivial-MainContainer .trivial-GameQuestion .trivial-BottonContainerDiv .trivial-AnswersDiv .trivial-Answers .trivial-Answer2 {
    background-color: #3f9cd2;
}

.trivial-MainContainer .trivial-GameQuestion .trivial-BottonContainerDiv .trivial-AnswersDiv .trivial-Answers .trivial-Answer3 {
    background-color: #ccff99;
}

.trivial-MainContainer .trivial-GameQuestion .trivial-BottonContainerDiv .trivial-AnswersDiv .trivial-Answers .trivial-Answer4 {
    background-color: #fff899;
}

.gameQP-MainContainer .gameQP-GameContainer[id^=quextGameContainer] .gameQP-Multimedia img.gameQP-Cover {
    content: url("img/Thumbnail-Actividad-QuExt.png");
}

.gameQP-MainContainer .gameQP-GameContainer[id^=seleccionaGameContainer] .gameQP-Multimedia img.gameQP-Cover {
    content: url("img/Thumbnail-Actividad-Selecciona.png");
}

.gameQP-MainContainer .gameQP-GameContainer[id^=vquextGameContainer] .gameQP-Multimedia img.gameQP-Images {
    content: url("img/Thumbnail-Actividad-Video QuExt.png");
    width: 100% !important;
    height: auto !important;
    top: 0 !important;
    left: 0 !important;
}



/******FIN XOGOS*****/

.exe-teacher-mode-toggler .page > header .package-title,
.exe-teacher-mode-toggler.siteNav-off .page > header .package-title {
    ___width: calc(100% - 550px);
}

.exe-scorm .page .page-header .page-title,
.exe-ims .page .page-header .page-title,
.exe-epub .page .page-header .page-title {
    width: 100%;
}
a {
    text-decoration: none;
}





.exe-epub .page-title, .exe-scorm .page-title, .exe-ims .page-title {
    color: #282573;
}

.exe-teacher-mode-toggler .page > header .package-title,
.exe-teacher-mode-toggler.siteNav-off .page > header .package-title {
    ___width: calc(100% - 550px);
}

.exe-scorm .page .page-header .page-title,
.exe-ims .page .page-header .page-title,
.exe-epub .page .page-header .page-title {
    width: 100%;
}

.exe-scorm .page > header .package-title,
.exe-scorm .siteNav-off .page > header .package-title,
.exe-ims .page > header .package-title,
.exe-ims .siteNav-off .page > header .package-title,
.exe-epub .page > header .package-title,
.exe-epub .siteNav-off .page > header .package-title,
.exe-ims .page > header .package-title,
.exe-single-page .package-header h1 {
    width: 100%;
}

.package-subtitle {
    width: 100%;
    position: absolute;
    left: 32px;
    bottom: 0;
    font-size: .9em;
    color:var(--dark-blue-color);
}

.exe-web-site .package-subtitle {
    width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
        display:block;
        bottom:-20px;
        position:absolute;
        top: auto;
        left:10px;
        border-bottom:40px;
        font-size: 1.6em;
        color:var(--dark-blue-color);
}

.siteNav-off .page > header .package-subtitle {
    left: 24px;
}


main header:not(#head) {
    padding: 0 !important;
    margin: 0 !important;
    max-width: none !important;
}

body.exe-scorm .package-title,
body.exe-ims .package-title,
body.exe-epub .package-title{
    position: absolute;
    top: 24px;
    left: 0;
    font-weight: normal;
    font-size: .95em;
    color: var(--dark-blue-color);
}

body:has(.package-subtitle) .exe-export .package-header{
height:120px;
margin-top:-50px;
}

body:has(.package-subtitle) .exe-export .page{
margin-top:130px;
}

.exe-udlContent .udl-character-1::before{content:" ";float:left;display:block;height:125px;width:125px;background:url(img/Personaxe1-small.png) no-repeat 0 0  !important;;background-size:125px auto;border-radius:10px}
.exe-udlContent .udl-character-2::before{background-image:url(img/Personaxe2-small.png)  !important;}
.exe-udlContent .udl-character-3::before{background-image:url(img/Personaxe3-small.png)  !important;}
.exe-udlContent .udl-character-4::before{background-image:url(img/Personaxe4-small.png)  !important;}

/* Responsive design */
@media (max-width: 750px) {
.exe-export .package-title {
  font-size: 1.8em;
  margin-top: -1em;
}
.nav-buttons{
position:absolute;
margin-top:0;
right:20px;
margin:-6px;
padding:0;
font-size: 0.9em;
}
.nav-buttons .nav-button-left{
position:absolute;
right:260px;
height:30px;
border:1px solid #cccccc;
}
.nav-buttons .nav-button-right{
position:absolute;
right:0px;
height:30px;
border:1px solid #cccccc;
}

.exe-web-site .nav-buttons .page-counter{
position:absolute;
text-align:center;
right:116px;
width:140px;
color: var(--text-button-color);
}
.exe-web-site .exe-content {
    box-shadow:
        inset 251px 0 0 0 #f6f6f6,
        inset 252px 0 0 0 #f0f0f0;
}
.exe-web-site main.page{
background-image: none;
box-shadow: none;
margin-top: 0;
}
.exe-export .page-header{
margin: 0 10px 0 20px;
padding: 10px;
}
.exe-web-site.siteNav-off .package-title  {
     margin-top: 5.5em;;
}

.exe-web-site.siteNav-off #siteNavToggler  {
    margin-top: 3.3em;
    border:1px solid #cccccc;
}
.exe-web-site.siteNav-off #searchBarTogger  {
    margin-top: 4em;
    border:1px solid #cccccc;
}
.exe-web-site.siteNav-off .page-header  {
    margin-top: 5em;
}
.exe-web-site.siteNav-off .nav-buttons  {
    margin-top:4.3em;
}
.exe-web-site.siteNav-off .page-counter  {
color: var(--dark-blue-color);
}
#exe-client-search-form{
margin-top:100px;
}
.exe-web-site .box-toggle{
margin-right:4px;
}
.exe-web-site .page-content{
padding-right:0px;
}
#siteNav a {
    max-width: 235px;
}

button#siteNavToggler {
    left: 10px;
   border:1px solid #cccccc;
   padding:0 10px;

}

button#searchBarTogger {
    left: 282px;
}

.exe-web-site main.page,
.exe-web-site #siteFooter {
    padding-left: 270px;
}

button#searchBarTogger {
    left: 130px;
    border:1px solid #cccccc;
}
#siteNav {
width: 99%;
float: none;
padding: 68px 10px 20px 10px;
min-height: 0 !important;
height: auto !important;
margin-top:100px;
}

.exe-web-site .exe-content {
    box-shadow: none;
}

body.exe-web-site main.page {
    padding-top: 2.5em;
    padding-left: 0;
}

body.exe-web-site #siteFooter {
    padding-left: 0;
}


#siteNav a {
    max-width: 100%;
}

#sidebar-nav.fixed {
    position: relative;
}

.exe-web-site .page-counter {
    background: none;
}

.exe-web-site .page-counter .page-counter-label {
    position: absolute;
    clip: rect(1px 1px 1px 1px);
    /* IE6, IE7 */
    clip: rect(1px, 1px, 1px, 1px);
}
}
@media print {
    html body.exe-export {
        background: #fff;
    }
    .exe-content {
        color: #000;
        padding: 0;
    }
    @page {
        margin: 1.5cm;
    }
    .exe-export .page-title {
        text-shadow: none;
    }
    #packageLicense.cc {
        background: none;
        padding-left: 0;
    }
    .exe-export .box-toggle {
        display: none;
    }
    /* Website */
    .exe-web-site #siteNav,
    .exe-web-site .nav-buttons,
    .exe-web-site button.toggler {
        display: none;
    }
    .exe-web-site #siteFooter,
    .exe-web-site main.page {
        padding-left: 0;
        padding-right: 0;
    }
    .exe-web-site main.page {
        padding-top: 1em;
    }
}

