/*
	@primary: 		#74d320; verde Blink
	@secondary: 	#3a7f2c; verde Oscuro
	@ternary:		#d4f1ba; verde
*/

/* General */
	.cke_contents  table {
		margin-bottom: 10px;
	}

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

	.body_clase .content-wrapper {
		padding-top: 44px;
		padding-bottom: 0px;
	}

	.body_clase.edit .content-wrapper {
		top: 0px;
	}

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

	.content_type_clase_demo .slide-wrapper,
	.class_slide .layout {
		text-align: justify;
		padding: 0px 97px 0px;
	}

	.content_type_clase_demo .class_slide.slide_content_type_13 .slide-wrapper {
		padding: 0px 50px 0px;
	}

	.edit .class_slide .layout {
		margin-top: 65px;
	}

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

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

	#actividad .content .header {
		border: none;
	}

	#actividad .content .header .title {
		background-color: #c5c5c4;
		border-bottom: 7px #716e6c solid;
	}

	.content_type_clase_demo #actividad .content .header .title h3 {
		font-size: 3.0rem;
		margin-top: 0px;
		margin-bottom: 0px;
		font-weight: bold;
		margin-left: 20px;
		color: #FFF;
		line-height: 4.0rem;
		padding-right: 20px;
	}

	.content_type_clase_demo #actividad .content .header .title h3 .index {
		display: inline-block;
		background-color: #EE7D11;
		padding: 40px 5px 0px;
		margin-right: 5px;
	}

	.content_type_clase_demo #actividad .texto_curso {
		font-size: 1.8rem;
	}

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

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

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

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

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

	#actividad .content .header .title {
		min-height: 0px;
		padding: 20px;
	}

	.felicidades_2,
	.numero_aciertos2 {
		display: none !important;
	}

	#final .tiempo_empleado2 {
		float: none;
		width: 100%;
	}

	.zoom_flag_img {
	    top: 20px;
	}
/**/

/* Curso */
	#indice .units ul li a .number {
		visibility: hidden;
	}

	#indice .unit-content .header .number {
		display: none;
	}

	#indice .unit-content .header.default {
		background-image: url(../../../images/libro/transparente.png) ! important;
		background-color: #74d320;
	}

	#indice .unit-content .actividades .item .nota {
		display: none;
	}
/**/

/* Navbar (Breadcums) */
	.content_type_clase_demo .demo-navbar {
		display: none;
	}

	.is_app.content_type_clase_demo .demo-navbar {
		position: sticky;
		top: 0px;
	}

	#top-navigator {
		height: 55px;
		overflow: hidden;
		position: relative;
	}

	.content_type_clase_demo .demo-navbar .navbar-content {
		max-width: 960px;
		margin: 0 auto;
		padding-left: 90px;
		padding-right: 50px;
	}

	.content_type_clase_demo .navbar-content:before {
		content: " ";
		background-image: url(logoblink.png);
		height: 35px;
		background-size: contain;
		width: 80px;
		margin-left: -85px;
		margin-top: 8px;
		position: absolute;
	}

	.content_type_clase_demo .slider-indicators {
		padding: 10px 0px;
		display: inline-block;
		text-align: left;
		position: absolute;
		width: 5000px;
		bottom: 0px;
		left: 0px;
		z-index: 0;
	}

	.content_type_clase_demo .demo-navbar .dropdown button,
	.content_type_clase_demo .demo-navbar li {
		border-radius: 5px;
		border: none;
		background-color: white;
		color: #74d320;
		vertical-align: middle;
		margin: 0px 5px;
		text-indent: 0px;
		line-height: 3.5rem;
		font-size: 2.0rem;
		font-weight: bold;
		cursor: pointer;
	}

	.content_type_clase_demo .demo-navbar li:hover {
		background-color: #eee;
	}

	.content_type_clase_demo .slider-indicators li {
		width: 35px;
		height: 35px;
		background-color: white;
		margin: 0px 5px;
		text-align: center;
	}

	.content_type_clase_demo .slider-indicators li.active {
		background-color: #d4f1ba;
	}

	.content_type_clase_demo .demo-navbar .dropdown button {
		width: auto;
		padding: 0px 10px;
	}

	/*.content_type_clase_demo .slider-indicators li:first-of-type {
		width: auto;
		padding: 0px 10px;
	}*/



	.content_type_clase_demo .demo-navbar .dropdown {
		display: block;
		float: left;
		margin-top: 10px;
	}

	.open > .dropdown-menu {
		display: block;
		max-height: 300px;
		overflow-y: auto;
	}

	.content_type_clase_demo .demo-navbar .dropdown button {
		border: none;
	}

	.content_type_clase_demo .demo-navbar .dropdown button:focus {
		outline: none;
	}

	.content_type_clase_demo .demo-navbar .dropdown li {
		display: list-item;
		width: auto;
	}

	.content_type_clase_demo .demo-navbar .dropdown li a {
		color: #74d320;
		font-weight: bold;
	}

	.content_type_clase_demo .demo-navbar .dropdown .caret {
		border-color: #74d320 transparent transparent transparent;
	}
