/* General */

  body.content_type_clase_fantastisch {
    font-size: 1.8rem;
    font: 400 15px 'Source Sans Pro',sans-serif;
  }

  body.content_type_clase_fantastisch #actividad .content img {
    padding: 5px;
  }


  .is_app.content_type_clase_fantastisch {
    padding-top: 0px;
  }

  .content_type_clase_fantastisch #actividad {
    margin-bottom: 0px;
    -webkit-transform: none;
    -webkit-transform-style: flat;
  }

  #actividad .carousel-inner .item-container {
    background-image: none;
    margin: 20px auto 30px;
    padding: 0px;
    padding-bottom: 90px;
    position: relative;
  }

  .content_type_clase_fantastisch #actividad .slide-concatenate {
    margin-top: 30px;
  }

  .content_type_clase_fantastisch #actividad .content .header .title img,
  .content_type_clase_fantastisch #actividad .content .header .chapter {
    display: none;
  }

  #indice .units ul li a .number,
  #indice .unit-content .header .number
   {
    visibility: hidden;
  }

  .content_type_clase_fantastisch #actividad .content .header {
    border: none;
    margin-bottom: 0;
  }

  .content_type_clase_fantastisch #actividad .content .header .title {
    margin: -40px 0px 19px;
      background: #fff;
      padding: 0px 97px;
  }

  .content_type_clase_fantastisch #actividad .content .slide-concatenate .header .title {
    display: none;
  }

  /*Título Slide*/

  .content_type_clase_fantastisch #actividad .content .header .title h3 {
    position: relative;
      display: block;
      width: fit-content;
      margin: 0;
      padding: 10px 20px 10px 60px;
      color: #fff;
      font-size: 3.5rem;
      font-weight: bold;
      text-align: left;
      background: #0087CC;
  }

  .content_type_clase_fantastisch #actividad .content .header .title h3:before {
    content: '';
    display: block;
    position: absolute;
    z-index: 10;
    width: 0;
    height: 0;
    border-bottom: 30px solid transparent;
    border-top: 30px solid transparent;
    border-left: 25px solid #fff;
    top: 0px;
    left: 0;
}

.content_type_clase_fantastisch #actividad .content .header .title h3:after {
    content: '';
    display: block;
    position: absolute;
    z-index: 10;
    width: 0;
    height: 0;
    border-bottom: 29px solid transparent;
    border-top: 29px solid transparent;
    border-left: 25px solid #0087CC;
    top: 0px;
    right: -25px;
}

  .content_type_clase_fantastisch #actividad .content .header .title h3 span {
    float: left;
    font-size: 1.8rem;
    font-weight: 900;
    line-height: 1.1rem;
  }

  /**/

  .content_type_clase_fantastisch #actividad .slide_content_type_1 .pregunta .texto_curso,
  .content_type_clase_fantastisch #actividad .texto_curso,
  .html-book {
    font-size: 1.8rem;
  }

  .texto_curso p:last-of-type {
    margin-bottom: 15px;
  }

  .content_type_clase_fantastisch #actividad .texto_curso li,
  .content_type_clase_fantastisch #actividad .workspace ul li li {
    margin-bottom: 10px;
  }

  #actividad .class_slide {
      padding: 40px 0 0;
  }

  #actividad .class_slide:last-of-type {
      padding-bottom: 0px;
  }

  #actividad .slide-concatenate .class_slide {
      padding-bottom: 20px;
  }

  #actividad .slide-concatenate:last-of-type .class_slide {
      padding-bottom: 100px;
  }

  .content_type_clase_fantastisch .slide_main {
    padding: 0 97px;
  }

  /*actividades fill in the blank*/
  .workspace.frame {
      padding: 10px 4px;
  }

  /*señalar respuesta*/

  #actividad .workspace.chooseblanks .inline-answer a {
      display: inline-block;
      vertical-align: initial;
      border: none;
      padding: 0px;
      margin: 0 2px;
      font-weight: 600;
      -webkit-border-radius: 13px;
      -moz-border-radius: 13px;
      border-radius: 13px;
  }

  /*fill in the blank*/

  .fillblanks-draggable-wrapper .response {
      border: 0px solid #d8d8d8;
      background: #e5e5e5;
  }

  #actividad .player.audio {
      border-radius: 0px;
      background: url(images/iconoaudio.png) center center / cover;
  }

  @media screen and (max-width: 480px) {
    .content_type_clase_fantastisch .slide_main {
      padding: 0 35px;
    }
  }

  .content_type_clase_fantastisch .slide_main input,
  .content_type_clase_fantastisch .slide_main .img-input-container {
    color: #555;
    background-color: #fff;
    background-image: none;
    border-bottom: 2px dotted #aaa;
    -webkit-border-radius: 4px;
       -moz-border-radius: 4px;
            border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
         box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    -moz-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s, -moz-box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s, -webkit-box-shadow ease-in-out .15s, -moz-box-shadow ease-in-out .15s;
  }

  .content_type_clase_fantastisch .slide_main input:focus,
  .content_type_clase_fantastisch .slide_main .img-input-container:focus {
    border-top-color: #85c939;
    border-right-color: #85c939;
    border-bottom-color: #85c939;
    border-left-color: #85c939;
    outline-width: 0px;
    outline-style: none;
    -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset, 0px 0px 8px rgba(133, 200, 57, 0.6);
       -moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset, 0px 0px 8px rgba(133, 200, 57, 0.6);
            box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset, 0px 0px 8px rgba(133, 200, 57, 0.6);
  }

  .content_type_clase_fantastisch .slide_main input[disabled],
  .content_type_clase_fantastisch .slide_main input[readonly],
  fieldset[disabled] .content_type_clase_fantastisch .slide_main input,
  .content_type_clase_fantastisch .slide_main .img-input-container {
    cursor: not-allowed;
    background-color: #eee;
    opacity: 1;
  }

  .content_type_clase_fantastisch .slide_main .img-input-container input[readonly],
  .content_type_clase_fantastisch .slide_main .img-input-container input[disabled] {
    opacity: 0;
    filter: alpha(opacity=0);
  }

  .content_type_clase_fantastisch .slide_main input.respuesta_ok,
  .content_type_clase_fantastisch .slide_main .img-input-container.respuesta_ok {
    border-color: #57e900;
    background: #D1F3BD;
  }

  .content_type_clase_fantastisch .slide_main input.respuesta_ko,
  .content_type_clase_fantastisch .slide_main .img-input-container.respuesta_ko {
    border-color: #FF3626;
    background: #FFA49D;
  }

  .content_type_clase_fantastisch .slide_main input.solucion,
  .content_type_clase_fantastisch .slide_main .img-input-container.solucion {
    border-color: #00BDFF;
    background: #B6ECFF;
  }

  .zoom_flag_img {
    top: 15px;
    right: 15px;
  }
