/*Mejora LBNew*/
body {
    --colorBoxShadow:#6C6C6C;
    --primaryColor15: #706f6f;
    --primaryColor20:#6D6C5E;
    --primaryColor21:#6f6f6f;
    --primarycolor23:#D71F51;
    --primarycolor24:#FDE3D0;
    --workspace-color: #6D6B6B;
}

body.default-dark-theme {
	--colorBoxShadow:#949494;
	--primaryColor15: #8F8F8F;
	--primaryColor20:#A09F92;
	--primaryColor21:#8F8F8F;
	--primarycolor23:#E0295A;
	--primarycolor24:#311602;
	--workspace-color: #6c6c6c;
}

/*portadillas*/
#indice .unit-content .header .title {
    color: transparent;
}

/*menu lateral*/
#book-index #indice .unit-content .material .item .imagen {
    position: relative;
    border: var(--ele-b-width) solid var(--FixedWhite);
}


#book-index #indice .unit-content .material .item .imagen.actividad:after, 
#book-index #indice .unit-content .material .item .imagen.archivo:after, 
#book-index #indice .unit-content .material .item .imagen.img:after, 
#book-index #indice .unit-content .material .item .imagen.libro:after, 
#book-index #indice .unit-content .material .item .imagen.musica:after, 
#book-index #indice .unit-content .material .item .imagen.url:after, 
#book-index #indice .unit-content .material .item .imagen.video:after {
    background-color: var(--FixedWhite);
}

/*titulos*/
#actividad .bck-title-5 {
    background: var(--primaryColor04);
    box-shadow: 0 .4rem 1rem -.1rem var(--colorBoxShadow);
    padding: 2.7rem 7.5rem 1.8rem 4rem;
    margin-left: -4rem;
}

#actividad .bck-title-6 {
    padding: 1.7rem 7.5rem .5rem 4rem;
    margin-left: -4rem;
}

#actividad .bck-title-7, 
#actividad .bck-title-8 {
    background-color: TRANSPARENT;
    border-radius: 0;
    padding: 0;
}

#actividad .bck-title-8, 
#actividad .bck-title-9 {
    border-bottom: none;
    color: var(--primaryColor01);
    font-weight: 700;
    background-color: transparent;
}

#actividad .bck-title-15 {
    color: var(--tagNaranja);
    font-size: 2.8rem;
    font-weight: 700;
    left: 27rem;
    margin-top: -7.1rem;
    padding-bottom: 1.6rem;
    position: relative;
    width: 60%;
}

#actividad .bck-title-7 {
	background-color: transparent;
	border-radius: 0;
}

#actividad .bck-title-8 {
    background-color: transparent;
    border-radius: 0;
    padding: 0;
}


/*listas ord*/


#actividad .content .workspace ul li .bck-ol-1 li {
	margin-left: 5.1rem;
    line-height: var(--MainLineHeight) !important;
    margin-bottom: var(--slide-margin-listas);
    padding: 0;

}


#actividad .content .cke_contents .bck-ol-1 li::marker, 
#actividad .content .texto_curso .bck-ol-1 li::marker, 
#actividad .content .workspace ul li .bck-ol-1 li::marker, 
#actividad .popover-content .bck-ol-1 li::marker {
    color: var(--MainColor);
    font-weight: 800;
    text-align: right;
    color: var(--DynBlack);
}



#actividad .content .workspace ul li .bck-ol-2 li {
	margin-left: 5.1rem;
    line-height: var(--MainLineHeight) !important;
    margin-bottom: var(--slide-margin-listas);
}


#actividad .content .cke_contents .bck-ol-2 li::marker, 
#actividad .content .texto_curso .bck-ol-2 li::marker, 
#actividad .content .workspace ul li .bck-ol-2 li::marker, 
#actividad .popover-content .bck-ol-2 li::marker {
    color: var(--DynBlack);
    font-weight: 700;
}


#actividad .content .workspace ul li .bck-ol-3 li {
	margin-left: 5.1rem;
    line-height: var(--MainLineHeight) !important;
    margin-bottom: var(--slide-margin-listas);
}