/**/

/* Navigators */
	.navigator {
		bottom: 0;
		left: 0;
		position: absolute;
		width: 100%;
		padding: 0px 97px;
	}

	.main-navigator {
		padding: 15px 0px;
		width: 100%;
		border-top: 1px solid #e5e5e5;
	}

	.navigator .left, .navigator .right {
		width: 49%;
		display: inline-block;
		cursor: pointer;
	}

	.navigator .left {
		padding-left: 20px;
	}

	.navigator .right {
		text-align: right;
		padding-right: 20px;
	}

	.navigator .title {
		font-size: 1.6rem;
		line-height: 4.0rem;
		display: inline-block;
		vertical-align: top;
		width: calc(100% - 20px);
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}

	.ipad .slider-control {
		display: block;
	}

	.navigator .slider-control.left,
	.navigator .slider-control.right {
		position: static;
		height: auto;
		width: 100%;
		background-color: transparent;
		border-radius: 0px;
		margin: 0px;
		opacity: 1;
		text-shadow: none;
		color: #999;
		font-size: 2.3rem;
	}

	.navigator .slider-control.left:before,
	.navigator .slider-control.right:after {
		font-family: 'FontAwesome';
		position: absolute;
		margin-top: 9px;
	}

	.navigator .slider-control.left:before {
		margin-left: -20px;
		content: "\f104";
	}

	.navigator .slider-control.right:after {
		margin-left: 20px;
		content: "\f105";
	}

	.navigator .slider-control span {
		position: static;
		margin: 0px;
        cursor: pointer;
	}
/**/

/* CKEDITOR */
	#actividad .content img{
		margin-top: 10px;
		margin-bottom: 10px;
	}

	#actividad .content .bck-img.right,
	#actividad .content img[style~="float:right"] {
		margin-left: 20px;
		float: right;
	}

	#actividad .content .bck-img.left,
	#actividad .content img[style~="float:left"] {
		margin-right: 20px;
		float: left;
	}

	.bck-encabezado {
		color: #3a7f2c;
		border: 3px solid #d4f1ba;
		border-radius: 10px;
		font-weight: 600;
		padding-left: 5px;
	}

	.bck-sub-encabezado {
		color: #3a7f2c;
		font-weight: bold;
	}

	.content ol{
		list-style-type: none;
	}

	.content ol li{
		counter-increment: bck-li-counter 1;
	}

	.content ol li:before{
		content: counter(bck-li-counter);
		display: inline-block;
		background-color: #74d320;
		border-radius: 100%;
		width: 30px;
		height: 30px;
		line-height: 3rem;
		color: white;
		margin-right: 9px;
		font-weight: 600;
		font-size: 2.1rem;
		text-align: center;
		vertical-align: middle;
	}
/**/

@media screen and (max-width: 1099px) {
    .body_clase .content-wrapper {
        max-width: 100%;
    }

    #actividad .content {
        border-radius: 0;
    }

    #actividad .carousel-inner .item-container {
        margin: 0;
        width: 100% !important;
        max-width: none;
        box-shadow: none;
        margin-bottom: 20px;
    }

    .ipad #actividad .carousel-inner .item-container {
  		border-right: 1px solid #eee;
    }
}



@media screen and (max-width: 768px) {
	.content_type_clase_demo .slide-wrapper,
	.class_slide .layout {
		padding: 0px 20px 0px;
	}

    .navigator {
        padding: 0px 20px;
    }

    .bck-img.right, img[style~="float:right"] {
        max-width: 50%
    }

    .bck-img.left, img[style~="float:left"] {
        max-width: 50%
    }

}

@media screen and (max-width: 480px) {

    .bck-img.right, img[style~="float:right"] {
        width: 100%;
    }

    .bck-img.left, img[style~="float:left"] {
        width: 100%;
    }

    #actividad .carousel-inner .item-container {
		padding: 40px 20px 90px;
	}

}

#boton_reiniciar,#boton_rotulador,#boton_subrayador,#boton_notes, #boton_borrador{
	display:none;
}