/**/

/*TOC*/

.col-units {
    margin-right: 20px;
    width: 315px;
}

a:hover, a:active, a:focus {
    outline: 0;
    color: #0087cc;
    text-decoration: none;
}


body:not(.isTablet) #indice .units ul li:not(.disabled) a:hover .title, 
body:not(.isTablet) #indice .units ul li.active:not(.disabled) a .title {
    color: #fff;
    font-size: 1.8rem;
}

#indice .units ul li a:not(.delete) {
    display: block;
    padding: 12px 16px;
}


#indice .units ul li {
    background-color: #fff;
    -webkit-border-radius: 0px; 
    -moz-border-radius: 0px;
    border-radius: 0px;
    margin-bottom: 8px;
    padding: 0px 16px 0px 30px;
  background-repeat: repeat-y;
    background-position: right;
    background-position-x: 280px;
    background-image: url(images/triangulo_blanco.png);
    background-repeat-x: no-repeat;
    background-size: contain;
}

#indice .units ul li:before {
    content: '';
    display: block;
    position: absolute;
    z-index: 10;
    height: 0;
    border-bottom: 20px solid transparent;
    border-top: 21px solid transparent;
    border-left: 30px solid #eeeeee;
    padding: 0px;
    left: 0;
}

#indice .units ul li.active:not(.disabled), 
body:not(.isTablet) #indice .units ul li:hover:not(.disabled), 
#indice .units ul li:focus:not(.disabled) {
    background-color: #0088d0;
    color: #fff;
    z-index: 17;
    color: #fff;
    background-repeat: repeat-y;
    background-position: right;
    background-position-x: 280px;
    background-image: url(images/triangulo_azul.png);
    background-repeat-x: no-repeat;
    background-size: contain;
}

#indice .units ul li:not(.add) a .title {
    margin-left: 10px;
    font-size: 1.8rem;
    color: #0087CC;
}

.btn-primary.disabled {
    color: #fff;
    background-color: #0087CC;
    border-color: transparent;
    opacity: 1;
}