#actividad .content .cke_contents .bck-ol-3 li::marker, 
#actividad .content .texto_curso .bck-ol-3 li::marker, 
#actividad .content .workspace ul li .bck-ol-3 li::marker, 
#actividad .popover-content .bck-ol-3 li::marker {
    color: var(--DynBlack);
    font-weight: 800;
}



#actividad .content .cke_contents .bck-ol-4 li, 
#actividad .content .texto_curso .bck-ol-4 li, 
#actividad .content .workspace ul li .bck-ol-4 li, 
#actividad .popover-content .bck-ol-4 li {
	counter-increment: bck-li-counter;
    position: relative;
    list-style-position: inside;
    line-height: var(--MainLineHeight) !important;
    margin-bottom: var(--slide-margin-listas);
}

#actividad .content .cke_contents .bck-ol-4 li:before, 
#actividad .content .texto_curso .bck-ol-4 li:before, 
#actividad .content .workspace ul li .bck-ol-4 li:before, 
#actividad .popover-content .bck-ol-4 li:before {
padding: 1rem;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 3.5rem;
    height: 3.5rem;
    font-weight: 700;
    position: absolute;
    color: var(--DynWhite);
    background-color: var(--primaryColor01);
    text-align: center;
    border-radius: 100%;
    top: -.1rem;
}

#actividad .content .cke_contents .bck-ol-5 li, 
#actividad .content .texto_curso .bck-ol-5 li, 
#actividad .content .workspace ul li .bck-ol-5 li, 
#actividad .popover-content .bck-ol-5 li {
	counter-increment: bck-li-counter;
    position: relative;
    list-style-position: inside;
    line-height: var(--MainLineHeight) !important;
    margin-bottom: var(--slide-margin-listas);
}

#actividad .content .cke_contents .bck-ol-5 li:before, 
#actividad .content .texto_curso .bck-ol-5 li:before, 
#actividad .content .workspace ul li .bck-ol-5 li:before, 
#actividad .popover-content .bck-ol-5 li:before {
	padding: 1rem;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 3.5rem;
    height: 3.5rem;
    font-weight: 700;
    position: absolute;
    color: var(--DynWhite);
    background-color: var(--primaryColor02);
    text-align: center;
    border-radius: 100%;
        top: -.1rem;
}


#actividad .content .cke_contents .bck-ol-6 li, 
#actividad .content .texto_curso .bck-ol-6 li, 
#actividad .content .workspace ul li .bck-ol-6 li, 
#actividad .popover-content .bck-ol-6 li {
	counter-increment: bck-li-counter;
    position: relative;
    list-style-position: inside;
    line-height: var(--MainLineHeight) !important;
    margin-bottom: var(--slide-margin-listas);
}

#actividad .content .cke_contents .bck-ol-6 li:before, 
#actividad .content .texto_curso .bck-ol-6 li:before, 
#actividad .content .workspace ul li .bck-ol-6 li:before, 
#actividad .popover-content .bck-ol-6 li:before {
	padding: 1rem;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 3.5rem;
    height: 3.5rem;
    font-weight: 700;
    position: absolute;
    color: var(--DynWhite);
    background-color: var(--DynBlack);
    text-align: center;
    border-radius: 100%;
    top: -.1rem;
}


#actividad .content .cke_contents .bck-ol-7,
#actividad .content .texto_curso .bck-ol-7,
#actividad .content .workspace ul li .bck-ol-7,
#actividad .popover-content .bck-ol-7 {
	list-style-type: upper-alpha;
}

#actividad .content .workspace ul li .bck-ol-7 li {
	margin-left: 5.1rem;
    line-height: var(--MainLineHeight) !important;
    margin-bottom: var(--slide-margin-listas);
}


#actividad .content .cke_contents .bck-ol-7 li::marker, 
#actividad .content .texto_curso .bck-ol-7 li::marker, 
#actividad .content .workspace ul li .bck-ol-7 li::marker, 
#actividad .popover-content .bck-ol-7 li::marker {
	font-weight: 700;
    position: absolute;
    font-family: inherit;
}


#actividad .content .cke_contents .bck-ol-8,
#actividad .content .texto_curso .bck-ol-8,
#actividad .content .workspace ul li .bck-ol-8,
#actividad .popover-content .bck-ol-8 {
	 list-style-type: lower-alpha;
}