/* Navbar */
  .navbar-bottom {
    background: #0087CC !important;
      padding-left: 100px;
      padding-right: 100px;
  }

  .logo-publisher {
    display: none;
  }

  @media only screen and (max-width: 640px) {
    .navbar-bottom {
      padding-left: 40px;
      padding-right: 40px;
    }

  }

  .slider-indicators {
      padding-left: 0px;
      padding-right: 0px;
      white-space: nowrap;
  }
  .edit .slider-indicators {
    white-space: normal;
  }
  .slider-indicators li,
  .edit .slider-indicators li {
    background-color: #ffffff;
      color: #005840;
  }

  .slider-indicators .active,
  .edit .slider-indicators .active,
  .slider-indicators li:hover,
  .edit .slider-indicators .concat.active,
  .slider-indicators .active {
      background-color: #CCCCCC;
      color: #333;
  }

  .edit .slider-indicators .concat.active:before {
    background-color: #8b9c23;
  }

  #bottom-navigator {
    overflow: hidden;
    position: relative;
  }
  #bottom-navigator .slider-indicators {
    margin-left: auto;
    margin-right: auto;
  }
  #bottom-navigator .slider-indicators:after {
    content: '';
    display: table;
    clear: both;
  }
  #bottom-navigator li {
    width: 18px;
    height: 18px;
    margin: 2px 5px;
    background: #fff;
    color: transparent;
    line-height: 2.2rem;
    font-size: 1.8rem;
    font-weight: bold;
    text-indent: initial;
  }
  #bottom-navigator li:hover {
      background: #c8c8c8;
        color: transparent;
  }
  #bottom-navigator li.active {
    background: #ccc;
      color: transparent;
  }
  #bottom-navigator.show_left:before {
    content: '\F053';
    font-family: 'FontAwesome';
    position: absolute;
    left: 0;
    z-index: 100;
    color: #ffffff;
    top: 10px;
    height: 35px;
    line-height: 5.4rem;
    width: 20px;
    text-align: left;
    background: -webkit-gradient(linear, left top, right top, from(#132E4C), to(transparent));
    background: -webkit-linear-gradient(left, #132E4C, transparent);
    background: -moz-linear-gradient(left, #132E4C, transparent);
    background: -o-linear-gradient(left, #132E4C, transparent);
    background: linear-gradient(to right, #132E4C, transparent);
  }

  #bottom-navigator.show_right:after {
    content: '\F054';
    font-family: 'FontAwesome';
    position: absolute;
    right: 0;
    color: #ffffff;
    top: 10px;
    height: 35px;
    line-height: 5.4rem;
    width: 20px;
    text-align: right;
    background: -webkit-gradient(linear, right top, left top, from(#132E4C), to(transparent));
    background: -webkit-linear-gradient(right, #132E4C, transparent);
    background: -moz-linear-gradient(right, #132E4C, transparent);
    background: -o-linear-gradient(right, #132E4C, transparent);
    background: linear-gradient(to left, #132E4C, transparent);
  }

/**/

/*TITULO 1*/

.bck-title1 {
	display: inherit;
	border: inherit;
	box-shadow: inherit;
	background: none;
	letter-spacing: inherit;
	padding: inherit;
	font-family: inherit;
	color: #0087CC;
	font-size: 4rem;
	font-weight: bold;
	text-shadow: none;
}

/*TITULO 2*/

.bck-title2 {
    color: #0087CC;
    font-size: 3.4rem;
	font-family: inherit;
	text-shadow: none;
	letter-spacing: inherit;
}

/*TITULO 3*/

.bck-title3 {
    color: #fff;
    font-size: 2rem;
    font-weight: bold;
    background-color: #0087CC;
    padding: 5px 10px;
    width: fit-content;
}

/*TITULO 4*/

.bck-title4 {
    position: relative;
      display: block;
      width: fit-content;
      margin: 0;
      padding: 10px 20px 10px 45px;
      color: #fff;
      font-size: 3 rem;
      font-weight: bold;
      text-align: left;
      background: #0087CC;
  }

.bck-title4:before {
    content: '';
    display: block;
    position: absolute;
    z-index: 10;
    width: 0;
    height: 0;
    border-bottom: 25px solid transparent;
    border-top: 22px solid transparent;
    border-left: 25px solid #BED9E7;
    top: 0px;
    left: 0;
}

.bck-title4:after {
    content: '';
    display: block;
    position: absolute;
    z-index: 10;
    width: 0;
    height: 0;
    border-bottom: 23px solid transparent;
    border-top: 21px solid transparent;
    border-left: 25px solid #0087CC;
    top: 0px;
    right: -25px;
}

/*
.bck-title4 span {
    float: left;
    font-size: 1.8rem;
    font-weight: 900;
    line-height: 1.1rem;
  }
  */


/* Lists */

.texto_curso ul li,
.workspace ul li ul li,
.cke_contents ul li {
  padding-left: 30px;
}

.texto_curso ul li:before,
.workspace ul li ul li:before,
.cke_contents ul li:before {
  width: 4px;
  height: 4px;
  background-color: #414141;
}

.content .bck-ol,
.cke_contents .bck-ol,
.content ol,
.cke_contents ol {
  list-style-type: none;
  padding-left: 0;
  counter-reset: bck-li-counter;
  color: #333;
}

/*LISTA ORDENADA 1*/

.content .bck-ol1 li,
.cke_contents .bck-ol1 li,
.content ol li,
.cke_contents ol li {
  list-style-type: none;
  padding-left: 35px;
  margin-bottom: 16px;
  counter-increment: bck-li-counter;
  position: relative;
  line-height: 1.1rem;
  color: #333;
  font-weight: normal;
}

.content .bck-ol1 li:before,
.cke_contents .bck-ol1 li:before,
.content ol li:before,
.cke_contents ol li:before {
    content: counter(bck-li-counter) ".";
    position: absolute;
    top: 0px;
    left: 0px;
    display: inline-block;
    width: 30px;
    height: 0px;
    -webkit-box-shadow: 0px;
    -moz-box-shadow: 2px 2px 2px 0px rgba(174,87,30,1);
    box-shadow: none;
    border: 0px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 0px;
    background: #fff;
    color: #333;
    font-size: 1.8rem;
    font-weight: bold;
    text-align: center;
    line-height: inherit;
    font-family: sans-serif;
}

/*LISTA ORDENADA 2*/

.content .bck-ol2 li,
.cke_contents .bck-ol2 li,
.content ol li,
.cke_contents ol li {
  list-style-type: none;
  padding-left: 35px !important;
  margin-bottom: 16px;
  counter-increment: bck-li-counter;
  position: relative;
  line-height: 1.1rem;
  font-weight: bold;
  color: #0087CC;
}

.content .bck-ol2 li:before,
.cke_contents .bck-ol2 li:before,
.content ol li:before,
.cke_contents ol li:before {
    content: counter(bck-li-counter) ".";
    position: absolute;
    top: 0px;
    left: 0px;
    display: inline-block;
    width: 30px;
    height: 0px;
    -webkit-box-shadow: 0px;
    -moz-box-shadow: 2px 2px 2px 0px rgba(174,87,30,1);
    box-shadow: 0px;
    border: 0px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 0px;
    background: #fff;
    color: #333;
    font-size: 2rem;
    font-weight: bold;
    text-align: center;
    line-height: inherit;
    font-family: sans-serif;
}

/*LISTA ORDENADA 3*/

.content .bck-ol3 li,
.cke_contents .bck-ol3 li {
  list-style-type: none;
  padding-left: 35px;
  margin-bottom: 16px;
  counter-increment: bck-li-counter;
  position: relative;
  line-height: 1.1rem;
  font-weight: normal;
  color: #333;
}

.content .bck-ol3 li:before,
.cke_contents .bck-ol3 li:before {
    content: counter(bck-li-counter) ".";
    position: absolute;
    top: 0px;
    left: 0px;
    display: inline-block;
    width: 30px;
    height: 0px;
    -webkit-box-shadow: 0px;
    -moz-box-shadow: 2px 2px 2px 0px rgba(174,87,30,1);
    box-shadow: 0px;
    border: 0px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 0px;
    background: #fff;
    color: #0087CC;
    font-size: 2rem;
    font-weight: bold;
    text-align: center;
    line-height: inherit;
    font-family: sans-serif;

}

/*LISTA ORDENADA 4*/

.content .bck-ol4 li,
.cke_contents .bck-ol4 li {
  font-weight: normal;
  color: #333;
  }


.content .bck-ol4 li:before,
.cke_contents .bck-ol4 li:before {
    content: counter(bck-li-counter, lower-alpha) ".";
    color: #000;
    font-style: 2rem;
	background: none;
}

/*LISTA ORDENADA 5*/

.content .bck-ol5 li,
.cke_contents .bck-ol5 li {
  font-weight: normal;
  color: #333;
  }


.content .bck-ol5 li:before,
.cke_contents .bck-ol5 li:before {
    content: counter(bck-li-counter, lower-alpha) ".";
    color: #0087CC;
    font-size: 2rem;
    }


/*LISTA ORDENADA 6*/

.content .bck-ol6 li,
.cke_contents .bck-ol6 li {
  font-weight: normal;
  color: #333;
  }

.content .bck-ol6 li:before,
.cke_contents .bck-ol6 li:before {
  content: counter(bck-li-counter);
    color: #fff;
    background: #0087CC;
    padding: 0px;
    border-radius: 100%;
    position: absolute;
    top: 0px;
    width: 24px;
    text-align: center;
    height: auto;
    font-size: 1.7rem;
}

/*LISTA ORDENADA 7*/

.content .bck-ol7 li,
.cke_contents .bck-ol7 li {
  font-weight: normal;
  color: #333;
  }

.content .bck-ol7 li:before,
.cke_contents .bck-ol7 li:before {
  content: counter(bck-li-counter, lower-alpha);
    color: #fff;
    background: #0087CC;
    padding: 0px;
    border-radius: 100%;
    position: absolute;
    top: 0px;
    width: 24px;
    text-align: center;
    height: auto;
    font-size: 1.7rem;
}

/*LISTA DESORDENADA 1*/

.texto_curso .bck-ul1 li:before, 
.workspace .bck-ul1 li ul li:before, 
.cke_contents .bck-ul1 li:before {
    width: 6px;
    height: 6px;
    background-color: #414141;
    margin-left: -20px;
}

/*LISTA DESORDENADA 2*/

.texto_curso .bck-ul2 li, 
.workspace .bck-ul2 li ul li, 
.cke_contents .bck-ul2 li {
    color: #0087CC;
}

.texto_curso .bck-ul2 li:before, 
.workspace .bck-ul2 li ul li:before, 
.cke_contents .bck-ul2 li:before {
    width: 6px;
    height: 6px;
    background-color: #0087CC;
    margin-left: -20px;
}

/*LISTA DESORDENADA 3*/

.texto_curso .bck-ul3 li, 
.workspace .bck-ul3 li ul li, 
.cke_contents .bck-ul3 li {
    color: #0087CC;
}

.texto_curso .bck-ul3 li:before, 
.workspace .bck-ul3 li ul li:before, 
.cke_contents .bck-ul3 li:before {
    width: 6px;
    height: 6px;
    background-color: #fff;
    border: 1px solid #0087CC;
    margin-left: -20px;
}

/*LISTA DESORDENADA 4*/

.texto_curso .bck-ul4 li:before, 
.workspace .bck-ul4 li ul li:before, 
.cke_contents .bck-ul4 li:before {
    width: 6px;
    height: 6px;
    background-color: #fff;
    border: 1px solid #414141;
    margin-left: -20px;
}


/*CAJAS*/

.bck-box {
  margin: 10px 10px 20px 10px;
    border: 2px solid #8b9c23;
    border-radius: 0px;
    background: #fff;
    padding: 6px 20px;
}

.bck-box .bck-content p:last-child {
  margin-bottom: 0;
}

/* Caja 1 */
.bck-box.bck-box1 {
  border: none;
  background: #F4F2F0;
}

.bck-box1 .bck-title {
  color: #0087CC;
    font-size: 2rem;
    font-weight: 600;
}
  

/* Caja 2 */
.bck-box.bck-box2 {
	border: 2px solid #0087CC;
	background: #F0EDEA;
	box-shadow: none;
	text-align: left;
	border-radius: inherit;
	padding: 6px 20px;
}

.bck-box2 .bck-title {
  color: #0087CC;
  font-size: 2.5rem;
    font-weight: 600;
}

/* Caja 3 */
.bck-box.bck-box3 {
	border: 2px solid #0087CC;
	background: #fff;
	transform: none;
	box-shadow: none;
}

/* Caja 4 */
.bck-box.bck-box4 {
  border: 2px solid #B3B2B2;
  background: #fff;
  padding: 20px;
}


.bck-box.bck-box3 .bck-title,
.bck-box.bck-box4 .bck-title,
.bck-box.bck-box5 .bck-title {
	position: inherit;
    top: inherit;
    left: inherit;
    transform: none;
    display: inherit;
    border: none;
    border-radius: inherit;
    background: none;
}

/*Caja 5*/

.bck-box.bck-box5 {
  border: none;
  background: #fff;

}

.bck-box4 .bck-title,
.bck-box5 .bck-title {
  color: #0087CC;
  font-size: 2.5rem;
    font-weight: 600;
}



/*Celda 1*/

.content table:not(.rf-tablegrid) td.bck-td-1 {
    border: 3px solid #fff;
    padding: 10px;
    background: #0087CC;
    color: #fff;
    font-weight: 600;
}

/*Celda 2*/

.content table:not(.rf-tablegrid) td.bck-td-2 {
    border: 3px solid #fff;
    padding: 10px;
    background: #ADCDED;
    font-weight: 600;
}

/*Celda 3*/

.content table:not(.rf-tablegrid) td.bck-td-3 {
    border: 3px solid #fff;
    padding: 10px;
    background: #D8E6F7;
}

/*Celda 4*/

.content table:not(.rf-tablegrid) td.bck-td-4 {
    border: 3px solid #fff;
    padding: 10px;
    background: #E0DCD5;
    font-weight: 600;
}

/*Celda 5*/
.content table:not(.rf-tablegrid) td.bck-td-5 {
    border: 3px solid #E3E3E3;
    padding: 10px;
    background: #fff;
    
}

/*ACTIVIDAD RESPUESTA MULTIPLE*/
.content_type_clase_fantastisch #actividad .texto_curso li, 
.content_type_clase_fantastisch #actividad .workspace ul li li {
  margin-bottom: 10px;
    line-height: inherit;
}

/*Enfasis*/

.bck-enfasis-1 {
  color: #0069B4;
}

/* Icons */

#actividad .player.audio {
  background: url(images/iconoaudio.png) center center / cover;
}

.item-container .icon:before {
  content: "";
  background-repeat: no-repeat;
  -webkit-background-size: auto 100%;
     -moz-background-size: auto 100%;
       -o-background-size: auto 100%;
          background-size: auto 100%;
  background-position: center center;
  display: inline-block;
  vertical-align: middle;
  height: 30px;
  width: 35px;
  margin-top: -16px;
}

.item-container .icon-video:before {
  background-image: url(images/iconovideo.png);
  margin-top: -10px;
}

.item-container .icon-draw:before {
  background-image: url(images/icon_draw.png);
  margin-top: -10px;
}

.item-container .icon-write:before {
  background-image: url(images/icon_write.png);
  margin-top: -10px;
}

.item-container .icon-speaking_1:before {
  background-image: url(images/icon_speaking_1.png);
  margin-top: -10px;
}

.item-container .icon-speaking_2:before {
  background-image: url(images/icon_speaking_2_2.png);
  margin-top: -10px;
}

.item-container .icon-reading_1:before {
  background-image: url(images/icon_reading_1.png);
  margin-top: -10px;
}

.item-container .icon-reading_2:before {
  background-image: url(images/icon_reading_2.png);
  margin-top: -10px;
}

.item-container .icon-bocadillo:before {
  background-image: url(images/icon_bocadillo.png);
  margin-top: -10px;
}

.item-container .icon-mascaras:before {
  background-image: url(images/icon_mascaras.png);
  margin-top: -10px;
}

.item-container .icon-boca:before {
  background-image: url(images/icon_boca.png);
  margin-top: -10px;

}

/*TAGS*/

/*TAG UNIDAD 0*/

.unittag_unidad0_fantastisch #actividad .content .header .title h3 {
    background: #B10776;
}

.unittag_unidad0_fantastisch #actividad .content .header .title h3:after {
    border-left: 25px solid #B10776;
}

/*Tag Unidad 0 - Título 4*/

.unittag_unidad0_fantastisch .bck-title4 {
    background: #B10776;
  }

.unittag_unidad0_fantastisch .bck-title4:after {
    border-left: 25px solid #B10776;
}


/*Tag Unidad 0 - Lista Ordenada 3*/

.unittag_unidad0_fantastisch .content .bck-ol3 li:before, 
.unittag_unidad0_fantastisch .cke_contents .bck-ol3 li:before {
    color: #B10776;
}


/*Tag Unidad 0 - Lista Ordenada 6*/

.unittag_unidad0_fantastisch .content .bck-ol6 li:before, 
.unittag_unidad0_fantastisch .cke_contents .bck-ol6 li:before {
    background: #B10776;
}


/*Tag Unidad 0 - Fill in the blanks*/
.unittag_unidad0_fantastisch .slide_main input:focus {
  border-bottom-color: #B10776 !important;
}


/*Tag Unidad 0 - Choose - Match - Ordenar*/
.unittag_unidad0_fantastisch #actividad .workspace.multiple-choice .opcion:not(.ko):not(.ok),
.unittag_unidad0_fantastisch #actividad .workspace.matching .opcion:not(.ko):not(.ok),
.unittag_unidad0_fantastisch #actividad .workspace.ordenar .js-rank-item {
   border: 2px solid #B10776;
}

/*Tag Unidad 0 - Clasificar*/
.unittag_unidad0_fantastisch #actividad .workspace.clasificar .clasificar_conjuntos .conjunto .group-box {
      border: 2px solid #B10776;
}

.unittag_unidad0_fantastisch .navbar-bottom {
    background: #B10776 !important;
}

/**/

/*TAG UNIDAD 2*/

.unittag_unidad2_fantastisch #actividad .content .header .title h3 {
    background: #95C11F;
}

.unittag_unidad2_fantastisch #actividad .content .header .title h3:after {
    border-left: 25px solid #95C11F;
}

/*Tag Unidad 2 - Título 3*/

.unittag_unidad2_fantastisch .bck-title3 {
    background-color: #95C11F;
}

/*Tag Unidad 2 - Título 4*/

.unittag_unidad2_fantastisch .bck-title4 {
    background: #95C11F;
  }

.unittag_unidad2_fantastisch .bck-title4:after {
    border-left: 25px solid #95C11F;
}

/*Tag Unidad 2 - Lista Ordenada 3*/

.unittag_unidad2_fantastisch .content .bck-ol3 li:before, 
.unittag_unidad2_fantastisch .cke_contents .bck-ol3 li:before {
    color: #95C11F;
}

/*Tag Unidad 2 - Lista Ordenada 6*/

.unittag_unidad2_fantastisch .content .bck-ol6 li:before, 
.unittag_unidad2_fantastisch .cke_contents .bck-ol6 li:before {
   background: #95C11F;
}

/*Tag Unidad 2 - Navbar*/
.unittag_unidad2_fantastisch .navbar-bottom {
    background: #95C11F !important;
}

/*Tag Unidad 2 - Fill in the blanks*/
.unittag_unidad2_fantastisch .slide_main input:focus {
  border-bottom-color: #95C11F !important;
}

/*Tag Unidad 2 - Choose - Match - Ordenar*/
.unittag_unidad2_fantastisch #actividad .workspace.multiple-choice .opcion:not(.ko):not(.ok),
.unittag_unidad2_fantastisch #actividad .workspace.matching .opcion:not(.ko):not(.ok),
.unittag_unidad2_fantastisch #actividad .workspace.ordenar .js-rank-item {
   border: 2px solid #95C11F;
}

/*Tag Unidad 2 - Clasificar*/
.unittag_unidad2_fantastisch #actividad .workspace.clasificar .clasificar_conjuntos .conjunto .group-box {
      border: 2px solid #95C11F;
}

/**/

/*TAG UNIDAD 3*/
.unittag_unidad3_fantastisch #actividad .content .header .title h3 {
    background: #E94E0F;
}

.unittag_unidad3_fantastisch #actividad .content .header .title h3:after {
    border-left: 25px solid #E94E0F;
}

/*Tag Unidad 3 - Título 3*/
.unittag_unidad3_fantastisch .bck-title3 {
    background-color: #E94E0F;
}

/*Tag Unidad 3 - Título 4*/

.unittag_unidad3_fantastisch .bck-title4 {
    background: #E94E0F;
  }

.unittag_unidad3_fantastisch .bck-title4:after {
    border-left: 25px solid #E94E0F;
}


/*Tag Unidad 3 - Lista Ordenada 3*/
.unittag_unidad3_fantastisch .content .bck-ol3 li:before, 
.unittag_unidad3_fantastisch .cke_contents .bck-ol3 li:before {
    color: #E94E0F;
}

/*Tag Unidad 3 - Lista Ordenada 6*/
.unittag_unidad3_fantastisch .content .bck-ol6 li:before, 
.unittag_unidad3_fantastisch .cke_contents .bck-ol6 li:before {
   background: #E94E0F;
}

/*Tag Unidad 3 - Caja 3*/
.unittag_unidad3_fantastisch .bck-box.bck-box3 {
    border: 2px solid #E94E0F;
}