#actividad .content .workspace ul li .bck-ol-8 li {
	margin-left: 5.1rem;
    line-height: var(--MainLineHeight) !important;
    margin-bottom: var(--slide-margin-listas);
}


#actividad .content .cke_contents .bck-ol-8 li::marker, 
#actividad .content .texto_curso .bck-ol-8 li::marker, 
#actividad .content .workspace ul li .bck-ol-8 li::marker, 
#actividad .popover-content .bck-ol-8 li::marker {
	font-weight: 700;
    position: absolute;
    font-family: inherit;
}


#actividad .content .cke_contents .bck-ol-9,
#actividad .content .texto_curso .bck-ol-9,
#actividad .content .workspace ul li .bck-ol-9,
#actividad .popover-content .bck-ol-9 {
	list-style-type: none;
}


#actividad .content .cke_contents .bck-ol-9 li, 
#actividad .content .texto_curso .bck-ol-9 li, 
#actividad .content .workspace ul li .bck-ol-9 li, 
#actividad .popover-content .bck-ol-9 li {
	counter-increment: bck-li-counter;
    position: relative;
    list-style-position: inside;
    line-height: var(--MainLineHeight) !important;
    margin-bottom: var(--slide-margin-listas);
    margin-left: 5.1rem;
}

#actividad .content .cke_contents .bck-ol-9 li:before, 
#actividad .content .texto_curso .bck-ol-9 li:before, 
#actividad .content .workspace ul li .bck-ol-9 li:before, 
#actividad .popover-content .bck-ol-9 li:before {
	content: counter(bck-li-counter, upper-alpha);
    padding: 1rem;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 3.5rem;
    height: 3.5rem;
    font-weight: 700;
    position: absolute;
    color: var(--DynWhite);
    background-color: var(--primaryColor01);
    text-align: center;
    border-radius: 100%;
    margin-left: -5.1rem;
        top: -.1rem;
}



#actividad .content .cke_contents .bck-ol-10,
#actividad .content .texto_curso .bck-ol-10,
#actividad .content .workspace ul li .bck-ol-10,
#actividad .popover-content .bck-ol-10 {
	list-style-type: none;
}


#actividad .content .cke_contents .bck-ol-10 li, 
#actividad .content .texto_curso .bck-ol-10 li, 
#actividad .content .workspace ul li .bck-ol-10 li, 
#actividad .popover-content .bck-ol-10 li {
	counter-increment: bck-li-counter;
    position: relative;
    list-style-position: inside;
    line-height: var(--MainLineHeight) !important;
    margin-bottom: var(--slide-margin-listas);
    margin-left: 5.1rem;
}

#actividad .content .cke_contents .bck-ol-10 li:before, 
#actividad .content .texto_curso .bck-ol-10 li:before, 
#actividad .content .workspace ul li .bck-ol-10 li:before, 
#actividad .popover-content .bck-ol-10 li:before {
	content: counter(bck-li-counter, upper-alpha);
    padding: 1rem;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 3.5rem;
    height: 3.5rem;
    font-weight: 700;
    position: absolute;
    color: var(--DynWhite);
    background-color: var(--primaryColor03);
    text-align: center;
    border-radius: 100%;
    margin-left: -5.1rem;
        top: -.1rem;
}



#actividad .content .cke_contents .bck-ol-11,
#actividad .content .texto_curso .bck-ol-11,
#actividad .content .workspace ul li .bck-ol-11,
#actividad .popover-content .bck-ol-11 {
	list-style-type: none;
}


#actividad .content .cke_contents .bck-ol-11 li, 
#actividad .content .texto_curso .bck-ol-11 li, 
#actividad .content .workspace ul li .bck-ol-11 li, 
#actividad .popover-content .bck-ol-11 li {
	counter-increment: bck-li-counter;
    position: relative;
    list-style-position: inside;
    line-height: var(--MainLineHeight) !important;
    margin-bottom: var(--slide-margin-listas);
    margin-left: 5.1rem;
}

#actividad .content .cke_contents .bck-ol-11 li:before, 
#actividad .content .texto_curso .bck-ol-11 li:before, 
#actividad .content .workspace ul li .bck-ol-11 li:before, 
#actividad .popover-content .bck-ol-11 li:before {
	content: counter(bck-li-counter, upper-alpha);
    padding: 1rem;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 3.5rem;
    height: 3.5rem;
    font-weight: 700;
    position: absolute;
    color: var(--DynWhite);
    background-color: var(--primaryColor04);
    text-align: center;
    border-radius: 100%;
    margin-left: -5.1rem;
    top: -.1rem;
}



/*cajas*/
#actividad .bck-box-1 {
    background: var(--primaryColor11);
    border-radius: 2rem;
    box-shadow: .5rem .5rem 0.4rem 0 var(--colorBoxShadow);
    color: var(--DynBlack);
    margin-top: 0;
    padding: 1.5rem;
}

#actividad .bck-box-2 {
    background: var(--primaryColor12);
    border: 0;
    border-radius: 0;
    box-shadow: none;
    color: var(--DynBlack);
    box-shadow: .5rem .5rem 0.4rem 0 var(--colorBoxShadow);
    padding: 20px;
}

#actividad .bck-box-3 {
    background: transparent;
    border: .1rem solid var(--primaryColor03);
    border-radius: 0;
    box-shadow: none;
    text-align: left;
}

#actividad .bck-box-4 {
    background: transparent;
    border: 0;
    border-radius: 0 0 1.5rem 1.5rem;
    box-shadow: .5rem .5rem 0.4rem 0 var(--colorBoxShadow);
    text-align: left;
}

#actividad .bck-box-5>.bck-title {
    background: var(--primaryColor14);
    border: 0;
    border-radius: 0;
    color: var(--FixedWhite);
    font-size: 2rem;
    font-weight: 700;
    left: 0px;
    margin: 0 auto -2rem;
    padding: 1rem 2.8rem .5rem;
    position: relative;
    right: 0;
    text-align: left;
    top: -2rem;
    width: 100%;
}

#actividad .bck-box.bck-box-5>.bck-content {
    background: var(--SecondaryColor14);
    color: var(--DynBlack);
    padding: 2rem 2.7rem;
    border: .1rem solid var(--primaryColor14);
}

#actividad .bck-box.bck-box-6>.bck-content {
    background: var(--SecondaryColor15);
    color: var(--DynBlack);
    padding: 2rem 2.7rem;
    border: .1rem solid var(--primaryColor15);
}

#actividad .bck-box-6>.bck-title {
    background: var(--primaryColor15);
    border: 0;
    border-radius: 0;
    color: var(--DynWhite);
    font-size: 2rem;
    font-weight: 700;
    left: 0;
    margin: 0 auto -2rem;
    padding: 1rem 2.8rem .5rem;
    position: relative;
    right: 0;
    text-align: left;
    top: -2rem;
    width: auto;
}

#actividad .bck-box.bck-box-7 {
    background: transparent;
    border: 0;
    border-radius: 0 0 2rem 2rem;
    box-shadow: 3px 9px 9px 2px #b8b8b5;
    box-shadow: .5rem .5rem 0.4rem 0 var(--colorBoxShadow);
    text-align: left;
}

#actividad .bck-box-9>.bck-title {
    background: var(--primaryColor20);
    border: 0;
    color: var(--DynWhite);
    font-weight: 700;
    padding: 1rem 2.8rem .5rem;
    text-align: left;
}

#actividad .bck-box-9>.bck-title:after {
	margin-top: -3.3rem;
}

#actividad .bck-box.bck-box-10 {
    background: var(--SecondaryColor16);
    border: .1rem solid var(--tagNaranja);
    border-radius: 0 1.5rem 1.5rem 1.5rem;
    -webkit-box-shadow: .5rem .5rem 0.4rem 0 var(--colorBoxShadow);
    -moz-box-shadow: .5rem .5rem 0.4rem 0 var(--colorBoxShadow);
    box-shadow: .5rem .5rem 0.4rem 0 var(--colorBoxShadow);
    padding: 0;
}

#actividad .bck-box.bck-box-10>.bck-content {
    padding: 2rem 2.6rem;
}