/*Tag Unidad 3 - Navbar*/
.unittag_unidad3_fantastisch .navbar-bottom {
    background: #E94E0F !important;
}

/*Tag Unidad 3 - Fill in the blanks*/
.unittag_unidad3_fantastisch .slide_main input:focus {
  border-bottom-color: #E94E0F !important;
}

/*Tag Unidad 3 - Choose - Match - Ordenar*/
.unittag_unidad3_fantastisch #actividad .workspace.multiple-choice .opcion:not(.ko):not(.ok),
.unittag_unidad3_fantastisch #actividad .workspace.matching .opcion:not(.ko):not(.ok),
.unittag_unidad3_fantastisch #actividad .workspace.ordenar .js-rank-item {
   border: 2px solid #E94E0F;
}

/*Tag Unidad 3 - Clasificar*/
.unittag_unidad3_fantastisch #actividad .workspace.clasificar .clasificar_conjuntos .conjunto .group-box {
      border: 2px solid #E94E0F;
}

/**/

/*TAG UNIDAD 4*/
.unittag_unidad4_fantastisch #actividad .content .header .title h3 {
    background: #00AFAE;
}

.unittag_unidad4_fantastisch #actividad .content .header .title h3:after {
    border-left: 25px solid #00AFAE;
}

/*Tag Unidad 4 - Título 3*/
.unittag_unidad4_fantastisch .bck-title3 {
    background-color: #00AFAE;
}