#actividad .bck-box.bck-box-12.center {
    background: var(--SecondaryColor16);
    border: none;
    border-radius: 1.5rem;
    -webkit-box-shadow: .5rem .5rem 0.4rem 0 var(--colorBoxShadow);
    -moz-box-shadow: .5rem .5rem 0.4rem 0 var(--colorBoxShadow);
    box-shadow: .5rem .5rem 0.4rem 0 var(--colorBoxShadow);
    padding: 0;
}

#actividad .bck-box.bck-box-13 {
    padding: 0;
}

#actividad .bck-box.bck-box-13>.bck-title {
	padding: 1.6rem 2.7rem .9rem;
}

#actividad .bck-box.bck-box-13>.bck-content {
    padding: 2rem 2.7rem;
}

#actividad .bck-box.bck-box-14 {
	margin-left: inherit;
    text-align: left;
    padding: 0;
}

#actividad .bck-box.bck-box-14>.bck-content {
    padding: 2rem 2.7rem;
}

#actividad .bck-box.bck-box-15 {
    background: var(--primaryColor01);
    border-radius: 10px;
    color: var(--DynWhite);
    font-size: 22px;
    margin-bottom: 15px;
    margin-left: 50px;
    margin-top: 10px;
    padding: 5px;
    width: 70%;
}

#actividad .bck-box.bck-box-16 {
    border: 0;
    left: -4rem;
    margin-top: -2.6%;
    max-width: calc(100% + 8.1rem);
    padding: 0;
    position: relative;
    width: calc(100% + 13.94rem);
}

#actividad .bck-box.bck-box-17 {
    background: var(--SecondaryColor16);
    border: none;
    -webkit-box-shadow: .5rem .5rem 0.4rem 0 var(--colorBoxShadow);
    -moz-box-shadow: .5rem .5rem 0.4rem 0 var(--colorBoxShadow);
    box-shadow: .5rem .5rem 0.4rem 0 var(--colorBoxShadow);
    padding: 0;
}

#actividad .bck-box-18>.bck-title {
    background: var(--primaryColor18);
    border: 0;
    border-radius: 2rem 2rem 0 0;
    color: var(--FixedWhite);
    font-size: 2rem;
    font-weight: 700;
    padding: 1rem 2.7rem 0;
    text-align: left;
    width: fit-content;
}

#actividad .bck-box.bck-box-19>.bck-content {
    background: var(--DynWhite);
    border: .3rem solid #cdcdcb;
    border-radius: 0 0 15px 15px;
    border-top: 0;
    padding: 1rem;
    box-shadow: .5rem .5rem 0.4rem 0 var(--colorBoxShadow);
}

#actividad .bck-box.bck-box-20 {
    background: transparent;
    border: .1rem solid var(--primaryColor09);
    border-radius: 0;
    text-align: left;
}

/*tablas*/
#actividad table.bck-table-1 td {
    border-color: var(--tagNaranja);
}

#actividad .bck-table-1 {
    border-radius: 0;
    overflow: hidden;
    box-shadow: none;
    border-collapse: collapse;
    border: 3px solid var(--tagNaranja);
}

#actividad table td.bck-td-1 {
    background-color: var(--tagNaranja);
    font-weight: 700;
    color: var(--DynWhite);
    border-width: 2px;
    border-color: var(--DynWhite);
}

#actividad .bck-table-1 th {
    background-color: var(--tagNaranja);
    font-weight: 700;
    color: var(--DynWhite);
    border-width: 2px;
    border-color: var(--DynWhite);
    padding: 1.2rem 1rem 1rem;
}

#actividad table.bck-table-2 td {
    border-color: var(--primaryColor21);
}

#actividad .bck-table-2 {
    border-radius: 0;
    overflow: hidden;
    box-shadow: none;
    border-collapse: collapse;
    border: 3px solid var(--primaryColor21);
}

#actividad table td.bck-td-2 {
    background-color: var(--primaryColor21);
    font-weight: 700;
    color: var(--FixedWhite);
    border-width: 2px;
    border-color: var(--DynWhite);
}

#actividad .bck-table-2 th {
background-color: var(--primaryColor21);
    font-weight: 700;
    color: var(--FixedWhite);
    border-width: 2px;
    border-color: var(--DynWhite);
    padding: 1.2rem 1rem 1rem;
}