/*Tag Unidad 4 - Título 4*/

.unittag_unidad4_fantastisch .bck-title4 {
    background: #00AFAE;
  }

.unittag_unidad4_fantastisch .bck-title4:after {
    border-left: 25px solid #00AFAE;
}

/*Tag Unidad 4 - Lista Ordenada 3*/
.unittag_unidad4_fantastisch .content .bck-ol3 li:before, 
.unittag_unidad4_fantastisch .cke_contents .bck-ol3 li:before {
    color: #00AFAE;
}

/*Tag Unidad 4 - Lista Ordenada 6*/
.unittag_unidad4_fantastisch .content .bck-ol6 li:before, 
.unittag_unidad4_fantastisch .cke_contents .bck-ol6 li:before {
   background: #00AFAE;
}

/*Tag Unidad 4 - Caja 3*/
.unittag_unidad4_fantastisch .bck-box.bck-box3 {
    border: 2px solid #00AFAE;
}

/*Tag Unidad 4 - Navbar*/
.unittag_unidad4_fantastisch .navbar-bottom {
    background: #00AFAE !important;
}

/*Tag Unidad 4 - Fill in the blanks*/
.unittag_unidad4_fantastisch .slide_main input:focus {
  border-bottom-color: #00AFAE !important;
}

/*Tag Unidad 4 - Choose - Match - Ordenar*/
.unittag_unidad4_fantastisch #actividad .workspace.multiple-choice .opcion:not(.ko):not(.ok),
.unittag_unidad4_fantastisch #actividad .workspace.matching .opcion:not(.ko):not(.ok),
.unittag_unidad4_fantastisch #actividad .workspace.ordenar .js-rank-item {
   border: 2px solid #00AFAE;
}