#actividad .bck-table-3 {
    border: 2px solid transparent
}

#actividad  table.bck-table-3 td {
    border-color: transparent;
    padding: 18px 10px 10px;
    background-color: transparent;
    color: inherit
}

#actividad .bck-table-3 th {
border-color: transparent;
    padding: 18px 10px 10px;
    background-color: transparent;
    color: inherit;
    padding: 1.2rem 1rem 1rem;
}

#actividad table.bck-table-4 td {
    border-color: var(--tagVioleta);
}

#actividad .bck-table-4 {
    border-radius: 0;
    overflow: hidden;
    box-shadow: none;
    border-collapse: collapse;
    border: 3px solid var(--tagVioleta);
}

#actividad table td.bck-td-4 {
    background-color: var(--tagVioleta);
    font-weight: 700;
    color: var(--DynWhite);
    border-width: 2px;
    border-color: var(--DynWhite);
}

#actividad .bck-table-4 th {
background-color: var(--tagVioleta);
    font-weight: 700;
    color: var(--DynWhite);
    border-width: 2px;
    border-color: var(--DynWhite);
    padding: 1.2rem 1rem 1rem;
}

#actividad table.bck-table-5 td {
    border-color: var(--primarycolor23);
}

#actividad .bck-table-5 {
    border-radius: 0;
    overflow: hidden;
    box-shadow: none;
    border-collapse: collapse;
    border: 3px solid var(--primarycolor23);
}

#actividad table td.bck-td-5 {
    background-color: var(--primarycolor23);
    font-weight: 700;
    color: var(--FixedWhite);
    border-width: 2px;
    border-color: var(--DynWhite);
}

#actividad .bck-table-5 th {
background-color: var(--primarycolor23);
    font-weight: 700;
    color: var(--FixedWhite);
    border-width: 2px;
    border-color: var(--DynWhite);
    padding: 1.2rem 1rem 1rem;
}

#actividad table.bck-table-6 td {
    border-color: var(--tagVerde);
}

#actividad .bck-table-6 {
    border-radius: 0;
    overflow: hidden;
    box-shadow: none;
    border-collapse: collapse;
    border: 3px solid var(--tagVerde);
}

#actividad table td.bck-td-6 {
    background-color: var(--tagVerde);
    font-weight: 700;
    color: var(--DynWhite);
    border-width: 2px;
    border-color: var(--DynWhite);
}

#actividad .bck-table-6 td {
    border: var(--ele-b-width) solid var(--DynBlack);
}

#actividad .bck-table-6 th {
background-color: var(--tagVerde);
    font-weight: 700;
    color: var(--DynWhite);
    border-width: 2px;
    border-color: var(--DynWhite);
    padding: 1.2rem 1rem 1rem;
}

#actividad table.bck-table-7 td {
    border-color: var(--primaryColor03);
}

#actividad .bck-table-7 {
    border-radius: 0;
    overflow: hidden;
    box-shadow: none;
    border-collapse: collapse;
    border: 3px solid var(--primaryColor03);
}

#actividad table td.bck-td-7 {
    background-color: var(--primaryColor03);
    font-weight: 700;
    color: var(--DynWhite);
    border-width: 2px;
    border-color: var(--DynWhite);
}

#actividad .bck-table-7 td{
    border: var(--ele-b-width) solid var(--DynBlack);
}

#actividad .bck-table-7 th {
background-color: var(--primaryColor03);
    font-weight: 700;
    color: var(--DynWhite);
    border-width: 2px;
    border-color: var(--DynWhite);
    padding: 1.2rem 1rem 1rem;
}

#actividad table.bck-table-8 td {
    border-color: var(--tagAzul);
}

#actividad .bck-table-8 {
    border-radius: 0;
    overflow: hidden;
    box-shadow: none;
    border-collapse: collapse;
    border: 3px solid var(--tagAzul);
}

#actividad table td.bck-td-8 {
    background-color: var(--tagAzul);
    font-weight: 700;
    color: var(--DynWhite);
    border-width: 2px;
    border-color: var(--DynWhite);
}

#actividad .bck-table-8 td{
    border: var(--ele-b-width) solid var(--DynBlack);
}