/*Tag Unidad 4 - Clasificar*/
.unittag_unidad4_fantastisch #actividad .workspace.clasificar .clasificar_conjuntos .conjunto .group-box {
      border: 2px solid #00AFAE;
}

/**/

/*TAG UNIDAD 5*/

.unittag_unidad5_fantastisch #actividad .content .header .title h3 {
    background: #A84D97;
}

.unittag_unidad5_fantastisch #actividad .content .header .title h3:after {
    border-left: 25px solid #A84D97;
}

/*Tag Unidad 5 - Título 3*/
.unittag_unidad5_fantastisch .bck-title3 {
    background-color: #A84D97;
}

/*Tag Unidad 5 - Título 4*/

.unittag_unidad5_fantastisch .bck-title4 {
    background: #A84D97;
  }

.unittag_unidad5_fantastisch .bck-title4:after {
    border-left: 25px solid #A84D97;
}

/*Tag Unidad 5 - Lista Ordenada 3*/
.unittag_unidad5_fantastisch .content .bck-ol3 li:before, 
.unittag_unidad5_fantastisch .cke_contents .bck-ol3 li:before {
    color: #A84D97;
}

/*Tag Unidad 5 - Lista Ordenada 6*/
.unittag_unidad5_fantastisch .content .bck-ol6 li:before, 
.unittag_unidad5_fantastisch .cke_contents .bck-ol6 li:before {
   background: #A84D97;
}

/*Tag Unidad 5 - Caja 3*/
.unittag_unidad5_fantastisch .bck-box.bck-box3 {
    border: 2px solid #A84D97;
}

/*Tag Unidad 5 - Navbar*/
.unittag_unidad5_fantastisch .navbar-bottom {
    background: #A84D97 !important;
}