#actividad .bck-table-8 th {
background-color: var(--tagAzul);
    font-weight: 700;
    color: var(--DynWhite);
    border-width: 2px;
    border-color: var(--DynWhite);
    padding: 1.2rem 1rem 1rem;
}

#actividad table.bck-table-9 td {
    border-color: var(--primaryColor02);
}

#actividad .bck-table-9 {
    border-radius: 0;
    overflow: hidden;
    box-shadow: none;
    border-collapse: collapse;
    border: 3px solid var(--primaryColor02);
}

#actividad table td.bck-td-9 {
    background-color: var(--primaryColor02);
    font-weight: 700;
    color: var(--DynWhite);
    border-width: 2px;
    border-color: var(--DynWhite);
}

#actividad .bck-table-9 td{
    border: var(--ele-b-width) solid var(--DynBlack);
}

#actividad .bck-table-9 th {
background-color: var(--primaryColor02);
    font-weight: 700;
    color: var(--DynWhite);
    border-width: 2px;
    border-color: var(--DynWhite);
    padding: 1.2rem 1rem 1rem;
}

#actividad table.bck-table-10 td {
    border-color: var(--tagOliva);
}

#actividad .bck-table-10 {
    border-radius: 0;
    overflow: hidden;
    box-shadow: none;
    border-collapse: collapse;
    border: 3px solid var(--tagOliva);
}

#actividad table td.bck-td-10 {
    background-color: var(--tagOliva);
    font-weight: 700;
    color: var(--DynWhite);
    border-width: 2px;
    border-color: var(--DynWhite);
}

#actividad .bck-table-10 td{
    border: var(--ele-b-width) solid var(--DynBlack);
}

#actividad .bck-table-10 th {
background-color: var(--tagOliva);
    font-weight: 700;
    color: var(--DynWhite);
    border-width: 2px;
    border-color: var(--DynWhite);
    padding: 1.2rem 1rem 1rem;
}

#actividad table.bck-table-11 td {
    border-color: var(--primaryColor04);
}

#actividad .bck-table-11 {
    border-radius: 0;
    overflow: hidden;
    box-shadow: none;
    border-collapse: collapse;
    border: 3px solid var(--primaryColor04);
}

#actividad table td.bck-td-11 {
    background-color: var(--primaryColor04);
    font-weight: 700;
    color: var(--DynWhite);
    border-width: 2px;
    border-color: var(--DynWhite);
}

#actividad .bck-table-11 td{
    border: var(--ele-b-width) solid var(--DynBlack);
}

#actividad .bck-table-11 th {
background-color: var(--primaryColor04);
    font-weight: 700;
    color: var(--DynWhite);
    border-width: 2px;
    border-color: var(--DynWhite);
    padding: 1.2rem 1rem 1rem;
}

#actividad table.bck-table-12 td {
    border-color: var(--primaryColor09);
}

#actividad .bck-table-12 {
    border-radius: 0;
    overflow: hidden;
    box-shadow: none;
    border-collapse: collapse;
    border: 3px solid var(--primaryColor09);
}

#actividad table td.bck-td-12 {
    background-color: var(--primaryColor09);
    font-weight: 700;
    color: var(--FixedWhite);
    border-width: 2px;
    border-color: var(--DynWhite);
}

#actividad .bck-table-12 td{
    border: var(--ele-b-width) solid var(--DynBlack);
}

#actividad .bck-table-12 th {
background-color: var(--primaryColor09);
    font-weight: 700;
    color: var(--FixedWhite);
    border-width: 2px;
    border-color: var(--DynWhite);
    padding: 1.2rem 1rem 1rem;
}

#actividad table.bck-table-13 td {
    border-color: var(--FixedWhite);
}

#actividad .bck-table-13 {
    border-radius: 0;
    overflow: hidden;
    box-shadow: none;
    border-collapse: collapse;
    border: 0;
}

#actividad table td.bck-td-13 {
    background-color: var(--FixedWhite);
    font-weight: 700;
    color: var(--FixedBlack);
    border-width: 2px;
    border-color: var(--FixedWhite);
}

#actividad .bck-table-13 td{
    border: 0;
}