/*Tag Unidad 5 - Fill in the blanks*/
.unittag_unidad5_fantastisch .slide_main input:focus {
  border-bottom-color: #A84D97 !important;
}

/*Tag Unidad 5 - Choose - Match - Ordenar*/
.unittag_unidad5_fantastisch #actividad .workspace.multiple-choice .opcion:not(.ko):not(.ok),
.unittag_unidad5_fantastisch #actividad .workspace.matching .opcion:not(.ko):not(.ok),
.unittag_unidad5_fantastisch #actividad .workspace.ordenar .js-rank-item {
   border: 2px solid #A84D97;
}

/*Tag Unidad 5 - Clasificar*/
.unittag_unidad5_fantastisch #actividad .workspace.clasificar .clasificar_conjuntos .conjunto .group-box {
      border: 2px solid #A84D97;
}

/**/

/*TAG UNIDAD 6*/

.unittag_unidad6_fantastisch #actividad .content .header .title h3 {
    background: #009E4D;
}

.unittag_unidad6_fantastisch #actividad .content .header .title h3:after {
    border-left: 25px solid #009E4D;
}

/*Tag Unidad 6 - Título 3*/
.unittag_unidad6_fantastisch .bck-title3 {
    background-color: #009E4D;
}

/*Tag Unidad 6 - Título 4*/

.unittag_unidad6_fantastisch .bck-title4 {
    background: #009E4D;
  }

.unittag_unidad6_fantastisch .bck-title4:after {
    border-left: 25px solid #009E4D;
}

/*Tag Unidad 6 - Lista Ordenada 3*/
.unittag_unidad6_fantastisch .content .bck-ol3 li:before, 
.unittag_unidad6_fantastisch .cke_contents .bck-ol3 li:before {
    color: #009E4D;
}

/*Tag Unidad 6 - Lista Ordenada 5*/
.unittag_unidad6_fantastisch .content .bck-ol5 li:before, 
.unittag_unidad5_fantastisch .cke_contents .bck-ol5 li:before {
    color: #009E4D;
}

/*Tag Unidad 6 - Lista Ordenada 6*/
.unittag_unidad6_fantastisch .content .bck-ol6 li:before, 
.unittag_unidad6_fantastisch .cke_contents .bck-ol6 li:before {
   background: #009E4D;
}

/*Tag Unidad 6 - Caja 3*/
.unittag_unidad6_fantastisch .bck-box.bck-box3 {
    border: 2px solid #009E4D;
}

/*Tag Unidad 6 - Navbar*/
.unittag_unidad6_fantastisch .navbar-bottom {
    background: #009E4D !important;
}

/*Tag Unidad 6 - Fill in the blanks*/
.unittag_unidad6_fantastisch .slide_main input:focus {
  border-bottom-color: #009E4D !important;
}

/*Tag Unidad 6 - Choose - Match - Ordenar*/
.unittag_unidad6_fantastisch #actividad .workspace.multiple-choice .opcion:not(.ko):not(.ok),
.unittag_unidad6_fantastisch #actividad .workspace.matching .opcion:not(.ko):not(.ok),
.unittag_unidad6_fantastisch #actividad .workspace.ordenar .js-rank-item {
   border: 2px solid #009E4D;
}

/*Tag Unidad 6 - Clasificar*/
.unittag_unidad6_fantastisch #actividad .workspace.clasificar .clasificar_conjuntos .conjunto .group-box {
      border: 2px solid #009E4D;
}

/**/

/* Forms */

.content_type_clase_fantastisch .slide_main input,
.content_type_clase_fantastisch .slide_main .img-input-container {
    -webkit-box-shadow: inset 0 0px 0px rgba(0,0,0,0.075);
       -moz-box-shadow: inset 0 0px 0px rgba(0,0,0,0.075);
        box-shadow: inset 0 0px 0px rgba(0,0,0,0.075);
    border: 0px solid #ccc;
    border-bottom: 2px dotted #aaa;
    -webkit-border-radius: 0px;
       -moz-border-radius: 0px;
        border-radius: 0px;
}

.content_type_clase_fantastisch .slide_main .fill-text .img-input-container {
    display: none;
}

.content_type_clase_fantastisch .slide_main input:focus,
.content_type_clase_fantastisch .slide_main .img-input-container:focus {
    border-top-color: #10A0C6;
    border-right-color: #10A0C6;
    border-bottom-color: #10A0C6;
    border-left-color: #10A0C6;
    -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset, 0px 0px 8px rgba(133, 200, 57, 0);
    -moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset, 0px 0px 8px rgba(133, 200, 57, 0);
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset, 0px 0px 8px rgba(133, 200, 57, 0);
}

/* Slides */

body.content_type_clase_fantastisch #actividad .content .fillblanks-draggable-wrapper
.response .bck-i-fullscreen,
body.content_type_clase_fantastisch #actividad .content .fillblanks-draggable
.img-input-container.imgFilled img {
  width: auto;
  height: 100px !important;
  padding: 0;
}

.nota-budget span {
    padding: 2px 46px 6px 10px;
}