#actividad .bck-table-13 th {
    background-color: var(--FixedWhite);
    font-weight: 700;
    color: var(--FixedBlack);
    border-width: 2px;
    border-color: var(--FixedWhite);
    padding: 1.2rem 1rem 1rem;
}

/*tags*/
.unittag_violeta_lesblogueurs #actividad .bck-box-18>.bck-title {
    background-color: var(--tagVioleta);
    color: var(--DynWhite);
}

.unittag_rosa_lesblogueurs #actividad .bck-box-18>.bck-title {
    background-color: var(--tagRosa);
    color: var(--DynWhite);
}

.unittag_azul_lesblogueurs #actividad .bck-box-18>.bck-title {
    background-color: var(--tagAzul);
    color: var(--DynWhite);
}

.unittag_morado_lesblogueurs #actividad .bck-box-18>.bck-title {
    background-color: var(--tagMorado);
    color: var(--DynWhite);
}

.unittag_verde_lesblogueurs #actividad .bck-box-18>.bck-title {
    background-color: var(--tagVerde);
    color: var(--DynWhite);
}

.unittag_verde_lesblogueurs #actividad .workspace.clasificar .clasificar_lista .classify-item {
	color: var(--DynWhite);
}


.unittag_verde_lesblogueurs #actividad .workspace.clasificar .clasificar_conjuntos .group-name-top {
    background-color: var(--tagVerde);
    border-bottom: .1rem solid var(--tagVerde);
    color: var(--DynWhite);
    display: table;
    font-weight: 700;
    margin: -1px 0 0;
    text-align: center;
    width: 100%;
}
.unittag_oliva_lesblogueurs #actividad .bck-box-18>.bck-title {
    background-color: var(--tagOliva);
    color: var(--DynWhite);
}

.unittag_oliva_lesblogueurs #actividad .bck-enfasis-17 {
    color: var(--DynWhite);
}

.unittag_oliva_lesblogueurs #actividad .bck-title-1 {
    color: var(--DynWhite);
}

.unittag_naranja_lesblogueurs #actividad .bck-box-18>.bck-title {
    background-color: var(--tagNaranja);
    color: var(--DynWhite);
}

.unittag_marron_lesblogueurs #actividad .bck-box-18>.bck-title {
    background-color: var(--tagMarron);
    color: var(--DynWhite);
}



.activitytag_fenetre #actividad .workspace.matching {
    width: 100%;
    background-color: var(--DynWhite);
    border: .1rem solid var(--workspace-color);
    border-radius: var(--ele-br-med);
    padding: 1.5rem;
}

/*actividades*/
#actividad .workspace.matching {
    width: 100%;
    background-color: var(--DynWhite);
    border-radius: var(--ele-br-med);
    padding: 1.5rem;
}

#actividad .fillblanks-draggable-wrapper .response, 
#actividad .slide_main input, #actividad .workspace.chooseblanks .inline-answer a:not(.player.audio):not(.player.video):not(.bck-file-attach):not(.zoom_flag_img), 
#actividad .workspace.chooseblanks select, #actividad .workspace.syntax select {
    background-color: var(--DynWhite);
    border: var(--ele-b-width) solid var(--workspace-color);
    border-radius: var(--ele-br-small);
    color: var(--TextOnLight);
    height: calc(var(--MainTextSize)*var(--MainLineHeight));
    margin: 0;
    margin-bottom: .5rem;
    padding: 0 .6rem;
}

#actividad .workspace.clasificar .clasificar_lista .classify-item {
    border: var(--ele-b-width) solid var(--workspace-color);
    border-radius: var(--ele-br-small);
    font-size: 2.2rem;
    padding: .5rem 3rem;
}

/*querys*/
@media only screen and (max-width: 1024px) and (min-width:868px) {
    #actividad  .bck-title-15 {
        position:relative;
        left: inherit;
        margin-top: 10px
    }
}

@media only screen and (max-width: 867px) and (min-width:375px) {
    #actividad  .bck-title-15 {
        position:relative;
        left: inherit;
        margin-top: 10px
    }
}

@media screen and (max-width: 375px) {
    #actividad  .bck-title-15 {
        position: relative;
        left: inherit;
        margin-top: 10px
    }
}