/* *********************************************************************************************************************
 * FONTFACE
 */

@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 300;
  src: local('Source Sans Pro Light'), local('SourceSansPro-Light');
  src: url('../fonts/sourcesanspro-light-webfont.eot');
  src: url('../fonts/sourcesanspro-light-webfont.eot?#iefix') format('embedded-opentype'),
	   url('../fonts/sourcesanspro-light-webfont.woff') format('woff'),
	   url('../fonts/sourcesanspro-light-webfont.ttf') format('truetype');
}
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 400;
  src: local('Source Sans Pro'), local('SourceSansPro-Regular');
  src: url('../fonts/sourcesanspro-regular-webfont.eot');
  src: url('../fonts/sourcesanspro-regular-webfont.eot?#iefix') format('embedded-opentype'),
	   url('../fonts/sourcesanspro-regular-webfont.woff') format('woff'),
	   url('../fonts/sourcesanspro-regular-webfont.ttf') format('truetype');
}
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 600;
  src: local('Source Sans Pro Semibold'), local('SourceSansPro-Semibold');
  src: url('../fonts/sourcesanspro-semibold-webfont.eot');
  src: url('../fonts/sourcesanspro-semibold-webfont.eot?#iefix') format('embedded-opentype'),
	   url('../fonts/sourcesanspro-semibold-webfont.woff') format('woff'),
	   url('../fonts/sourcesanspro-semibold-webfont.ttf') format('truetype');
}
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 700;
  src: local('Source Sans Pro Bold'), local('SourceSansPro-Bold');
  src: url('../fonts/sourcesanspro-bold-webfont.eot');
  src: url('../fonts/sourcesanspro-bold-webfont.eot?#iefix') format('embedded-opentype'),
	   url('../fonts/sourcesanspro-bold-webfont.woff') format('woff'),
	   url('../fonts/sourcesanspro-bold-webfont.ttf') format('truetype');
}
@font-face {
  font-family: 'Source Sans Pro';
  font-style: italic;
  font-weight: 300;
  src: local('Source Sans Pro Light Italic'), local('SourceSansPro-LightIt');
  src: url('../fonts/sourcesanspro-lightitalic-webfont.eot');
  src: url('../fonts/sourcesanspro-lightitalic-webfont.eot?#iefix') format('embedded-opentype'),
	   url('../fonts/sourcesanspro-lightitalic-webfont.woff') format('woff'),
	   url('../fonts/sourcesanspro-lightitalic-webfont.ttf') format('truetype');
}
@font-face {
  font-family: 'Source Sans Pro';
  font-style: italic;
  font-weight: 400;
  src: local('Source Sans Pro Italic'), local('SourceSansPro-It');
  src: url('../fonts/sourcesanspro-italic-webfont.eot');
  src: url('../fonts/sourcesanspro-italic-webfont.eot?#iefix') format('embedded-opentype'),
	   url('../fonts/sourcesanspro-italic-webfont.woff') format('woff'),
	   url('../fonts/sourcesanspro-italic-webfont.ttf') format('truetype');
}
@font-face {
  font-family: 'Source Sans Pro';
  font-style: italic;
  font-weight: 600;
  src: local('Source Sans Pro Semibold Italic'), local('SourceSansPro-SemiboldIt');
  src: url('../fonts/sourcesanspro-semibolditalic-webfont.eot');
  src: url('../fonts/sourcesanspro-semibolditalic-webfont.eot?#iefix') format('embedded-opentype'),
	   url('../fonts/sourcesanspro-semibolditalic-webfont.woff') format('woff'),
	   url('../fonts/sourcesanspro-semibolditalic-webfont.ttf') format('truetype');
}
@font-face {
  font-family: 'Source Sans Pro';
  font-style: italic;
  font-weight: 700;
  src: local('Source Sans Pro Bold Italic'), local('SourceSansPro-BoldIt');
  src: url('../fonts/sourcesanspro-bolditalic-webfont.eot');
  src: url('../fonts/sourcesanspro-bolditalic-webfont.eot?#iefix') format('embedded-opentype'),
	   url('../fonts/sourcesanspro-bolditalic-webfont.woff') format('woff'),
	   url('../fonts/sourcesanspro-bolditalic-webfont.ttf') format('truetype');
}

/* *********************************************************************************************************************
 * SHARED
 */

html {
	font-size: 10px;
}

body {
	font: 400 15px 'Source Sans Pro', sans-serif;
	line-height: 21px;
	color: #414141;
	background-color: #eeeeee;
}

.body_clase {
	/*overflow-y: scroll;*/
	-webkit-overflow-scrolling: auto;
}

textarea {
	resize: vertical;
	min-height: 35px;
}

a {
	text-decoration: none;
	color: #414141;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}

a:hover, a:active, a:focus {
	outline: none;
	color: #3AC62A;
	text-decoration: none;
}

	a.default-link {
		color: #414141;
		text-decoration: underline;
	}

	a.white-link {color: #ffffff;}
	a.grey-link {color: #c4c5c7;}
	a.dark-link {color: #6f7072;}
	a.black-link {color: #1a1a1a;}
	a.colored-link {color: #3AC62A;}

	a.white-link:hover,
	a.grey-link:hover,
	a.dark-link:hover,
	a.black-link:hover,
	a.white-link:focus,
	a.grey-link:focus,
	a.dark-link:focus,
	a.black-link:focus,
	.colored {
		color: #3AC62A;
	}

	a.colored-link:hover,
	a.colored-link:focus {text-decoration: underline}

h1, h2, h3, h4, h5, h6	{
	font-weight: 400;
}
h1 {font-size: 40px;}
h2 {font-size: 30px;}
h3 {font-size: 26px;}
h4 {font-size: 22px;}
h5 {font-size: 20px;}
h6 {font-size: 18px;}

strong {
	font-weight: 700;
}

ul {
	padding: 0px;
	margin: 0px;
}

table {
	table-layout: fixed;
}

audio,video,audio:focus,video:focus{ outline:0; }

#keyboardInputMaster,
#keyboardInputMaster table {
	table-layout: auto;
}

hr {
	margin: 15px 0;
	border-top-color: #e2e2e2;
}

figure {
	text-align: center;
	border: solid 1px #ccc;
	-webkit-border-radius: 2px;
	   -moz-border-radius: 2px;
	        border-radius: 2px;
	padding: 10px;
	margin: 10px 20px;
	display: inline-block;
}

.blur {
	-webkit-filter: blur(3px);
	-moz-filter: blur(3px);
	-ms-filter: blur(3px);
	-o-filter: blur(3px);
	filter: blur(3px);
	filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='3');
}

.blocked {
	display: block;
}

.float-left {
	float: left;
}

.float-right {
	float: right;
}

.control {
	position: relative;
	float: right;
	width: 30px;
	height: 30px;
	margin: -20px -28px 0 0;
	background: #fc4237 url(../../../images/shared/controls.png) no-repeat 0 0;
	-webkit-border-radius: 100%;
	   -moz-border-radius: 100%;
	        border-radius: 100%;
}

.control.add {
	background: #3AC62A url(../../../images/shared/controls.png) no-repeat -30px 0;
}

.control.disabled{
    pointer-events: none;
	cursor: not-allowed;
    opacity: .65;
    filter: alpha(opacity=65);
}

.control:hover,
.control:focus {
	-webkit-border-radius: 100%;
	   -moz-border-radius: 100%;
	        border-radius: 100%;
	-webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.5);
	   -moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.5);
	        box-shadow: 0px 0px 5px rgba(0,0,0,0.5);
}




/* *********************************************************************************************************************
 * BOOTSTRAP GLOBAL OVERWRITES
 */

/* BUTTONS */
.btn {
	padding: 6px 15px;
	-webkit-border-radius: 20px;
	   -moz-border-radius: 20px;
	        border-radius: 20px;
	font-size: 14px;
}

.btn-default,
.btn-default.disabled,
.btn-default[disabled],
.btn-default.disabled:focus,
.btn-default[disabled]:focus {
	color: #fff;
	background-color: #999999;
	border-color: transparent;
}
.btn-default:hover,
.btn-default:focus,
.btn-default:active,
.btn-default.active {
	color: #fff;
	background-color: #7a7a7a;
	border-color: transparent;
}

.btn-primary,
.btn-primary.disabled,
.btn-primary.disabled:hover,
.btn-primary.disabled:focus {
	color: #fff;
	background-color: #3AC62A;
	border-color: transparent;
	opacity: 1;
}
.btn-primary[disabled],
.btn-primary[disabled]:focus {
	color: #fff;
	background-color: #3AC62A;
	border-color: transparent;
}

.btn-primary:not([disabled]):hover,
.btn-primary:not([disabled]):focus,
.btn-primary:not([disabled]):active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
	color: #fff;
	background-color: #2BA619;
	opacity: 0.9;
	border-color: transparent;
}

.btn-info,
.btn-info.disabled,
.btn-info[disabled] {
	color: #5d5d5d;
	background-color: #e5e5e5;
	border-color: transparent;
	opacity: 1;
}

.btn-info:hover,
.btn-info:focus,
.btn-info:active,
.btn-info.active {
	color: #5d5d5d;
	background-color: #d4d4d4;
	border-color: transparent;
}

.btn-warning,
.btn-warning[disabled] {
	color: #444;
	background-color: #fff;
	border-color: transparent;
}
.btn-warning:hover,
.btn-warning:focus,
.btn-warning:active,
.btn-warning.active,
.open .dropdown-toggle.btn-warning {
	color: #777;
	background-color: #fff;
	border-color: transparent;
}
.btn-danger,
.btn-danger[disabled] {
	color: #fff;
	background-color: #fc4237;
	border-color: transparent;
}
.btn-danger:hover,
.btn-danger:focus,
.btn-danger:active,
.btn-danger.active,
.open .dropdown-toggle.btn-danger {
	color: #fff;
	background-color: #db3228;
	border-color: transparent;
}

.close {
	font-size: 30px;
	font-weight: normal;
	margin-top: -5px;
	opacity: 0.4;
	filter: alpha(opacity=40);
	text-shadow: 0 0 0 transparent;
}

/*ALERTS*/
.alert {
	padding: 10px;
	-webkit-border-radius: 5px;
	   -moz-border-radius: 5px;
	        border-radius: 5px;
}

.alert-warning {
	color: #fff;
	background-color: #fc4237;
	border-color: transparent;
}

.alert-warning .close {
	color: #fff;
	opacity: 0.7;
	filter: alpha(opacity=70);
}

.alert-warning .close:hover {
	opacity: 1;
	filter: alpha(opacity=100);
}

.slideModal.warningModal .modal-dialog {
	min-width: 300px;
	max-width: 600px;
}

.slideModal.warningModal .modal-content {
	height: auto !important;
}

.slideModal.warningModal .modal-content:after {
	content: '\f12a';
	position: absolute;
	top: 20px;
	left: 20px;
	width: 120px;
	height: 120px;
	-webkit-border-radius: 50%;
	   -moz-border-radius: 50%;
	        border-radius: 50%;
	border: 5px solid #84ae37;
	color: #84ae37;
	font-size: 100px;
	font-family: 'FontAwesome';
	text-align: center;
	line-height: 120px;
}

.slideModal.warningModal .modal-header,
.slideModal.warningModal .modal-body {
	position: relative;
	background: #fff;
	padding-left: 160px;
}

.slideModal.warningModal .modal-header {
	border-bottom: 0px;
}

.slideModal.warningModal .close {
	position: absolute;
	top: 0;
	right: 15px;
	padding: 3px 7px;
}

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

	.slideModal.warningModal .modal-content:after {
		width: 40px;
		height: 40px;
		font-size: 30px;
		line-height: 33px;
	}

	.slideModal.warningModal .modal-header,
	.slideModal.warningModal .modal-body {
		padding-left: 80px;
	}

}

/* DATEPICKER ON MODAL BUG FIX */
.datepicker {
	z-index: 1151 !important;
}

/* MODAL */
.modal-dialog-center {
	margin: 0;
	position: absolute;
	top: 50%;
	left: 50%;
}

.modal-header {
	padding: 5px 20px;
	background-color: #efefef;
	-webkit-border-top-left-radius: 6px;
	   -moz-border-radius-topleft: 6px;
	        border-top-left-radius: 6px;
	-webkit-border-top-right-radius: 6px;
	   -moz-border-radius-topright: 6px;
	        border-top-right-radius: 6px;
}

.modal-header h5 {
	font-size: 17px;
	color: #3AC62A;
}

	.modal-header h5 i {
		margin-right: 5px;
	}

.modal-body {
	overflow-y: auto;
}

.modal-footer {
	margin-top: 0;
	padding: 14px 20px;
}

.modal-warning {
	display: inline-block;
 	position: relative;
	float: left;
 	color: #444;
 	line-height: 30px;
}

.modal-warning.aviso {
 	color: #fc4237;
}

.modal.fade .modal-dialog {
  -webkit-transition: -webkit-transform .3s ease-out;
	 -moz-transition:    -moz-transform .3s ease-out;
	   -o-transition:      -o-transform .3s ease-out;
		  transition: -webkit-transform .3s ease-out;
		  -moz-transition: transform .3s ease-out, -moz-transform .3s ease-out;
		  transition: transform .3s ease-out;
		  transition:         transform .3s ease-out, -webkit-transform .3s ease-out, -moz-transform .3s ease-out, -o-transform .3s ease-out;
  -webkit-transform: scale(1.2,1.2) translate(-50%, -50%) !important;
	  -ms-transform: scale(1.2,1.2) translate(-50%, -50%) !important;
		  -moz-transform: scale(1.2,1.2) translate(-50%, -50%) !important;
		    -o-transform: scale(1.2,1.2) translate(-50%, -50%) !important;
       transform: scale(1.2,1.2) translate(-50%, -50%) !important;
}

.modal.in .modal-dialog {
  -webkit-transform: scale(1,1) translate(-50%, -50%) !important;
	  -ms-transform: scale(1,1) translate(-50%, -50%) !important;
		  -moz-transform: scale(1,1) translate(-50%, -50%) !important;
		    -o-transform: scale(1,1) translate(-50%, -50%) !important;
       transform: scale(1,1) translate(-50%, -50%) !important;
}

.modal-backdrop {
  background-color: #3AC62A;
  position: fixed;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
}

.modal-backdrop.white {
	background-color: #FFF;
}

.modal-backdrop.in {
  filter: alpha(opacity=80) !important;
  opacity: 0.8 !important;
}

/* MODAL > ALERTS */
.modal-content.blue-alert {
	background-color: #54b4ed;
	border: 0;
}

.modal-content.green-alert {
	background-color: #93c01f;
	border: 0;
}

	.modal-content.blue-alert .modal-header,
	.modal-content.green-alert .modal-header {
		background-color: #54b4ed;
		border-bottom: 0;
		padding: 0;
	}

	.modal-content.green-alert .modal-header {
		background-color: #93c01f;
	}

		.modal-content.blue-alert .modal-header button.close,
		.modal-content.green-alert .modal-header button.close {
			position: absolute;
			right: 0;
			width: 30px;
			height: 30px;
			font-weight: 600;
			font-size: 32px;
			color: #fff;
			background-color: #2a90b9;
			-webkit-border-radius: 100%;
			   -moz-border-radius: 100%;
			        border-radius: 100%;
			margin: -12px -12px 0 0;
			opacity: 1;
			display: block;
			line-height: 0;
		}

		.modal-content.green-alert .modal-header button.close {
			background-color: #738e2b;
		}

	.modal-content.green-alert .modal-body {
		padding: 25px 35px 0 35px;
		color: #fff;
	}

	.modal-content.blue-alert .modal-body {
		padding: 0px 35px 20px 35px;
		text-align: center;
		color: #fff;
		font-size: 16px;
	}

	.modal-content.blue-alert h2 {
		border-bottom: 1px solid #FFF;
		margin-bottom: 20px;
		padding-bottom: 20px;
	}

		.modal-content.blue-alert .modal-body ul li,
		.modal-content.green-alert .modal-body ul li {
			list-style: none;
			border-bottom: 1px solid #fff;
			padding: 15px 0;
		}

			.modal-content.blue-alert .modal-body ul li .number,
			.modal-content.green-alert .modal-body ul li .number {
				font-size: 36px;
				font-weight: 600;
				float: left;
				margin: 0 20px 20px 0;
			}

                        .modal-content.green-alert .modal-body ul li .number + h4{
				margin-bottom: 0;
                                margin-top: 0;
			}

			.modal-content.blue-alert .modal-body ul li .text,
			.modal-content.green-alert .modal-body ul li .text {
				font-size: 16px;
				margin: -5px 0 0 0;
				padding-left: 40px;
			}

	.modal-content.green-alert .modal-footer {
		text-align: center;
		border-top: 0;
		padding: 20px 0 25px 0;
	}

	.modal-content.blue-alert .modal-footer {
		padding: 0px;
		border-top: 0;
	}

	.modal-content #abrir-en-panel {
		display: none;
	}

/* MODAL DESCARGA SELECTIVA */

	.panel-descarga-selectiva-modal .modal-dialog.modal-dialog-center {
		width: 80%;
		max-width: 400px;
		border: 1px solid #e5e5e5;
	}


	.panel-descarga-selectiva-modal .modal-body {
		padding: 20px 30px;
		/* BK-16660 Quitamos lineas que no se estan usando, ya que habia un error de sintaxis */
	}

	.panel-descarga-selectiva-modal .modal-body .btn-group-toggle{
		width: 100%;
	}

	.panel-descarga-selectiva-modal .modal-body label {
		width: 80%;
    	text-align: left;
    	margin: 10px 20% 6px 0;
    	font-weight: bolder;
    	color: white;
    	background-color: #D1D1D1;

	}

	.panel-descarga-selectiva-modal .btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle),
	.panel-descarga-selectiva-modal .btn-group>.btn:last-child:not(:first-child) {
		border-bottom-right-radius: 20px;
    	border-top-right-radius: 20px;
    	border-bottom-left-radius: 20px;
    	border-top-left-radius: 20px;
	}

			.panel-descarga-selectiva-modal .modal-body label span {
				font-weight: normal;
				color: white;
				margin-left: 5px;
			}

			.panel-descarga-selectiva-modal .modal-body label.btn:hover, .panel-descarga-selectiva-modal .modal-body label.btn:focus {
				color: white;
			}


    .panel-descarga-selectiva-modal .modal-body label.btn:active,
    .panel-descarga-selectiva-modal .modal-body label.btn.active{
		background-color: #3AC62A;
		color: white;
		-webkit-box-shadow: none;
	   		-moz-box-shadow: none;
	        box-shadow: none;


	}

	.btn-audiorecorder .audio_record_circle {
		display: none;
		height: 76px;
		background: #efefef;
		width: 76px;
		border-radius: 50%;
		border: 1px solid #c2c2c2;
		justify-content: center;
		align-items: center;
		box-shadow: 0 2px 5px 1px rgba(0,0,0,0.2);
	}

	.btn-audiorecorder .audio_record_circle span {
		background: #dd0000;
		height: 26px;
		width: 26px;
		display: block;
		border-radius: 50%;
	}

	.btn-audiorecorder#stopBtn .audio_record_circle span {
		background: #333333;
		border-radius: 4px;
	}
	.btn-audiorecorder .record-text{
		font-size: 18px;
		display: none;
		color: #000;
	}


/* MODAL NUEVA CLASE */

#wizard1 > div:nth-child(+n+3) {
	margin-top: 30px;
}

/* HELPERS */
.small {
	font-size: 14px;
	line-height: 16px;
}

.caret {
	border-style: solid;
	border-width: 7px 5px 0 5px;
	border-color: #ff151f transparent transparent transparent;
	margin-right: 5px;
}

.caret.off {
	border-width: 5px 0 5px 7px;
	border-color: transparent transparent transparent #b0b0b0;
}

.label {
	padding: 1px 5px;
	font-weight: 400;
	font-size: 13px;
	margin: 0 5px;
	-webkit-border-radius: 2px;
	   -moz-border-radius: 2px;
	        border-radius: 2px;
	vertical-align: middle;
}

	.label-primary {
		background-color: #3AC62A;
	}

/*FORMS*/
.form-control {
	font-size: 1.4rem;
}

.form-control:focus, .form-control:focus-within {
	border-top-color: #3AC62A;
	border-right-color: #3AC62A;
	border-bottom-color: #3AC62A;
	border-left-color: #3AC62A;
	border-width: 2px;
	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);
}

.label-wrap {
	height: inherit;
	display: inline-block;
}

.label-wrap .tag {
	display: inline-block;
	background-color: #BBB;
	color: #FFF;
	font-weight: bold;
	padding-left: 5px;
	padding-right: 5px;
	margin: 3px 3px;
	float: left;
	word-break: break-all;
}

.remove-tag::after {
	left: 3px;
	padding: 0 3px;
	content: '\00d7';
	cursor: pointer;
}

.klabel-wrap {
	height: inherit;
	display: inline-block;
}

.klabel-wrap .keyword {
	display: inline-block;
	background-color: #BBB;
	color: #FFF;
	font-weight: bold;
	padding-left: 5px;
	padding-right: 5px;
	margin: 3px 3px;
	float: left;
	word-break: break-all;
}

.remove-keyword::after {
	left: 3px;
	padding: 0 3px;
	content: '\00d7';
	cursor: pointer;
}

.in-form-control {
	border: none;
	overflow: auto;
	outline: none;
	resize: none;

	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	width: 100%;
	min-width: fit-content;
	float: left;
}

/*VERTICAL TABS (MISSING ON BOOTSTRAP3) */
.tabs-left,
.tabs-right {
	border-bottom: none;
}

.tabs-left {
}

.tabs-right {
}

	.tabs-left>li, .tabs-right>li {
		float: none;
		margin-bottom: 2px;
	}

	.tabs-left>li {
		margin-right: -1px;
	}

	.tabs-right>li {
		margin-left: -1px;
	}

	.tabs-left>li.active>a,
	.tabs-left>li.active>a:hover,
	.tabs-left>li.active>a:focus {
		border-bottom-color: #ddd;
		border-right-color: transparent;
	}

	.tabs-right>li.active>a,
	.tabs-right>li.active>a:hover,
	.tabs-right>li.active>a:focus {
		border-bottom: 1px solid #ddd;
		border-left-color: transparent;
	}

		.tabs-left>li>a {
			-webkit-border-radius: 4px 0 0 4px;
			   -moz-border-radius: 4px 0 0 4px;
			        border-radius: 4px 0 0 4px;
			margin-right: 0;
			display:block;
		}

		.tabs-right>li>a {
			-webkit-border-radius: 0 4px 4px 0;
			   -moz-border-radius: 0 4px 4px 0;
			        border-radius: 0 4px 4px 0;
			margin-right: 0;
		}

/* TAB DROP FOR BOOTSTRAP3 */
.nav-tabs,
.nav-pills {
	position: relative;
}

.tabdrop .dropdown-menu {
	-webkit-border-radius: 8px;
	   -moz-border-radius: 8px;
	        border-radius: 8px;
}

.tabdrop .dropdown-menu > li > a {
	line-height: 2;
	border-bottom: 1px solid #ddd;
}

.tabdrop .dropdown-menu > li:last-child > a {
	border-bottom: 0px solid transparent;
}

/*TOOLTIP*/
.tooltip {
	margin-top: 8px;
	pointer-events: none;
	position: fixed;
}

	.tooltip.in {
		filter: alpha(opacity=100);
		opacity: 1;
	}

	.tooltip-inner {
		color: #fff;
		background-color: #bdbdbd;
	}

	.tooltip.top .tooltip-arrow,
	.tooltip.top-left .tooltip-arrow,
	.tooltip.top-right .tooltip-arrow {
		border-top-color: #bdbdbd;
	}

	.tooltip.right .tooltip-arrow {
		border-right-color: #bdbdbd;
	}

	.tooltip.left .tooltip-arrow {
		border-left-color: #bdbdbd;
	}

	.tooltip.bottom .tooltip-arrow,
	.tooltip.bottom-left .tooltip-arrow,
	.tooltip.bottom-right .tooltip-arrow {
		border-bottom-color: #bdbdbd;
	}

	.body_calificaciones .temas-mask .tooltip.top {
		margin-top: 23px; /* Un tercio de la altura del div contenedor de la nota */
 	}

/* POPOVERS */
.popover {
	z-index: 2000;
}

.navbar .popover {
	right: 20px !important;
	margin-left: -80px !important;
	max-width: 310px;
	background-color: #efefef;
}

.navbar .popover-content {
	padding: 0px;
}

.navbar .popover.bottom > .arrow {
	margin-left: 62px;
}

.navbar .popover.bottom > .arrow:after {
	border-bottom-color: #efefef;
}

.desktop .popover {
	max-width: 290px;
}

.desktop .popover-title {
	display: none;
}

.desktop .popover-content {
	padding: 10px;
}

.navbar.libro .popover {
	margin-top: 0px;
	max-width: 354px;
	margin-left: -70px !important;
	background-color: #fff;
}

.navbar.libro .popover-title {
	display: block;
	padding: 14px;
}

.navbar.libro .popover-content {
	padding: 0px;
}

.navbar.libro .popover.bottom > .arrow {
	margin-left: 55px;
}

.navbar.libro .popover.bottom > .arrow:after {
	border-bottom-color: #fff;
}

.navbar.libro-digital .popover-content {
	padding: 0px;
}


.navbar.libro-digital .popover.bottom > .arrow {
	margin-left: 59px;
}

.navbar.libro-digital .popover.bottom > .arrow:after {
	border-bottom-color: #f7f7f7;
}

/*PROGRESS*/

.progress-container {
	margin-top: 15px;
	margin-bottom: 15px;
}

.progress {
	height: 23px;
	padding: 2px;
	background-color: transparent;
	border: 1px solid #999;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0);
	-moz-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0);
	box-shadow: inset 0 0 0 rgba(0, 0, 0, 0);
	margin-bottom: 0px;
}

.progress .progress-bar {
	font-size: 14px;
	font-weight: 600;
	line-height: 15px;
	color: #ffffff;
	text-align: left;
	background-color: #999;
	padding-left: 4px;
	-webkit-border-radius: 10px;
	   -moz-border-radius: 10px;
	        border-radius: 10px;
	-webkit-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0);
	-moz-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0);
	     box-shadow: inset 0 0 0 rgba(0, 0, 0, 0);
}

.progress.progress-upload {
	height: 10px;
	padding: 0;
	background-color: #eaeaea;
	border: none;
	-webkit-border-radius: 0;
	   -moz-border-radius: 0;
			border-radius: 0;
}

.progress.progress-upload .progress-bar {
	background-color: #39c1d5;
	-webkit-border-radius: 0;
	   -moz-border-radius: 0;
			border-radius: 0;
}

.progress.null {
	border: 1px solid #aaaaaa;
}

.progress.ko {
	border: 1px solid #fc4237;
}

.progress.ko .progress-bar {
	background-color: #fc4237;
}

.progress.ok {
	border: 1px solid #3AC62A;
}

.progress.ok .progress-bar {
	background-color: #3AC62A;
}


/*CAROUSEL*/
.slider-control .icon-prev:before,
.slider-control .icon-next:before {
  content: '';
}



/* *********************************************************************************************************************
 * MAIN STUFF
 */
.container,
.content-wrapper {
	margin: 0 auto;
	max-width: 960px;
	/*background-color: #ccc;*/
	-moz-transition: top 0.5s ease;
	-webkit-transition: top 0.5s ease;
	-o-transition: top 0.5s ease;
	transition: top 0.5s ease;
}

.content-wrapper {
	position: relative;
	top: 144px;
}

.grade-container .content-wrapper {
	top: 0;
	max-width: 100%;
	margin-top: 44px;
	padding: 0;
}

.body_clase .container,
.body_clase .content-wrapper {
	max-width: none;
}


.footer {
	margin: 18px 30px 0px;
	font-size: 12px;
	color: #7b7b7b;
	padding-bottom: 20px;
}

	.footer ul {
		float: right;
	}

		.footer ul li {
			display: inline-block;
			list-style: none;
		}

		.footer ul li a {
			color: #7b7b7b;
			margin-left: 6px;
			padding: 3px 5px;
			-webkit-border-radius: 3px;
			   -moz-border-radius: 3px;
			        border-radius: 3px;
		}

		.footer ul li a:hover,
		.footer ul li a:focus {
			background-color: #ddd;
			text-decoration: none;
		}





/* *********************************************************************************************************************
 * NAVIGATION
 */

/* NAV BAR */
.navbar {
	position: fixed;
	width: 100%;
	top: 0;
	left: 0;
	background: #3AC62A ;
	min-height: 44px;
	margin-bottom: 20px;
	border: 0;
	-webkit-border-radius: 0px;
	   -moz-border-radius: 0px;
	        border-radius: 0px;
	z-index: 1010;
}

.navbar-brand {
	padding: 8px 0;
	height: auto;
	opacity: 0.5;
	filter: alpha(opacity=50);
}

	.navbar-brand:hover
	.navbar-brand:focus {
		opacity: 1;
		filter: alpha(opacity=100);
	}

.navbar-menu-desktop {
	display: inline-block;
	margin: 8px 0 0 380px;
}

.navbar-admin .navbar-menu-desktop {
	margin: 8px 0 0 10px;
}

	.navbar-menu-desktop #main-nav-launcher {
		margin-right: 10px;
		opacity: 0.7;
		filter: alpha(opacity=70);
		padding: 10px;
		margin-left: -10px;
	}

	.navbar-menu-desktop #desktop-launcher {
		opacity: 0.7;
		filter: alpha(opacity=70);
	}

		.navbar-menu-desktop #main-nav-launcher:hover,
		.navbar-menu-desktop #desktop-launcher:hover,
		.navbar-menu-desktop #main-nav-launcher:focus,
		.navbar-menu-desktop #desktop-launcher:focus {
			opacity: 1;
			filter: alpha(opacity=100);
		}

.navbar-user {
	margin: 6px 0 0 5px;
	display: inline;
}

	.navbar-user img  {
		width: 31px;
		height: 31px;
		-webkit-border-radius: 100%;
		   -moz-border-radius: 100%;
		        border-radius: 100%;
		border: 2px solid #fff;
	}

	.navbar-user:after  {
		content: url(../../../images/shared/nav/user-arrow.png);
		padding-left: 5px;
	}


/*USER BOX*/
#user-box {
	position: absolute;
	left: -2000;
	display: none;
	z-index: 100;
}

	.user-data {
		background-color: #efefef;
		border-bottom: 1px solid #e1e1e1;
		padding: 20px;
	}
		.user-data img  {
			width: 58px;
			height: 58px;
			-webkit-border-radius: 100%;
			   -moz-border-radius: 100%;
			        border-radius: 100%;
			float: left;
			margin: 0 15px 30px 0;
		}

		.user-data .name {
			font-size: 16px;
			font-weight: 600;
		}

		.user-data .college {

			line-height: 17px;
		}

		.user-data a.profile {
			font-size: 13px;
			color: #3fa9f5;
		}

		.user-data a.profile:hover {
			color: #79bef0;
		}

	.user-profile {
		background-color: #fff;
		border-bottom: 1px solid #e1e1e1;
		padding: 15px 25px;
	}

		.user-profile .title {
			font-size: 14px;
			color: #5d5d5d;
		}

		.user-profile a {
			font-size: 14px;
			color: #5d5d5d;
			display: block;
			margin: 7px 0;
		}

		.user-profile a:hover {
			color: #bbb;
		}

		.user-profile a:before {
			content: url(../../../images/shared/nav/user-dot.png);
		}

	.user-session {
		background-color: #fff;
		padding: 15px 25px;
	}

		.user-session a {
			font-size: 14px;
			color: #ff0000;
		}

		.user-session a:before {
			content: url(../../../images/shared/nav/user-x.png);
		}

/* Notifications box*/

.navbar-notifications {
	position: relative;
}
.navbar-notifications .badge {
	position: absolute;
	top: -7px;
	right: -10px;
	width: 18px;
	height: 18px;
	font-size: 10px;
	font-size: 1.0rem;
	line-height: 13px;
}

#notifications-box {
	position: absolute;
	display: none;
	z-index: 100;
}

.navbar .popover-notifications {
	max-width: 500px;
}

.notifications-list {
	max-height: 310px;
	overflow-x: hidden;
	overflow-y: auto;
}

@media (max-height: 400px) {
	.notifications-list {
		max-height: 90%;
		max-height: -moz-calc(100vh - 80px);
		max-height: -webkit-calc(100vh - 80px);
		max-height: calc(100vh - 80px);
	}
}

.notifications-list li {
	padding: 15px 25px;
	border-bottom: 1px solid #e1e1e1;
}

.notifications-list li:last-child {
	border-bottom: 0;
}

.notifications-list .notification-meta {
	font-size: 14px;
	font-size: 1.4rem;
	color: #AAAAAA;
}

.notifications-list .notification-meta span {
	font-weight: 600;
}

.notifications-list .notification-text {
	font-weight: 600;
	cursor: pointer;
}

.notifications-empty {
	font-size: 18px;
	font-size: 1.8rem;
	color: #cbcbcb;
	text-align: center;
	padding: 15px 25px;
}

/* PROFILES CONTAINER */
.perfiles-container {
	display: inline-block;
	width: auto;
	height: 31px;
	margin: 6px 0;
}

	.perfiles {
		margin-left: 3px;
		line-height: 31px;
	}

		.perfiles label {
			margin: 0;
		}

		.perfiles input[type="checkbox"] {
			position: relative;
			top: 2px;
			margin: 0;
		}

	.perfiles-container a {
		line-height: 27px;
	}

/* MAIN NAVIGATION */
#main-nav {
	position: fixed;
	height: 0px;
	top: 0px;
	width: 100%;
	background-color: rgba(238, 238, 238, 0.9);
	padding: 20px 0;
	overflow: hidden;
	z-index: 99;
	opacity: 0.4;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	-moz-transition: all .5s;
	transition: all .5s;
}

#main-nav.mobile {
	height: 0;
	opacity: 0;
	top: -10px;
}

#main-nav.open {
	height: 100px;
	top: 44px;
	opacity: 1;
}

#main-nav.mobile.open {
	top: 0px;
	height: 100%;
}

	#main-nav ul li {
		display: inline-block;
		list-style: none;
		width: 90px;
		height: 60px;
		margin: 0 8px;
		-webkit-border-radius: 8px;
		   -moz-border-radius: 8px;
		        border-radius: 8px;
		-webkit-box-shadow: 0px 0px 7px rgba(0,0,0,0.5);
		   -moz-box-shadow: 0px 0px 7px rgba(0,0,0,0.5);
		        box-shadow: 0px 0px 7px rgba(0,0,0,0.5);
		background-color: #4a4a4a;

		-webkit-transition: all .3s ease;
		-moz-transition: all .3s ease;
		-o-transition: all .3s ease;
		transition: all .3s ease;
	}

	#main-nav ul li:hover,
	#main-nav ul li:focus,
	#main-nav ul li.active {
		background-color: #7b7b7b;
	}

	#main-nav ul li.active {
		/*pointer-events: none;*/
	}


		#main-nav ul li a {
			font-size: 12px;
			font-weight: 600;
			color: #fff;
			height: 100%;
			padding: 5px;
			width: 100%;
		}

		#main-nav ul li a:hover,
		#main-nav ul li a:focus,
		#main-nav ul li.active a {
			text-decoration: none;
		}

		#main-nav ul li a:before {
			display: block;
			margin-bottom: -10px;
		}

		#main-nav ul li #mn-contenido:before { content: url(../../../images/shared/nav/main-nav-ico-1.png); }
		#main-nav ul li #mn-alumnos:before { content: url(../../../images/shared/nav/main-nav-ico-2.png); }
		#main-nav ul li #mn-claustro:before { content: url(../../../images/shared/nav/main-nav-ico-3.png); }
		#main-nav ul li #mn-calificaciones:before { content: url(../../../images/shared/nav/main-nav-ico-4.png); }
		#main-nav ul li #mn-mensajes:before { content: url(../../../images/shared/nav/main-nav-ico-5.png); }
		#main-nav ul li #mn-licencias:before { content: url(../../../images/shared/nav/main-nav-ico-6.png); }
		#main-nav ul li #mn-admin:before { content: url(../../../images/shared/nav/main-nav-ico-7.png); }
		#main-nav ul li #mn-calendario:before { content: url(../../../images/shared/nav/main-nav-ico-8.png); }

	#main-nav a.main-nav-close {
		margin: 0 auto;
		text-align: center;
		margin: 0 0 30px 0;
		font-size: 40px;
		color: #fff;
		text-decoration: none;
		display: none;
	}



/* *********************************************************************************************************************
 * SHARED CONTENT ELEMENTS
 */

.content-box, .content-box-terms {
	border: 1px solid #c8c8c8;
	-webkit-border-radius: 8px;
	   -moz-border-radius: 8px;
	        border-radius: 8px;
	background-color: #fff;
	padding: 20px 40px;
	-webkit-transition: min-height .5s;
	-o-transition: min-height .5s;
	-moz-transition: min-height .5s;
	transition: min-height .5s;
}

.content-box.sin_clases {
	overflow: hidden;
	padding: 0;
}

.content-box.sin_clases .row {
	margin: 40px 40px 20px;
}

.license_banner {
	width: 100%;
	height: auto;
	overflow: hidden;
	background: url(../../../images/shared/fotolibros.jpg);
	-webkit-background-size: cover;
	   -moz-background-size: cover;
	     -o-background-size: cover;
	        background-size: cover;
	background-repeat: no-repeat;
	padding: 20px 40px;
}

.content_banner {
	width: 100%;
	max-width: 700px;
	height: auto;
	overflow: hidden;
	margin: 0 auto;
	text-align: center;
}

.content_banner p {
	display: inline-block;
	margin: 0 0 0 20px;
	color: #fff;
	font-weight: bold;
	text-align: left;
	vertical-align: top;
	line-height: 3rem;
}

.content_banner .content_title {
	font-size: 2rem;
}

.lock_banner {
	display: inline-block;
	width: 60px;
	height: 60px;
	background: url(../../../images/shared/candado.png);
	-webkit-background-size: auto 100%;
	   -moz-background-size: auto 100%;
	     -o-background-size: auto 100%;
	        background-size: auto 100%;
	background-repeat: no-repeat;
}

.content-box-profile {
	border: 1px solid #c8c8c8;
	-webkit-border-radius: 8px;
	   -moz-border-radius: 8px;
	        border-radius: 8px;
	background-color: #fff;
	padding: 0px;
	margin-top: 20px;
	overflow: hidden;
	-webkit-box-shadow: 0px 0px 8px rgba(0,0,0,0.3);
	   -moz-box-shadow: 0px 0px 8px rgba(0,0,0,0.3);
	        box-shadow: 0px 0px 8px rgba(0,0,0,0.3);
}

.title-buttons {
	position: relative;
	top: -17px;
	margin-bottom: 30px;
	text-align: center;
}

.title-buttons button {
	max-width: 250px;
	max-height: 34px;
	-o-text-overflow: ellipsis;
	   text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    background-color: #ddd;
}

.title-buttons button .fa-chevron-down {
	margin-left: 8px;
}

.title-buttons .delete_category{
	display: none;
}
.title-buttons .edit_category span{
	display: none;
}
.title-buttons .btn-group .btn.title:first-child:not(:last-child):not(.dropdown-toggle){
	-webkit-border-bottom-right-radius: 20px;
	   -moz-border-radius-bottomright: 20px;
	        border-bottom-right-radius: 20px;
    -webkit-border-top-right-radius: 20px;
       -moz-border-radius-topright: 20px;
            border-top-right-radius: 20px;
}
.edit-mode .title-buttons .btn-group .btn.title:first-child:not(:last-child):not(.dropdown-toggle){
	-webkit-border-bottom-right-radius: 0 !important;
	   -moz-border-radius-bottomright: 0 !important;
	        border-bottom-right-radius: 0 !important;
    -webkit-border-top-right-radius: 0 !important;
       -moz-border-radius-topright: 0 !important;
            border-top-right-radius: 0 !important;
}


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

	.content_banner p {
		margin: 20px 0 0 0;
	}

}



.manage-buttons {
    text-align: left;
}
.manage-buttons .btn {
    padding: 4px 13px;
}
.manage-buttons .reset_categories{
	display: none;
}

/* TABS */
.content-main-tabs.nav-tabs {
	border-bottom: 0px solid transparent;
	margin-left: 15px;
}

.content-main-tabs.nav-tabs > li > a {
	margin-right: 10px;
	line-height: 1.2;
	border: 1px solid #c8c8c8;
	border-bottom: 0;
	-webkit-border-radius: 8px 8px 0 0;
	   -moz-border-radius: 8px 8px 0 0;
	        border-radius: 8px 8px 0 0;
}

.content-main-tabs.nav-tabs > li > a:hover,
.content-main-tabs.nav-tabs > li > a:focus {
	background-color: #fff;
}

.content-main-tabs.nav-tabs > li.active > a,
.content-main-tabs.nav-tabs > li.active > a:hover,
.content-main-tabs.nav-tabs > li.active > a:focus {
	cursor: default;
	background-color: #fff;
	border: 1px solid #c8c8c8;
	border-bottom-color: transparent;
}




/* TOOLS (positioned with JS) */
#tools {
	position: fixed;
	top: 250px;
	right: 0;
	z-index: 98;
	-moz-transition: top 0.5s ease;
	-webkit-transition: top 0.5s ease;
	-o-transition: top 0.5s ease;
	transition: top 0.5s ease;
}

	#tools ul {
		list-style: none;
		width: 54px;
		padding: 12px 0;
		-webkit-border-radius: 8px;
		   -moz-border-radius: 8px;
		        border-radius: 8px;
		-webkit-box-shadow: 1px 1px 9px rgba(0,0,0,0.5);
		   -moz-box-shadow: 1px 1px 9px rgba(0,0,0,0.5);
		        box-shadow: 1px 1px 9px rgba(0,0,0,0.5);
		background-color: #4a4a4a;
	}

	#tools ul li {
		width: 54px;
		height: 60px;

	}

		#tools ul li a {
			display: block;
			width: 54px;
			height: 60px;
			background: transparent url('../../../images/shared/tools.png') no-repeat;
		}


		#tools ul li a.off {
			pointer-events: none;
		}


/* SECTION MENU */
#smenu {
	margin-bottom: 30px;
}
	#smenu .caret {
		border-top-color: #FFFFFF;
	}

	#smenu ul li {
		list-style: none;
		display: inline-block;
		margin: 0 15px;
	}

	#smenu ul li a {
		color: #999999;
		padding: 5px;

	}

	#smenu ul li a.resaltar_demo {
		position: relative;
		-webkit-border-radius: 5px;
		   -moz-border-radius: 5px;
		        border-radius: 5px;
		background: #FF9C25;
		color: #fff;
	}

	#smenu ul li a:hover,
	#smenu ul li a:focus,
	#smenu ul li a.active {
		color: #000;
		text-decoration: none;
	}

	#smenu ul li a.resaltar_demo:hover,
	#smenu ul li a.resaltar_demo:focus,
	#smenu ul li a.resaltar_demo.active:hover,
	#smenu ul li a.resaltar_demo.active:focus {
		color: #fff;
		-webkit-box-shadow: 0 1px 6px #777;
		   -moz-box-shadow: 0 1px 6px #777;
		        box-shadow: 0 1px 6px #777;
	}

	#smenu ul li a.resaltar_demo.active {
		color: #fff;
		-webkit-box-shadow: 0 1px 2px #999;
		   -moz-box-shadow: 0 1px 2px #999;
		        box-shadow: 0 1px 2px #999;
	}


/* SECTION FILTER */
.sfilter {
	margin-bottom: 30px;
}

.sfilter ul:not(.dropdown-menu):before {
  border-top: 1px solid #c8c8c8;
  content: "";
  display: block;
  margin-top: 15px;
  position: absolute;
  width: 100%;
}

.sfilter.empty:before {
	margin-top: 0;
}

select#order-filter-select {
    border: none;
    padding: 3px;
    color: #9b9b9b;
    max-width: 140px;
    font-size: 14px;
    outline: none;
}
.order-filter .dropdown-menu {
    margin-top: 6px;
    left: 50%;
    transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
}
.order-filter .dropdown-menu .divider{
	margin: 1px 0px;
}
#order-filter-select {
    background: transparent;
    padding-bottom: 2px;
    padding-top: 2px;
    -webkit-box-shadow: none;
       -moz-box-shadow: none;
            box-shadow: none;
}
#order-filter-select .flecha {
    font-size: 0.8em;
    margin-left: 10px;
}

	.sfilter ul:not(.dropdown-menu) {
		position: relative;
	}

	.sfilter ul.campaign-filter {
		margin-top: 20px;
		text-align: left;
	}

	.sfilter ul.campaign-filter:before {
		display: none;
	}

	.sfilter ul:not(.dropdown-menu) > li {
		list-style: none;
		display: inline-block;
		margin: 0 10px;
		height: 30px;
		-webkit-border-radius: 15px;
		   -moz-border-radius: 15px;
		        border-radius: 15px;
		border: 1px solid #c8c8c8;
		background-color: #fff;
		padding: 1px 13px 0 6px;
		position: relative;
	}

	.sfilter ul.campaign-filter > li {
		list-style: none;
		display: inline-block;
		margin: 0 10px;
		height: 30px;
		-webkit-border-radius: 0;
		   -moz-border-radius: 0;
		        border-radius: 0;
		border: 0;
		background-color: #fff;
		padding: 0 10px;
		position: relative;
		line-height: 30px;
	}

	.sfilter ul li:hover,
	.sfilter ul li:focus {
		background-color: #e5e5e5;
	}

	.sfilter ul.campaign-filter li:hover,
	.sfilter ul.campaign-filter li:focus {
		background-color: transparent;
	}

	.sfilter ul.campaign-filter li.on {
		background-color: #ffdac4;
	}

	.sfilter ul.campaign-filter li a:hover,
	.sfilter ul.campaign-filter li a:active,
	.sfilter ul.campaign-filter li a:focus {
    	color: rgb(255, 142, 72);
	}

	.sfilter input[type=checkbox].filter-checkbox {
		display:none;
	}

		.sfilter input[type=checkbox].filter-checkbox + label.filter-label {
			padding-left: 23px;
			height: 24px;
			display: inline-block;
			line-height: 24px;
			vertical-align: middle;
			background-repeat: no-repeat;
			cursor:pointer;
		}

		.sfilter input[type=checkbox].filter-checkbox:checked + label.filter-label {
			background-position: 0 -24px;
		}

		.sfilter label.filter-label {
			background-image:url(../../../images/shared/checkbox-sprite.png);
			background-repeat: no-repeat;
			font-size: 14px;
			color: #999;
			font-weight: normal;

			-webkit-touch-callout: none;
			-webkit-user-select: none;
			-moz-user-select: none;
			-ms-user-select: none;
			user-select: none;
		}

		.sfilter label.filter-label:hover,
		.sfilter label.filter-label:focus {
			color: #111;
		}

	.search {
		text-align: left;
	}

		.search input[type=search] {
			border: none;
			background: transparent;
			-webkit-appearance: none;
			outline: none;
			color: #555;
			padding-left: 5px;
			min-width: 55px;
			height: 28px;
			-moz-transition: min-width 0.3s ease-in-out;
			-webkit-transition: min-width 0.3s ease-in-out;
			-o-transition: min-width 0.3s ease-in-out;
			transition: min-width 0.3s ease-in-out;
		}

		.search input[type=search]:focus {
			min-width: 130px;
		}

		.sfilter .search i {
			opacity: 0.3;
		}

		.search i:hover,
		.sfilter .search i:focus {
			opacity: 0.9;
		}

.finder_selector{
	margin-top:2px;
	cursor: pointer;
}

/* MISCELANEA */
.filtered-title {
	font-size: 16px;
	color: #838383;
	margin-bottom: 20px;
	display: none;
}
	.filtered-title a {
		font-size: 15px;
		color: #3AC62A;
		padding-left: 10px;
	}
.listrecords_pagination {
	margin-bottom:10px;
}






















/* *********************************************************************************************************************
 * PERFIL USUARIO
 */

#profile {

}

	#profile .main {
		width: 270px;
		background-color: #f2f2f2;
		border-right: 2px solid #ececec;
		text-align: center;
		padding: 50px 20px;
		display: table-cell;
		position: relative;
	}

		#profile .main .image {
			-webkit-border-radius: 100%;
			   -moz-border-radius: 100%;
			        border-radius: 100%;
		}

			#profile .main .image img {
				width: 120px;
				height: 120px;
				-webkit-border-radius: 100%;
				   -moz-border-radius: 100%;
				        border-radius: 100%;
			}

			#profile .main .image a.edit {
				position: absolute;
				width: 120px;
				height: 120px;
				-webkit-border-radius: 100%;
				-moz-border-radius: 100%;
				border-radius: 100%;
				background: transparent url(../../../images/shared/activ-icon-edit.png) no-repeat 52px 52px;
				margin: 0 0 0 -120px;
				display: none;
			}

		#profile .main .name {
			font-size: 18px;
			font-weight: 600;
			color: #414141;
			margin-top: 20px;
		}

			#profile .main .name-edit input {
				font-size: 17px;
				text-align: center;
				margin-top: 13px;
				display: none;
			}

		#profile .main .college {
			font-size: 16px;
			color: #414141;
			margin: 10px 0 20px;
		}

		#profile .main .edit img {
			padding-left: 10px;
		}

		#profile .main .complete {
			font-size: 12px;
			line-height: 14px;
			color: #b3b3b3;
			margin-top: 15px;
			margin-bottom: 20px;
		}

		#profile .main .complete_newuser {
			margin-top: -29px;
		}

			#profile .main .complete_newuser h4 {
				color: #808080;
				margin-top: 0;
			}

			#profile .main .complete_newuser p,
			#profile .main .formulario-captcha p{
				color: #b3b3b3;
				font-size: 14px;
				line-height: 16px;
			}

	#profile .data {
		width: 70%;
		padding: 30px 40px;
		display: table-cell;
		vertical-align: top;
	}

		#profile .data > div {
			width: 100%;
			display: inline-table;
			border-top: 1px solid #eaeaea;
			padding: 15px 0;
		}

		#profile .data > div:first-child, #profile .data > div.email {
			border-top: 0;
		}

			#profile .data .title {
				font-size: 14px;
				color: #808080;
			}

			#profile .data .datas,
			#profile .data input[type=text],
			#profile .data input[type=password],
			#profile .data select,
			#profile .data textarea {
				width: 50%;
				float: right;
				margin-top: -5px;
			}

			#profile .data select {
				overflow: hidden;
			}

			#profile .data textarea {
				margin-top: 0px;
			}

			#profile .data .datas,
			#profile .data input[type=text][readonly],
			#profile .data input[type=password][readonly],
			#profile .data textarea[readonly] {
				border: none;
				background: transparent;
				-webkit-appearance: none;
				outline: none;
				-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0);
				-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0);
				     box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0);

				font-weight: 600;
				text-align: right;
				padding: 0;
				word-break: break-word;
			}

				#profile .data select[readonly] {
					background-color: white;
					border: none;
					-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0);
					   -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0);
					        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0);
					font-weight: 600;
					text-align: right;
					padding: 0;
					pointer-events: none;
					position: relative;
					width: auto;
				}

				#profile .data select[readonly]::-ms-expand {
					display: none;
				}

				#profile .data textarea[readonly] {
					resize: none;
					overflow: hidden;
				}

	#profile .data .fecha-nacimiento {
		overflow: hidden;
	}

	#profile .data .fecha-nacimiento select:last-child {
		margin-left: 0 !important;
	}

	#profile .data .cv textarea {
		height: 100px;
		margin-top: -5px;
	}

	#profile .data #usertype > div {
		float: right;
		width: 50%;
	}

	#profile .data #usertype span.radio-option {
		display: inline-block;
		float: right;
		text-align: left;
		width: 112px;
	}

	#profile .data .formulario-captcha div {
		float: right;
		margin-top: -7px;
		width: 50%;
	}

	#profile .data .formulario-captcha img {
		height: 30px;
		width: 49%;
	}

	#profile .data .formulario-captcha input {
		display: inline-block;
		margin-left: 2px;
		width: 49%;
	}

	#profile .confirm-buttons {
		width: 100%;
		text-align: center;
		padding: 20px 0;
		border-top: 1px solid #eaeaea;
		display: none;
	}

		#profile .confirm-buttons button {
			margin: 0 5px;
		}



/* *********************************************************************************************************************
 * PERFIL USUARIO - VINCULACIONES EXTERNAS
 *
 */

#externals {
}
	#externals .main {
		width: 30%;
		background-color: #f2f2f2;
		border-right: 2px solid #ececec;
		text-align: center;
		padding: 50px 20px;
		display: table-cell;
		position: relative;
	}
		#externals .main .name {
			font-size: 18px;
			font-weight: 500;
			color: #414141;
			margin-top: 10px;
		}

	#externals .data {
		width: 70%;
		padding: 30px 40px;
		display: table-cell;
		vertical-align: top;
	}
	@media screen and (max-width: 992px) and (min-width: 580px){
		#externals .data {
		    width: 60%;
		    padding: 30px 30px;
		}
	}
		#externals .data > div {
			width: 100%;
			display: block;
			border-top: 1px solid #eaeaea;
			padding: 15px 0;
		}

		#externals .data > div:first-child {
			border-top: 0;
		}

		#externals .data .modulos .boton {
			width: 170px;
			display: inline-block;
			margin-right: 15px;
		}

















/* *********************************************************************************************************************
 * SECTION > CONTENIDO
 */

.contenido {

}

.contenido .items {
	text-align: left;
	margin: 10px 0;
}

	.contenido .title-buttons {
		text-align: center;
		margin-bottom: 0px;
		padding-top: 16px;
	}

	.contenido .title-buttons:before {
		content: "";
		border-top: 1px solid #c8c8c8;
		display: block;
		position: relative;
		top: 17px;
	}

	.contenido .title-buttons .on-limit button:first-of-type {
		-webkit-border-bottom-right-radius: 20px ! important;
		   -moz-border-radius-bottomright: 20px ! important;
		        border-bottom-right-radius: 20px ! important;
		-webkit-border-top-right-radius: 20px ! important;
		   -moz-border-radius-topright: 20px ! important;
		        border-top-right-radius: 20px ! important;
	}

	.contenido .title-buttons .on-limit .link-to-all {
		display: none;
	}

	.contenido .items ul li{
		list-style: none;
		display: inline-block;
		vertical-align: top;
		position: relative;
		width: 160px;
		height: auto;
		overflow: visible;
		margin: 0 28px 20px;
		padding: 4px 8px;
		border: 0;
		-webkit-border-radius: 8px;
		   -moz-border-radius: 8px;
		        border-radius: 8px;
	}

	#cursosShop ul li{
		list-style: none;
		display: inline-block;
		vertical-align: top;
		position: relative;
		width: 160px;
		height: auto;
		overflow: visible;
		margin: 0 10px 20px;
		padding: 4px 8px;
		border: 0;
		-webkit-border-radius: 8px;
		   -moz-border-radius: 8px;
				border-radius: 8px;
	}

	#cursosShop ul li label{
		display: inline;
	}

	.contenido .items ul li:nth-child(4n),
	#cursosShop ul li:nth-child(3n) {
		margin-right: 0;
	}

		.contenido .items ul li img,
		#cursosShop ul li img {
			max-width: 128px;
			max-height: 150px;
		}



		.contenido .items ul li span.titulo,
		#cursosShop ul li span.titulo {
			font-weight: 700;
			line-height: 18px;
			height: 18px;
			max-height: 3.3em;
			display: block;
			overflow: hidden;
			-o-text-overflow: ellipsis;
			   text-overflow: ellipsis;
			white-space: nowrap;
		}

		#cursosShop ul li span.titulo.data:before {
			content: "";
			width: 20px;
			height: 20px;
			margin-right: 5px;
			display: block;
			float: left;
			background-image: url(../../../images/shared/checkbox-sprite.png);
			background-position: 0 0;
			margin-top: -3px;
		}

		#cursosShop ul li span.titulo.data.disabled:before {
			background-position: 0 -200px;
		}

		.contenido .items ul li div.status.wrapper {
			/*border: 1px solid #D3D3D3;*/
			padding: 5px;
			font-weight: bold;
			display: block;
			white-space: nowrap;
			cursor: pointer;
		}

		.contenido .items ul li div.status.icon {
			width: 20px;
			height: 20px;
			float: left;
			margin-right: 10px;
		}

		.contenido .items ul li div.status.icon.download {
			width: 23px;
			height: 23px;
			background: url(../../../images/shared/download.png) no-repeat;
			background-size: cover;
		}

		.contenido .items ul li div.status.icon.downloading {
		    background: url(../../../images/shared/downloading.png) no-repeat;
			background-size: cover;
		}

		.contenido .items ul li div.status.icon.downloaded {
			background: url(../../../images/shared/downloaded.png) no-repeat;
			background-size: cover;
		}

		.contenido .items ul li div.status.icon.delete {
			background: url(../../../images/shared/delete.png) no-repeat;
			background-size: cover;
		}

		.contenido .items ul li div.status.icon.error {
			background: url(../../../images/shared/error.png) no-repeat;
			background-size: cover;
		}

		.contenido .items ul li div.status.text {
			overflow: hidden;
			-o-text-overflow: ellipsis;
			   text-overflow: ellipsis;
		}

		[status='downloadable']{
			color: #3AC52A;
		}

		[status='working']{
			color: #3AC52A;
		}

		[status='paused']{
			color: #FF9C25;
		}

		[status='onhold']{
			color: #3AC52A;
		}

		[status='deleting']{
			color: #666;
		}

		[status='delete']{
			color: #666;
		}

		[status='error']{
			color: #fc4237;
		}

		[status='downloaded']{
			color: #3AC52A;
		}

		#cursosShop ul li input[type="checkbox"] {
			display: none;
		}

		#cursosShop ul li input[type="checkbox"]:checked + div span.titulo:before {
			background-position: 0 -25px;
		}

		.contenido .items ul li span.editorial,
		#cursosShop ul li span.editorial {
			color: #999999;
			line-height: 18px;
			height: 18px;
			max-height: 3.3em;
			display: block;
			overflow: hidden;
			-o-text-overflow: ellipsis;
			   text-overflow: ellipsis;
			white-space: nowrap;
			margin-right: 34px;
		}

		.contenido .items ul li span.data,
		#cursosShop ul li span.data {
			display: block;
			margin: 7px 0;
		}

		.contenido .items ul li button.joinClass {
			width: 100%;
			height: 30px;
			-webkit-border-radius: 5px;
			   -moz-border-radius: 5px;
			        border-radius: 5px;
			border: none;
			background: #74D320;
			color: #fff;
			font-weight: bold;
			line-height: 30px;
			-webkit-transition: all linear .5s;
			-o-transition: all linear .5s;
			-moz-transition: all linear .5s;
			transition: all linear .5s;
		}

		.contenido .items ul li button.joinClass:hover {
			opacity: .75;
			filter: alpha(opacity=75);
		}

		#cursosShop ul li span.numero {
			font-weight: normal;
			text-align: center;
		}

	.contenido .items ul li .wrap-img,
	#cursosShop ul li .wrap-img{
		display: table-cell;
		height: 190px;
		position: relative;
		vertical-align: bottom;
		width: 144px;
	}


		.contenido .items ul li .wrap-img img,
		#cursosShop ul li .wrap-img img/*, #alumnos .items ul li .wrap-img img*/ {
			-webkit-border-radius: 2px;
			   -moz-border-radius: 2px;
			        border-radius: 2px;
			-webkit-box-shadow: 0 0 15px rgba(0,0,0,0.2);
			   -moz-box-shadow: 0 0 15px rgba(0,0,0,0.2);
			        box-shadow: 0 0 15px rgba(0,0,0,0.2);
			max-height: 190px;
			max-width: 144px;
		}


	.contenido .items ul li .wrap-mask,
	#cursosShop ul li .wrap-img .wrap-mask {
		display: inline-block;
		position: relative;
	}

		#cursosShop ul li .wrap-img .wrap-mask .velo_shop{
			position: absolute;
			top: 0;
			left: 0;
			height: 100%;
			width: 100%;
			background-color: #3AC62A;
			opacity: 0.6;
		}

		.contenido .items ul li .wrap-mask:hover .mask,
		.contenido .items ul li .wrap-mask:focus .mask,
		.contenido .items ul li .wrap-mask .mask.active {
			filter: alpha(opacity=100);
			opacity: 1;
		}

			.contenido .items ul li:hover .mask a.view-icon,
			.contenido .items ul li:hover .mask a.add-icon,
			.contenido .items ul li:hover .mask a.share-icon,
			.contenido .items ul li:hover .mask a.info-icon,
			.contenido .items ul li:focus .mask a.view-icon,
			.contenido .items ul li:focus .mask a.add-icon,
			.contenido .items ul li:focus .mask a.share-icon,
			.contenido .items ul li:focus .mask a.info-icon {
				filter: alpha(opacity=100);
				opacity: 1;
			}

	.contenido .items ul li .mask,
	#cursosShop ul li .mask {
		width: 100%;
		height: 100%;
		position: absolute;
		overflow: hidden;
		top: 0;
		left: 0;
		padding-top: 0;
		-webkit-border-radius: 2px;
		   -moz-border-radius: 2px;
		        border-radius: 2px;
		background-color: rgba(58, 198, 42, 0.7);
		opacity: 0;
		filter: alpha(opacity=0);

		-webkit-transition: all 0.4s ease-in-out;
		-moz-transition: all 0.4s ease-in-out;
		-o-transition: all 0.4s ease-in-out;
		transition: all 0.4s ease-in-out;
	}
	#cursosShop ul li .wrap-mask .mask {
		opacity: 0.4;
		background-color: #000;
	}

		.contenido .items ul li .mask a {
			position: absolute;
			display: block;
			width: 40px;
			height: 40px;
			margin: 5px;
			background-image:url(../../../images/shared/catalog-sprite.png);
			bottom: -50px;
			opacity: 0;
			filter: alpha(opacity=0);

			-moz-transition: none;
			-webkit-transition: none;
			-o-transition: background-position 0 ease-in;
			-o-transition: none;
			transition: none;
		}

			.contenido .items ul li .mask a.js-follow,
			.contenido .items ul li .mask a.js-edit {
				background-image: none;
			}

			.contenido .items ul li .mask a.view-icon {
				background-position: 0 0;

			}

			.contenido .items ul li .mask a.add-icon {
				background-position: -40px 0;
			}

			.contenido .items ul li .mask a.share-icon {
				background-position: -80px 0;
			}

			.contenido .items ul li .mask a.info-icon {
				background-position: -120px 0;
			}

			.contenido .items ul li .mask a.shop-icon {
				background-position: -240px 0;
			}

			.contenido .items ul li .mask a.recommend-icon {
			    background: #fff;
			    font-size: 1.5em;
			    -webkit-border-radius: 50%;
			       -moz-border-radius: 50%;
			            border-radius: 50%;
			    line-height: 40px;
			    text-align: center;
			    width: 35px;
			    height: 35px;
			    margin-left: 8px;
			    color: #3AC62A;
			}

			.contenido .items ul li .mask input[type="radio"] {
				position: relative;
				display: block;
				width: 40px;
				height: 40px;
				margin: 5px auto;
			}

	.contenido .items ul li .wrap-info {
		margin-top: 10px;
	}

	.estrella_demo{
		-webkit-background-size: cover;
		   -moz-background-size: cover;
		     -o-background-size: cover;
		        background-size: cover;
		width: 24px;
		height: 24px;
		margin: 4px 8px 8px 0;
		position: absolute;
		bottom: 0;
		right: 0;
	}
	.estrella_demo_vacia{ background-image: url(../../../images/shared/star_deseleccionada.png); }
	.estrella_demo_llena{ background-image: url(../../../images/shared/star_seleccionada.png); }
	.estrella_demo_vacia:hover{ background-image: url(../../../images/shared/star_seleccionada.png);}

	.contenido .items ul li .control/*, #alumnos .items ul li .control*/ {
		margin: 0;
		position: absolute;
		right: -15px;
		top: -15px;
	}


/* EXCEPCIONES PARA RECURSOS */
.contenido .items.recursos ul li {
	/*height: 210px;*/
	padding-left: 15px;
	padding-right: 15px;
}

	.contenido .items.recursos .wrap-mask .mask {
		-webkit-border-radius: 100%;
		   -moz-border-radius: 100%;
		        border-radius: 100%;
		height: 100px;
		width: 100px;
		top: 7px;
		padding-top: 35px;
		z-index: 2;
	}

	.contenido .items.recursos .wrap-mask:after {
		left: -2px;
		margin-top: -47px;
		position: absolute;
		top: 50%;
		z-index: 1;

		transition: opacity .2s ease;
		-moz-transition: opacity .2s ease;
		-ms-transition: opacity .2s ease;
		-o-transition: opacity .2s ease;
		-webkit-transition: opacity .2s ease;
	}

	.contenido .items.recursos .wrap-mask:hover:after {
		opacity: 0.4;
	}

	.contenido .items.recursos ul li.imagen {
		display: block;
		height: 114px;
		width: 102px;
	}

	.contenido .items.recursos ul li span.imagen:after {
		position: absolute;
		top: 11px;
		left: 16px;
	}

		.contenido .items.recursos ul li span.imagen.archivo:not(.common):after { content: url(../../../images/contenido/recurso-icon-archivo.png); }
		.contenido .items.recursos ul li span.imagen.video:not(.common):after { content: url(../../../images/contenido/recurso-icon-video.png); }
		.contenido .items.recursos ul li span.imagen.img:not(.common):after { content: url(../../../images/contenido/recurso-icon-img.png); }
		.contenido .items.recursos ul li span.imagen.libro:not(.common):after { content: url(../../../images/contenido/recurso-icon-libro.png); }
		.contenido .items.recursos ul li span.imagen.url:not(.common):after { content: url(../../../images/contenido/recurso-icon-url.png); }
		.contenido .items.recursos ul li span.imagen.musica:not(.common):after { content: url(../../../images/contenido/recurso-icon-musica.png); }
		.contenido .items.recursos ul li span.imagen.actividad:not(.common):after { content: url(../../../images/contenido/recurso-icon-actividad.png); }

		.contenido .items.recursos ul li span.imagen img {
			width: 100px;
			height: 100px;
			margin: 7px 0px 5px;
			-webkit-border-radius: 100%;
			   -moz-border-radius: 100%;
			        border-radius: 100%;
		}

		.contenido .items.recursos ul li span.profesor {
			line-height: 18px;
			display: block;
			color: #29abe2;
			margin-bottom: 7px;
			max-height: 20px;
		}

		.contenido .items.recursos ul li span.materia {
			color: #999999;
			max-height: 20px;
		}

	.contenido .items.recursos ul li .control {
		right: 35px;
		top: -1px;
	}
.imagen_ayuda	{float:left; opacity:0.5; filter:alpha(opacity=50);}

/* EXCEPCIONES PARA ACTIVIDADES > DEL CENTRO */
	.contenido .items.recursos.centro ul li .controls {
		position: absolute;
		top: 30px;
		left: 115px;
	}

		.contenido .items.recursos.centro ul li .controls span {
			position: relative;
			display: block;
			width: 31px;
			height: 26px;
			margin: 3px 0;
			padding: 2px 0 0 3px;
			text-align: center;
			color: #fff;
			font-size: 13px;
			font-weight: 700;
			background-image:url(../../../images/shared/catalog-sprite.png);
		}

			.contenido .items.recursos.centro ul li .controls span.like {
				background-position: -164px -7px;
			}

			.contenido .items.recursos.centro ul li .controls span.use {
				background-position: -204px -7px;
			}

	.contenido .items.recursos.centro ul li span.imagen:after {
		top: 8px;
		left: 12px;
	}

	.contenido .items.recursos.centro ul li span.imagen img {
		width: 94px;
		height: 94px;
		margin: 7px 0px 5px 0px;
	}

	.contenido .items.recursos.centro .wrap-mask .mask {
		height: 94px;
		width: 94px;
		top: 7px;
	}

.horizontal-view {
    border: 1px solid #c8c8c8;
    -webkit-border-radius: 6px;
       -moz-border-radius: 6px;
            border-radius: 6px;
}
.contenido .horizontal-view li.js-course:before, .contenido .horizontal-view li.js-course:after {
    clear: both;
    content: " ";
    display: block;
}
.contenido .horizontal-view li.js-course {
    width: 100%;
    display: block;
    margin-left: 0 !important;
    margin-bottom: 0;
    border-bottom: 1px solid #c8c8c8;
    -webkit-border-radius: 0;
       -moz-border-radius: 0;
            border-radius: 0;
    padding: 28px 0px;
}
.contenido .horizontal-view li.js-course:last-child{
	border-bottom: 0;
}
.contenido .items .horizontal-view li .wrap-img {
    display: block;
    float: left;
    width: 29%;
    text-align: center;
    height: auto;
}
.contenido .items .horizontal-view li .wrap-img img {
    max-width: 85px;
}
.contenido .items .horizontal-view li .wrap-info {
    float: left;
    width: 60%;
    text-align: left;
    margin-left: 5px;
    margin-top: 0;
}
.contenido .items .horizontal-view li span.titulo {
    display: block !important;
    margin-top:0;
}
.contenido .items .horizontal-view .checkbox-select {
    float: left;
    width: 8%;
}
.contenido .items .horizontal-view .checkbox-select:before{
	position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    margin-left: 20px;
    cursor: pointer;
}


















/* *********************************************************************************************************************
 * SECTION > ALUMNOS
 */

.codigo-clase {
	color: #3AC62A;
	font-weight: 600;
	position: absolute;
	right: 66px;
	top: 80px;
}

#alumnos .fichas {
	text-align: left;
	margin: 0px;
}

	#alumnos .fichas ul {
		-webkit-transition: all .3s ease;
		-moz-transition: all .3s ease;
		-o-transition: all .3s ease;
		transition: all .3s ease;
	}

	#alumnos .fichas ul li {
		list-style: none;
		display: inline-block;
		width: 208px;
		height: 76px;
		margin: 0 12px 16px 0;
		padding: 7px;
		-webkit-border-radius: 8px;
		   -moz-border-radius: 8px;
		        border-radius: 8px;
		vertical-align: top;
		position: relative;

		-webkit-transition: all .3s ease;
		-moz-transition: all .3s ease;
		-o-transition: all .3s ease;
		transition: all .3s ease;
	}

	#alumnos .fichas ul li:nth-child(4n) {
		margin-right: 0;
	}


	#alumnos .fichas ul li.hover {
		background-color: #e6e6e6;
	}

		#alumnos .fichas ul li img {
			max-height: 60px;
			max-width: 60px;
			-webkit-border-radius: 8px;
			   -moz-border-radius: 8px;
			        border-radius: 8px;
			float: left;
			margin-right: 10px;
			-webkit-box-shadow: 0 1px 6px -2px rgba(0, 0, 0, 0.3);
			   -moz-box-shadow: 0 1px 6px -2px rgba(0, 0, 0, 0.3);
			        box-shadow: 0 1px 6px -2px rgba(0, 0, 0, 0.3);
			height: 60px;
			width: 60px;
			cursor: pointer;
		}

		#alumnos .fichas ul li span {
			font-weight: 600;
			line-height: 16px;
			margin-top: 4px;
			display: block;
			word-wrap: break-word;
		}

		#alumnos .fichas ul li span.nombre {
			/*max-*/height: 2.2em;
			/*overflow: hidden;*/
			display: block;
			display: -webkit-box;
			height: 33px;
			margin: 0 auto;
			-webkit-line-clamp: 2;
			-webkit-box-orient: vertical;
			overflow: hidden;
			-o-text-overflow: ellipsis;
			   text-overflow: ellipsis;
			margin-top: 4px;
		}

		#alumnos .fichas ul li.padre span.nombre {
			height: 50px;
			-webkit-line-clamp: inherit;
		}

		#alumnos .fichas ul li span.email_porAprobar {
			color: #777;
			font-size: 12px;
			margin-left: 70px;
			max-height: 2em;
		}

		#alumnos .fichas .sin-registrar,
		#alumnos .fichas .sin-aceptar {
			background-color: rgba(255, 0, 0, .3);
		}

		#alumnos .fichas .reenviar a {
			height: 54px;
			width: 54px;
			float: right;
			margin-right: -5px;
			margin-top: -17px;
			background-image: url(/themes/responsive/images/shared/tools.png);
			background-position: 0px -1505px;
			-webkit-transform: scale(.6, .6);
			   -moz-transform: scale(.6, .6);
			    -ms-transform: scale(.6, .6);
			     -o-transform: scale(.6, .6);
			        transform: scale(.6, .6);
		}

		#alumnos .fichas li.padre .reenviar a {
			margin-top: -25px;
		}

		#alumnos .fichas ul li.pendiente_aprobar img,
		#alumnos .fichas ul li.pendiente_aprobar span {
			opacity: 0.3;
		}

		#alumnos .fichas ul li a {
			color: #999999;
		}

		#alumnos .fichas ul li a:hover,
		#alumnos .fichas ul li a:focus,
		#alumnos .fichas ul li a.active {
			color: #3AC62A;
			/*background-color: #dbdbdb;*/
			text-decoration: none;
		}

		#alumnos .fichas ul li.selected {
			background-color: #e6e6e6;
		}

		#alumnos .fichas ul li.selected:before {
			content: '';
			position: absolute;
			display: block;
			width: 30px;
			height: 30px;
			-webkit-border-radius: 100%;
			   -moz-border-radius: 100%;
			        border-radius: 100%;
			margin: 0;
			right: -11px;
			top: -14px;
			background: transparent url(../../../images/shared/controls.png) no-repeat -60px 0;
		}

	#alumnos .fichas-actions {
		-webkit-border-radius: 8px;
		   -moz-border-radius: 8px;
		        border-radius: 8px;
		height: 100%;
		left: 0;
		position: absolute;
		top: 0;
		width: 100%;
	}

		#alumnos .fichas-actions a {
			display: inline-block;
			font-size: 30px;
			height: 100%;
			padding-top: 23px;
			position: relative;
			text-align: center;
			width: 49%;
		}

			#alumnos .fichas-actions a div {
				height: 100%;
				width: 100%;
				opacity: 0.2;
				position: absolute;
				left: 0;
				top: 0;
				filter: alpha(opacity = 20);

				-o-transition: opacity .2s ease-in-out;

				transition: opacity .2s ease-in-out;
				-webkit-transition: opacity .2s ease-in-out;
				-ms-transition: opacity .2s ease-in-out;
				-moz-transition: opacity .2s ease-in-out;
			}

				#alumnos .fichas-actions a.ficha-aceptar div {
					background-color: #3AC62A;
					-webkit-border-radius: 0 7px 7px 0;
					   -moz-border-radius: 0 7px 7px 0;
					        border-radius: 0 7px 7px 0;
					float: right;
				}


				#alumnos .fichas-actions a.ficha-rechazar div {
					background-color: #fc4237;
					-webkit-border-radius: 7px 0 0 7px;
					   -moz-border-radius: 7px 0 0 7px;
					        border-radius: 7px 0 0 7px;
					float: left;
				}

				#alumnos .fichas-actions.hover a div,
				#alumnos .fichas-actions:focus a div {
					opacity: 0.5;
				}

				#alumnos .fichas-actions a.hover div,
				#alumnos .fichas-actions a:focus div,
				#alumnos .fichas-actions a.selected div {
					opacity: 0.7;
					filter: alpha(opacity = 70);
				}

		#alumnos .fichas-actions i {
			color: white;
			position: absolute;
			filter: alpha(opacity = 0);
			opacity: 1;
			top: 50%;
			-o-transition: all .2s ease-in-out;
			transition: all .2s ease-in-out;
			-webkit-transition: all .2s ease-in-out;
			-ms-transition: all .2s ease-in-out;
			-moz-transition: all .2s ease-in-out;
		}

			#alumnos .ficha-rechazar i {
				left: 50%;
				margin-left: -12px;
				margin-top: -15px;
			}

			#alumnos .ficha-aceptar i {
				left: 50%;
				margin-left: -12px;
				margin-top: -15px;
			}

/* MODO PADRE*/
#alumnos .fichas .alumno .padre-element,
#alumnos .fichas .padre .alumno-element {
	display: none;
}

#alumnos .fichas ul li .imagen_mini {
	margin-bottom: 0px;
}

	#alumnos .fichas ul li .imagen_mini img {
		border: 1px solid #c8c8c8;
		bottom: 3px;
		-webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
		   -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
		        box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
		height: 28px;
		left: 47px;
		position: absolute;
		width: 28px;
	}



/* CONTENIDO */
#alumnos .items ul li:last-child {
	background-color: transparent;
}

#alumnos .items ul li.js-addBook {
	background-color: #c2e49c;
	cursor: pointer;
}

	#alumnos .items .js-addBook span {
		margin-bottom: 25px;
		padding-top: 46px;
		text-align: center;
	}

/*#alumnos .items {
	text-align: left;
	margin: 20px 0;
}

	#alumnos .items ul li {
		list-style: none;
		display: inline-block;
		vertical-align: top;
		width: 160px;
		height: 245px;
		margin: 0 15px 20px 0;
		padding: 4px 15px;
		border: 1px solid #c8c8c8;
		border-radius: 8px;
	}

		#alumnos .items ul li:last-child {
			border: 1px solid #c2e49c;
			background-color: #c2e49c;
		}

	#alumnos .items ul li:nth-child(5n) {
		margin-right: 0;
	}

		#alumnos .items ul li img {

		}

		#alumnos .items ul li span.titulo {
			font-weight: 700;
			line-height: 16px;
			margin-top: 4px;
			display: block;
		}

		#alumnos .items ul li span.editorial {
			color: #999999;
		}*/

/*		MOVED TO GLOBAL OBJECT ON VERSION 9.2

		#alumnos .items ul li .control {
			position: relative;
			float: right;
			width: 30px;
			height: 30px;
			margin: -20px -28px 0 0;
			background: #fc4237 url(../../../images/shared/controls.png) no-repeat 0 0;
			border-radius: 100%;
		}

		#alumnos .items ul li .control.add {
			background: #3AC62A url(../../../images/shared/controls.png) no-repeat -30px 0;
		}

		#alumnos .items ul li .control:hover,
		#alumnos .items ul li .control:focus {
			border-radius: 100%;
			box-shadow: 0px 0px 5px rgba(0,0,0,0.5);
		}
*/




















/* *********************************************************************************************************************
 * SECTION > FICHA ALUMNO
 */

.grade-container {
	height: auto;
	overflow: hidden;
	-webkit-transition: all ease 1s;
	-o-transition: all ease 1s;
	-moz-transition: all ease 1s;
	transition: all ease 1s;
}

.grade-container #ficha-alumno .content-box {
	height: auto;
	overflow: hidden;
	-webkit-border-radius: 0;
	   -moz-border-radius: 0;
	        border-radius: 0;
	padding: 20px;
}

.grade-container #ficha-alumno .content-box > div {
	max-width: 880px;
	margin-left: auto;
	margin-right: auto;
}

#ficha-alumno .header {
	border-top: 1px solid #c8c8c8;
	margin-top: 40px;
}

.grade-container #ficha-alumno .header {
	border-top: 0;
	margin-top: 20px;
}

#ficha-alumno .header .data:after {
	content: '';
	display: table;
	clear: both;
}

	#ficha-alumno .header .avatar {
		-webkit-border-radius: 5px;
		   -moz-border-radius: 5px;
		        border-radius: 5px;
		width: 85px;
		height: 85px;
		overflow: hidden;
		margin-right: 20px;
		float: left;
	}

	#ficha-alumno .header .data .data-info {
		float: left;
	}

	#ficha-alumno .header .data .name {
		font-size: 18px;
		font-weight: 600;
		color: #414141;
	}

	#ficha-alumno .header .data .date {
		font-size: 12px;
		color: #979797;
	}

	#ficha-alumno .header .data .country {
		font-size: 15px;
		font-weight: 600;
		color: #3AC62A;
	}

	#ficha-alumno .notas {
		font-size: 12px;
		font-weight: 400;
		line-height: 13px;
		color: #808080;
		text-align: center;
	}

	#ficha-alumno .header .notas {
		float: right;
		margin-top: -80px;
	}

		#ficha-alumno .notas .nota-container {
			display: inline-block;
			width: 65px;
			vertical-align: top;
		}


		#ficha-alumno .notas .nota-container .nota {
			width: 41px;
			height: 20px;
			font-size: 14px;
			font-weight: 700;
			color: #fff;
			margin: 10px auto 5px auto;
			background-color: #B9B9B9;
			-webkit-border-radius: 100%;
			-moz-border-radius: 100%;
			border-radius: 20px;
			padding-top: 4px;
			display: block;
		}


/*EVOLUTION*/
#ficha-alumno .evolution {
	border-top: 1px solid #c8c8c8;
	margin-top: 40px;
}

	#ficha-alumno .evolution > .row {
		overflow: auto;
	}

	#ficha-alumno .evolution .show-chart {
		background-color: #3AC62A;
	}

	#ficha-alumno .evolution .show-chart .fa-chevron-down,
	#ficha-alumno .evolution .show-chart .fa-chevron-up {
		margin-left: 8px;
	}

	#ficha-alumno .evolution .toggle-chart {
		margin-bottom: 20px;
	}

	#ficha-alumno .evolution .chart {
		position: relative;
		background-color: #4b4b4b;
		-webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.5);
		   -moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.5);
		        box-shadow: 0px 0px 5px rgba(0,0,0,0.5);
		-webkit-border-radius: 7px;
		   -moz-border-radius: 7px;
		        border-radius: 7px;
		padding: 15px;
		width: 100%;
		max-width: 950px;
		margin: 0 auto;
	}

	#ficha-alumno .evolution .chart canvas {
		width: 100% !important;
		/*max-width: 950px;
		max-height: 450px;*/
		margin: 0 auto;
	}

	#ficha-alumno .evolution .refs {
		font-size: 13px;
		line-height: 16px;
		color: #999999;
		margin-top: 10px;
	}

	#ficha-alumno .evolution .refs .circle {
		display: inline-block;
		width: 11px;
		height: 11px;
		-webkit-border-radius: 100%;
		   -moz-border-radius: 100%;
		        border-radius: 100%;
		background-color: #3AC62A;
		margin-right: 6px;
		margin-left: 20px;
	}

	#ficha-alumno .evolution .refs .circle.blue {
		background-color: #29abe1;
		margin-left: 15px;
	}

	#ficha-alumno .evolution .refs .label.ls {
		display: inline;
		vertical-align: top;
		padding: 0;
		margin: 0;
		color: #999;
	}

	#ficha-alumno .evolution .values .item {
		margin: 12px 0;
	}

	#ficha-alumno .evolution .values .title {
		font-size: 16px;
		font-weight: 600;
		color: #4b4b4b;
	}

	#ficha-alumno .evolution .values .text {
		font-size: 12px;
		color: #808080;
	}

	#ficha-alumno .evolution .values .progress {
		margin: 2px 0;
	}

/*UNITS*/
#ficha-alumno .units {
	border-top: 1px solid #c8c8c8;
	margin-top: 40px;
}

#ficha-alumno .units .item {
	border: 1px solid #c7c7c7;
	background: #eeeeee url('../../../images/ficha/unit-bg.gif') repeat-x;
	-webkit-border-radius: 10px;
	   -moz-border-radius: 10px;
	        border-radius: 10px;
	margin-bottom: 30px;
		padding-left: 15px;
}

	#ficha-alumno .units .item .container-drop-down {
		float: left;
		margin: 10px 10px;
		padding: 0px 6px;
		background: white;
		width: 20px;
		height: 20px;
		border-radius: 50%;
		font-size: 11px;
	    cursor: pointer;
	}

	#ficha-alumno .units .item .container-drop-down .fa-plus {
		color: #74d320;
	}

	#ficha-alumno .units .item .container-drop-down .fa-plus.disabled {
		color: #CECECE;
	}

	#ficha-alumno .units .item > .title {
		font-size: 16px;
		font-weight: 600;
		line-height: 33px;
		color: #fff;
		padding-right: 310px;
		padding-top: 3px;
		height: 33px;
		overflow: hidden;
		margin-bottom: 27px;
		-o-text-overflow: ellipsis;
		   text-overflow: ellipsis;
		white-space: nowrap;
	}


	#ficha-alumno .units .item .comment {
		position: relative;
		float: right;
		display: inline-block;
		width: 32px;
		height: 32px;
	    margin: -55px 110px 0 0;
		background: transparent url('../../../images/shared/tools.png') no-repeat -12px -677px;
		cursor: pointer;
		-moz-transition: -moz-transform 0.4s ease;
		-webkit-transition: -webkit-transform 0.4s ease;
		-o-transition: -o-transform 0.4s ease;
		transition: -webkit-transform 0.4s ease;
		-moz-transition: transform 0.4s ease, -moz-transform 0.4s ease;
		transition: transform 0.4s ease;
		transition: transform 0.4s ease, -webkit-transform 0.4s ease, -moz-transform 0.4s ease, -o-transform 0.4s ease;
	}

	#ficha-alumno .units .item .comment.active {
		opacity: 1;

		-ms-transform: rotateY(180deg);
		-webkit-transform: rotateY(180deg);
		-moz-transform: rotateY(180deg);
		     transform: rotateY(180deg);
	}

		#ficha-alumno .units .item .comment .comment-add {
			position: absolute;
			top: 7px;
			left: -6px;
			width: 16px;
			height: 16px;
			border: 2px solid #999;
			border-radius: 50%;
			background: #999;
			color: #fff;
			font-family: "FontAwesome";
			font-weight: bolder;
			text-align: center;
			line-height: 11px;
		}

	#ficha-alumno .units .item .comment.alum_disable {
		opacity: 0.6 !important;
		cursor: default;
	}

	#ficha-alumno .units .item .comment-title {
		float: right;
		display: inline-block;
		margin: -52px 60px 0 0;
		font-size: 13px;
		font-weight: 600;
		color: #fff;
	}

	#ficha-alumno .units .item .comment-box {
		margin: 20px 20px 20px 3px;
		text-align: right;
		display: none;
	}


	#ficha-alumno .units .item .notas {
		text-align: left;
		margin: 0 10px 10px;
		float: left;
	}

		#ficha-alumno .units .item .notas .nota-container {
			width: 50px;
			margin: 0;
			text-align: center;
		}

	#ficha-alumno .units .item .actividad {
		height: 37px;
		padding-top: 10px;
		text-align: left;
		margin-top: 0px;
	}

	#ficha-alumno .units .item .actividad.oculta {
		display: none;
	}


		#ficha-alumno .units .item .actividad .title {
			font-weight: 600;
			color: #4d4d4d;
		}

		#ficha-alumno .units .item .actividad .complete {
			font-size: 11px;
			color: #808080;
			margin-top: -6px;
		}

		#ficha-alumno .units .item .actividad .progress {
			height: 9px;
			margin-top: -2px;
			padding: 2px;
			background-color: #4d4d4d;
			border: 0 solid transparent;
			-webkit-border-radius: 10px;
			   -moz-border-radius: 10px;
			        border-radius: 10px;
		}

			#ficha-alumno .units .item .actividad .progress-bar {
				background-color: #3AC62A;
				-webkit-border-radius: 10px;
				   -moz-border-radius: 10px;
				        border-radius: 10px;
				padding-left: 4px;
				-webkit-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0);
				-moz-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0);
				     box-shadow: inset 0 0 0 rgba(0, 0, 0, 0);
			}

		#ficha-alumno .units .item .actividad .date,
		#ficha-alumno .units .item .actividad .hour {
			font-size: 14px;
			color: #808080;
		}

		#ficha-alumno .units .item .actividad .nota {
			position: relative;
			width: 54px;
			height: 28px;
			font-size: 14px;
			font-weight: 600;
			color: #fff;
			margin: -4px 0 0; /*-2px 0 0 35px;*/
			background-color: #bfdc9f;
			-webkit-border-radius: 14px;
			   -moz-border-radius: 14px;
			        border-radius: 14px;
			padding: 3px 8px 0;
			display: block;
			cursor: normal;
		}

		#ficha-alumno .units .item .actividad .nota.vanilla[data-content=''] {
			text-align: center;
		}

		#ficha-alumno .units .item .actividad .nota:after {
			content: "";
			display: block;
			background: url('../../../images/shared/revision_comment.png') no-repeat 4px 6px;
			position: absolute;
			width: 25px;
			height: 25px;
			right: 5px;
			top: -1px;
		}

		#ficha-alumno .units .item .actividad .nota.vanilla[data-content='']:after{
			background: none;
		}

		#ficha-alumno .units .item .actividad .nota.completado {
			background-color: #3AC62A;
		}

		#ficha-alumno .units .item .actividad .nota.ko {
			background-color: #f79994;
		}

		#ficha-alumno .units .item .actividad .nota.ko.completado {
			background-color: #fc4237;
		}

		#ficha-alumno .units .item .actividad .nota {
			display: inline-block;
		}

		#ficha-alumno .units .item .actividad .certificate {
			display: inline-block;
		}

		#ficha-alumno .units .item .actividad .btn-certificate {
			cursor: pointer;
			height: 28px;
			margin: 0px;
		}

	#ficha-alumno .units .item .more {
		border-top: 1px solid #c7c7c7;
		text-align: center;
		padding: 3px 0;
	}

	#ficha-alumno .units .item .more a {
		font-size: 13px;
		font-weight: 600;
		color: #999999;
	}

	.wDate-activity {
		margin: 0 20px 10px 20px;
	}


	.datos-actividad {
		float: right;
	}

	.wTitle-xs {
		border-top: 1px solid #c7c7c7;
		display: none;
	}

	.progreso {
		margin-right: 15px;
		margin-top: -7px;
		margin-bottom: 7px;
		width: 150px;
	}

	.fecha-realizacion {
		margin-right: 15px;
	}

	.tiempo-realizacion {
		margin-right: 15px;
	}


	#ficha-alumno .units #ficha_ejercicios .notas {
	    padding: 0px 5px;
	    margin: 20px 0 10px;
	    margin: -60px -1px 0px 0px;
	    float: right;
	    background-color: rgb(170,170,170);
	    height: 38px;
	    border-radius: 0 10px 0 0;
	}
	#ficha-alumno .units .item .notas .nota-container {
	    width: 47px;
	    margin: 0;
	    text-align: center;
	}
	#ficha-alumno .units .item .row {
		margin-right: 0;
		margin-left: 0;
	}





















/* *********************************************************************************************************************
 * SECTION > LIBRO (GLOBALS)
 */

/* WIDGET BACKGROUND */
.widgetBackground {
	position: absolute;
	top: 0;
	left: 0;
	display: none;
	width: 100%;
	height: 100%;
	background: rgba(255,255,255,.5);
}

/* LIBRO NAVBAR */
.navbar.libro {
	background: #4b4b4b !important;
}

.body_clase:not(.edit) .navbar.libro.popover_resources_active{
	z-index: 9002;
}

.libro-left { float: left; }
.libro-right {	float: right; }

	.libro-left ul,
	.libro-right ul {
		list-style: none;
		height: 44px;
	}

	.libro-left ul li,
	.libro-right ul li {
		display: inline-block;
		vertical-align: top;
	}

	.libro-right ul li.close-back-wrapper.close-back-mobile {
		top: -44px;
		position: absolute;
		right: 0px;
	}

		.libro-left ul li a,
		.libro-right ul li a,
		.libro-right ul li span {
			display: inline-block;
			width: 45px;
			height: 44px;
			background: transparent url('../../../images/shared/tools.png') no-repeat;
		}

		.libro-right ul li a,
		.libro-right ul li span {
			width: 54px;
		}

		.libro-left .edit-mode { background-position: -11px -613px; }

		/*.libro-left ul li a:hover,
		.libro-left ul li a:focus,
		.libro-right ul li a:hover,
		.libro-right ul li a:focus {
			background-color: #656565;
		}

		.libro-left .info { background-position: -5px -548px; }
		.libro-left .index { background-position: -5px -728px; }


		.libro-right .tool-1 { background-position: 0px -7px; }
		.libro-right .tool-2 { background-position: 0px -67px; }
		.libro-right .tool-3 { background-position: 0px -127px; }
		.libro-right .tool-4 { background-position: 0px -187px; }
		.libro-right .tool-5 { background-position: 0px -967px; }
		.libro-right .tool-6 { background-position: 0px -247px; }
		.libro-right .tool-7 { background-position: 0px -7px; }
		.libro-right .tool-8 { background-position: 0px -907px; }
		.libro-right .tool-9 { background-position: 0px -847px; }
		.libro-right .close-back { background-position: -10px -665px; }

		.libro-left .info,
		.libro-left .index {
			opacity: 0.5;
			filter: alpha(opacity=50);
		}*/

		.libro-right ul li a.edit-mode {
			background-position: -10px -253px !important;
			width: 35px;
			height: 34px;
			margin-top: 5px;
			background-color: #fc4237;
			-webkit-border-radius: 5px;
			   -moz-border-radius: 5px;
			        border-radius: 5px;
			margin-left: 5px;
		}

		.libro-edit ul li a.edit-mode:hover,
		.libro-edit ul li a.edit-mode:focus {
			background-color: #db3228;
		}

		.libro-edit ul li .close-edit-mode {
			margin-top: 5px;
			margin-right: 20px;
		}

		.close-edit-mode {
			margin-top: 5px;
		}

		.libro-left ul li .title {
			color: #fff;
			font-size: 16px;
			font-weight: 700;
			line-height: 42px;
			margin-left: 10px;
			max-height: 44px;
			display: inline-block;
		}

		.libro-right ul li a.close-back {
			height: 52px;
			margin-left: -3px;
			opacity: 0.5;
			filter: alpha(opacity=50);
		}

		.libro-right ul li a.close-back:hover,
		.libro-right ul li a.close-back:focus {
			background-color: transparent;
			opacity: 1;
			filter: alpha(opacity=100);
		}

/* TOOLTIP */
.navbar.libro .tooltip.fade {
	margin-top: 0px !important;
}

/* LIBRO WRAPPER */
.content-wrapper.libro {
	margin-top: 60px;
	padding-top: 20px;
	top: 0;
	position: static; /* BK-19471 Sortable no admite position: relative */
}

#libro-digital.content-wrapper.libro {
	position: relative;
}

/* *********************************************************************************************************************
 * SECTION > LIBRO > INDICE
 */

 /* INDICE MOBILE TOOLS */
#indice #tools,
#indice .units-mobile-bt {
	display: none;
}

/* INDICE UNITS */
#indice .units ul {
	list-style: none;
}


#indice .units ul li {
	background: #cbcbcb;
	-webkit-border-radius: 18px;
	   -moz-border-radius: 18px;
	        border-radius: 18px;
	margin-bottom: 8px;
	padding: 8px 16px;
}

body:not(.isTablet) #indice .units ul li:hover,
#indice .units ul li:focus,
#indice .units ul li.active {
	background: #3AC62A;
}

#indice .units ul li.active {
}

#indice .units ul li.active a {
	cursor: default;
}

#indice .units ul li a {
	text-decoration: none;
}

#indice .units ul li a .number {
	font-size: 18px;
	font-weight: 700;
	color: #fff;
	width: 20px;
	text-align: right;
	display: inline-block;
	margin-left: -6px;
}



#indice .units ul li a .number {
	width: 0px;
	visibility: hidden;
	margin: 0px;
}


 #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: #3AC62A ;
}

#indice .units ul li:not(.add) a .title {
	margin-left: 10px;
}

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

#indice .units ul li a .title {
	font-size: 16px;
	font-weight: 700;
	color: #666;
	margin: -21px 0 0 35px;
	line-height: 18px;
	display: block;
}

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

#indice .units ul li.add .title,
#indice .units ul li.add .title:hover {
	color: #64a017;
}

#indice .units ul li.add,
#indice .units ul li.add:focus,
#indice .units ul li.add:hover {
	background: #B0E8AA repeat-y -1px;
}

#indice .units ul li.add .plus {
	font-size: 21px;
	font-weight: 700;
	color: #fff;
}

#indice .units ul li .delete {
	position: relative;
	margin: -15px -28px 0 0;
}

/* INDICE UNIT CONTENT */
#indice .unit-content {
	-webkit-border-radius: 8px;
	   -moz-border-radius: 8px;
	        border-radius: 8px;
	background-color: #fff;
	overflow: hidden;
	margin-bottom: 40px;
	position: static; /* BK-19471 Sortable no admite position: relative */
}

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

#indice .unit-content .header {
	height: 145px;
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-ms-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	overflow: hidden;
	position: relative;
}

#indice .unit-content .header img {
	-webkit-border-top-left-radius: 8px;
	   -moz-border-radius-topleft: 8px;
	        border-top-left-radius: 8px;
	-webkit-border-top-right-radius: 8px;
	   -moz-border-radius-topright: 8px;
	        border-top-right-radius: 8px;
}


	#indice .unit-content .header .title {
		color: #fff;
		float: left;
		font-size: 30px;
		font-weight: 700;
		height: 106px;
		line-height: 34px;
		margin: 20px 140px 20px 30px;
		overflow: hidden;
		z-index: 1;

		display: block;
		display: -webkit-box;
		-webkit-line-clamp: 3;
		-webkit-box-orient: vertical;
		overflow: hidden;
		-o-text-overflow: ellipsis;
		   text-overflow: ellipsis;
	}

	#indice .unit-content .header .desc {
		color: #fff;
		float: left;
		font-size: 14px;
		font-weight: 700;
		display: block;
		display: -webkit-box;
		overflow: hidden;
		-o-text-overflow: ellipsis;
		   text-overflow: ellipsis;
		   width:100%;
	}


	#indice .unit-content .header .number {
		position: absolute;
		margin-top: 70px;
		right: 17px;
		font-size: 129px;
		font-weight: 700;
		color: rgba(255, 255, 255, 0.2);
	}

	#indice .unit-content .header a.edit {
		padding: 7px;
		position: absolute;
		margin-top: 7px;
		right: 10px;
	}


/*CONTENT-BOX*/
#indice .unit-content .content {
	margin-top: 40px;
	padding: 0 30px;
}

/*BOTONES GLOBALES TEMA*/
#indice .unit-content .changeAllSectionButtons {
	width: 100%;
	padding: 10px 50px;
}

#indice .unit-content .changeAllSectionButtons .item {
	position: relative;
	float: right;
	width: 36px;
	height: 36px;
	padding: 8px 12px;
	margin-right: 10px;
	cursor: pointer;
	background-color: #cbcbcb;
	-webkit-border-radius: 18px;
	   -moz-border-radius: 18px;
	        border-radius: 18px;
	webkit-border-radius: 18px 18px;  /* Safari  */
	-moz-border-radius: 18px 18px;     /* Firefox */
	-moz-box-shadow:    3px 3px 3px 1px rgba(0, 0, 0, 0.4);
	-webkit-box-shadow: 3px 3px 3px 1px rgba(0, 0, 0, 0.4);
	box-shadow:         3px 3px 3px 1px rgba(0, 0, 0, 0.4);
}

#indice .unit-content .changeAllSectionButtons .acceso::before {
	background-image: url("/themes/responsive/images/shared/padlock-sprite.png");
	background-position: 0 0;
	background-repeat: no-repeat;
	content: "";
	height: 20px;
	position: absolute;
	-webkit-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
	-moz-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
	width: 20px;
	margin-left: -2px;
}

#indice .unit-content .changeAllSectionButtons .acceso.lock::before {
	background-position: -62px 0;
}

#indice .unit-content .changeAllSectionButtons .acceso.unlock::before {
	background-position: -40px 0;
}

/*ACTIVIDADES Y MATERIAL*/
#indice .unit-content .actividades .add,
#indice .unit-content .material .add{
	width: 100%;
	text-align: center;
	padding: 0 15px;

}

/*ACTIVIDADES*/
#indice .unit-content .actividades {
	border-top: 1px solid #c8c8c8;
	margin-top: 40px;
	margin-bottom: 90px;
}

	#indice .unit-content .actividades .title-buttons {
		margin-bottom: 0px;
	}

	#indice .unit-content .actividades .no-content,
	#indice .unit-content .material .no-content {
		font-size: 18px;
		color: #cbcbcb;
		margin-top: 15px;
		padding-bottom: 15px;
	}

	#indice .unit-content .actividades .item {
		border-bottom: 1px solid #e5e5e5;
		position: relative;
		text-align: left;
		padding: 15px 5px;
	}

	#indice .unit-content .actividades .item.hover {
		background-color: #ffeceb;
	}

		#indice .unit-content .actividades .item .icon-enviar {
			cursor: pointer;
		}

		#indice .unit-content .actividades .item .disabled {
			cursor: inherit;
			opacity: 0.5;
		}

		#indice .unit-content .actividades .item .icon-enviar img {
			margin: -5px 9px 0 0;
			width: 25px;
			height: 25px;
		}

		#indice .unit-content .actividades .item .icon-deberes {
			width: 25px;
			height: 25px;
			display: inline-block;
			background-image:url(../../../images/shared/checkbox-sprite.png);
			background-position: 0 -25px;
			margin-bottom: -7px;
		}

		#indice .unit-content .actividades .item .icon-deberes.off {
			background-position: 0 0;
		}

		#indice .unit-content .actividades .item .title {
			word-wrap: break-word;
			font-size: 18px;
			font-weight: 700;
			margin: 0;
			display: inline-block;
			max-width: 300px;
		}

        #indice .unit-content .actividades .title.not-homework {
			margin-left: 37px;
		}

		#indice .unit-content .actividades .item .acceso,
		#indice .unit-content .actividades .item .online,
		#indice.editar .actividades .online {
			cursor: pointer;
			display: inline-block;
			position: relative;
			width: 25px;
			text-align: center;
			min-height: 20px;
		}

		#indice .unit-content .actividades .item .acceso:before,
		#indice .unit-content .material .item .acceso:before {
			content: "";
			width: 20px;
			height: 20px;
			position: absolute;
			background-image: url(/themes/responsive/images/shared/padlock-sprite.png);
			background-position: 0px 0px;
			background-repeat: no-repeat;
			-webkit-transition: all .5s ease;
			-moz-transition: all .5s ease;
			-o-transition: all .5s ease;
			transition: all .5s ease;
		}

		#indice .unit-content .actividades .item .acceso:before {
			display: block;
			top: 1px;
			left: 8px;
		}

		#indice .unit-content .actividades .item .acceso.lock:before,
		#indice .unit-content .material .item .acceso.lock:before  {
			background-position: -22px 0px;
		}

		#indice .unit-content .actividades .item .acceso.editorial:before,
		#indice .unit-content .material .item .acceso.editorial:before {
			background-position: -40px 0px;
		}

		#indice .unit-content .actividades .item .acceso.editorial.lock:before,
		#indice .unit-content .material .item .acceso.editorial.lock:before {
			background-position: -62px 0px;
		}

		#indice .unit-content .actividades .item .nota {
			display: inline-block;
			width: 50px;
			height: 30px;
			font-weight: 700;
			color: #fff;
			margin-left: 10px;
			background-color: #3AC62A;
			-webkit-border-radius: 15px;
			   -moz-border-radius: 15px;
			        border-radius: 15px;
			text-align: center;
			padding: 4px 10px;
			margin-top: -2px;
			border-radius: 15px;
		}

		#indice .unit-content .actividades .item .nota.ko {
			background-color: #fc4237;
		}

		.content_type_curso_pearsonhe #indice .unit-content .actividades .item .text {
			max-width: 94%;
			margin-left: 12px;
		}

		#indice .unit-content .actividades .item .text {
			display: block;
			font-size: 14px;
			color: #808080;
			max-width: 370px;
			display: -webkit-box;
			-webkit-line-clamp: 2;
			-webkit-box-orient: vertical;
			overflow: hidden;
			-o-text-overflow: ellipsis;
			text-overflow: ellipsis;
			-moz-transition: height 0.4s ease;
			-webkit-transition: height 0.4s ease;
			-o-transition: height 0.4s ease;
			transition: height 0.4s ease;
			max-height: 40px;
		}

		#indice .unit-content .actividades .item .publication-status,
		#indice .unit-content .material .item .publication-status {
			display: block;
			margin-left: 29px;
			font-size: 14px;
			color: #808080;
			max-width: 370px;
			display: -webkit-box;
			-webkit-line-clamp: 2;
			-webkit-box-orient: vertical;
			overflow: hidden;
			-o-text-overflow: ellipsis;
			text-overflow: ellipsis;
			-moz-transition: height 0.4s ease;
			-webkit-transition: height 0.4s ease;
			-o-transition: height 0.4s ease;
			transition: height 0.4s ease;
			max-height: 40px;
		}

		#indice .unit-content .actividades .item .delete {
			position: relative;
			margin: -2px 0 0 10px;
		}

		#indice .unit-content .actividades .item .edit {
			position: relative;
			vertical-align: top;
			margin: 0 -7px;
			margin-right: 7px;
		}

		#indice .unit-content .actividades .item > span {
			/*vertical-align: top;*/
		}

		#indice .unit-content .actividades .add,
		#indice .unit-content .material .add {
			-webkit-border-radius: 18px;
			   -moz-border-radius: 18px;
			        border-radius: 18px;
			margin: 18px 0;
			padding: 8px 0 8px 14px;
			text-align: left;
			background: #B0E8AA repeat-y -1px;
			line-height: initial;
			position: relative;
			z-index: 3;
		}

			#indice .unit-content .actividades .add a {
				text-decoration: none;
			}

			#indice .unit-content .actividades .add .title,
			#indice .unit-content .material .add .title {
				font-size: 16px;
				font-weight: 700;
				color: #64a017;
				margin-left: 10px;
				line-height: 18px;
				display: inline-block;
			}

			#indice .unit-content .actividades .add .plus,
			#indice .unit-content .material .add .plus {
				font-size: 21px;
				font-weight: 700;
				color: #fff;
			}
			/* BK-14903 - Añadidos estilos botones agregar editor Blink.  */
			.plusBlink {
				background-color: #64a017;
				padding: 0px 8px;
				border-radius: 20px;
			}

			#crearIndice.plusBlink {
			    position: relative;
   				left: -10px;
			}

/**
 * 	Clases para utlizar animaciones
 */


.showFromUpToTop{
	-webkit-animation:showFromUpToTop 0.25s ease;/* Chrome, Safari, Opera */
	-o-animation:showFromUpToTop 0.25s ease;
	-moz-animation:showFromUpToTop 0.25s ease;
	animation: showFromUpToTop 0.25s ease;
}
.showFromBottomToTop{
	-webkit-animation:showFromBottomToTop  0.25s ease;/* Chrome, Safari, Opera */
	-o-animation:showFromBottomToTop  0.25s ease;
	-moz-animation:showFromBottomToTop  0.25s ease;
	animation: showFromBottomToTop  0.25s ease;
}

.hideFromTopToBottom{
	-webkit-animation:hideFromTopToBottom  0.25s ease;/* Chrome, Safari, Opera */
	-o-animation:hideFromTopToBottom  0.25s ease;
	-moz-animation:hideFromTopToBottom 0.25s ease;/* firefox*/
	animation: hideFromTopToBottom  0.25s ease;
}
.hideFromTopToUp{
	-webkit-animation:hideFromTopToUp  0.25s ease;/* Chrome, Safari, Opera */
	-o-animation:hideFromTopToUp  0.25s ease;
	-moz-animation:hideFromTopToUp  0.25s ease;
	animation: hideFromTopToUp  0.25s ease;
}


/**
 *
 *	Animaciones de Actividades
 *
 */

/**
 * 1-aparecer desde arriba hacia abajo 	-150px a 0 		opacity de 0 a 1
 */
@keyframes showFromUpToTop {
	from {
		top:-150px;
		opacity: 0;
		}
	to {
		top:0;
		opacity: 1;
		}
}
@-moz-keyframes showFromUpToTop {
	from {
		top:-150px;
		opacity: 0;
		}
	to {
		top:0;
		opacity: 1;
		}
}
@-o-keyframes showFromUpToTop {
	from {
		top:-150px;
		opacity: 0;
		}
	to {
		top:0;
		opacity: 1;
		}
}
@-webkit-keyframes showFromUpToTop {
	from {
		top:-150px;
		opacity: 0;
		}
	to {
		top:0;
		opacity: 1;
		}
}


/**
 *2-aparecer desde abajo hacia arriba
 */
@keyframes showFromBottomToTop {
	from {
		top:150px;
		opacity: 0;
		}
	to {
		top:0;
		opacity: 1;
		}
}
@-moz-keyframes showFromBottomToTop {
	from {
		top:150px;
		opacity: 0;
		}
	to {
		top:0;
		opacity: 1;
		}
}
@-o-keyframes showFromBottomToTop {
	from {
		top:150px;
		opacity: 0;
		}
	to {
		top:0;
		opacity: 1;
		}
}

@-webkit-keyframes showFromBottomToTop {
	from {
		top:150px;
		opacity: 0;
		}
	to {
		top:0;
		opacity: 1;
		}
}


/**
 *3 desaparecer desde top 0 hacia arriba
 */
@keyframes hideFromTopToBottom {
	from {
		top:0px;
		opacity: 1;
		}
	to {
		top:-150px;
		opacity: 0;
		}
}
@-o-keyframes hideFromTopToBottom {
	from {
		top:0px;
		opacity: 1;
		}
	to {
		top:-150px;
		opacity: 0;
		}
}
@-moz-keyframes hideFromTopToBottom {
	from {
		top:0px;
		opacity: 1;
		}
	to {
		top:-150px;
		opacity: 0;
		}
}
@-webkit-keyframes hideFromTopToBottom {
	from {
		top:0px;
		opacity: 1;
		}
	to {
		top:-150px;
		opacity: 0;
		}
}


/**
 *4- desaparecer desde top 0 hacia abajo
 */
@keyframes hideFromTopToUp {
	from {
		top:0px;
		opacity: 1;
		}
	to {
		top:150px;
		opacity: 0;
		}
}
@-o-keyframes hideFromTopToUp {
	from {
		top:0px;
		opacity: 1;
		}
	to {
		top:150px;
		opacity: 0;
		}
}
@-moz-keyframes hideFromTopToUp {
	from {
		top:0px;
		opacity: 1;
		}
	to {
		top:150px;
		opacity: 0;
		}
}
@-webkit-keyframes hideFromTopToUp {
	from {
		top:0px;
		opacity: 1;
		}
	to {
		top:150px;
		opacity: 0;
		}
}





/*MATERIAL*/
#indice .unit-content .material {
	border-top: 1px solid #c8c8c8;
	margin-bottom: 30px;
}

	#indice .unit-content .material .title-buttons {
		margin-bottom: 0px;
	}

	#indice .unit-content .actividades .add .menu-left,
	#indice .unit-content .material .add .menu-left {
		float: left;
		width: auto;
	}

	#indice .unit-content .actividades .add .menu-right,
	#indice .unit-content .material .add .menu-right {
		float: left;
		width: 62%;
	}

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

			#indice .unit-content .material .add .menu-right { width: auto; }

		}

	#indice .unit-content .actividades .add a.js-tooltip,
	#indice .unit-content .material .add a {
		text-decoration: none;
		display: inline-block;
		margin-right: 5px;
		opacity: .6;
		filter: alpha(opacity=60);
		height: 28px;
		width: 28px;
		vertical-align: middle;
	}

	#indice .unit-content .actividades .add a.js-tooltip:last-child,
	#indice .unit-content .material .add a:last-child {
		margin-right: 0px;
	}

	#indice .unit-content .actividades .add a.js-tooltip:before,
	#indice .unit-content .material .add a:before {
		content: '';
		display: inline-block;
		width: 28px;
		height: 28px;
		background-repeat: no-repeat;
		background-position: center center;
		background-color: transparent;
		-webkit-background-size: contain;
		   -moz-background-size: contain;
		     -o-background-size: contain;
		        background-size: contain;
	}
	#indice .unit-content .actividades .add a.icon-img-add:before,
	#indice .unit-content .material .add a.icon-img-add:before {
		background-image: url(/themes/responsive/images/contenido/recurso-icon-img-add.png);
	}
	#indice .unit-content .actividades .add a.icon-musica-add:before,
	#indice .unit-content .material .add a.icon-musica-add:before {
		background-image: url(/themes/responsive/images/contenido/recurso-icon-musica-add.png);
	}
	#indice .unit-content .actividades .add a.icon-video-add:before,
	#indice .unit-content .material .add a.icon-video-add:before {
		background-image: url(/themes/responsive/images/contenido/recurso-icon-video-add.png);
	}
	#indice .unit-content .actividades .add a.icon-url-add,
	#indice .unit-content .actividades .add a.icon-url-add:before,
	#indice .unit-content .material .add a.icon-url-add,
	#indice .unit-content .material .add a.icon-url-add:before {
		width: 38px;
	}
	#indice .unit-content .actividades .add a.icon-url-add:before,
	#indice .unit-content .material .add a.icon-url-add:before {
		background-image: url(/themes/responsive/images/contenido/recurso-icon-url-add.png);
	}
	#indice .unit-content .actividades .add a.icon-archivo-add:before,
	#indice .unit-content .material .add a.icon-archivo-add:before {
		background-image: url(/themes/responsive/images/contenido/recurso-icon-archivo-add.png);
	}
	#indice .unit-content .actividades .add a.icon-libro-add:before,
	#indice .unit-content .material .add a.icon-libro-add:before {
		background-image: url(/themes/responsive/images/contenido/recurso-icon-libro-add.png);
	}
	#indice .unit-content .actividades .add a.icon-actividad-add:before,
	#indice .unit-content .material .add a.icon-actividad-add:before {
		background-image: url(/themes/responsive/images/contenido/recurso-icon-actividad-add.png);
	}
	#indice .unit-content .actividades .add a.icon-entregable-add:before,
	#indice .unit-content .material .add a.icon-entregable-add:before {
		background-image: url(/themes/responsive/images/contenido/recurso-icon-entregable-add.png);
	}
	#indice .unit-content .actividades .add a.icon-video-interactivo-add:before,
	#indice .unit-content .material .add a.icon-video-interactivo-add:before {
		background-image: url(/themes/responsive/images/contenido/recurso-icon-video-interactivo-add.png);
	}
	#indice .unit-content .actividades .add a.icon-video-conversacion-add:before, #indice .unit-content .material .add a.icon-video-conversacion-add:before {
	    background-image: url(/themes/responsive/images/contenido/recurso-icon-video-conversacion-add.png);
	}
	#indice .unit-content .actividades .add a.icon-merge-add:before,
	#indice .unit-content .material .add a.icon-merge-add:before {
		background-image: url(/themes/responsive/images/contenido/recurso-icon-merge-add.png);
	}

	#indice .unit-content .actividades .add a:first-child,
	#indice .unit-content .material .add a:first-child {
		opacity: 1;
		filter: alpha(opacity=100);
		margin-right: 28px;
		width: auto;
	}
		#indice .unit-content .actividades .add .menu-right a:first-child,
		#indice .unit-content .material .add .menu-right a:first-child {
			margin-right: 6px;
			opacity: 0.6;
		}
	#indice .unit-content .material .add .menu-left a:first-child:before {
		content: none;
	}

	#indice .unit-content .actividades .add .menu-right a:hover,
	#indice .unit-content .actividades .add a:hover,
	#indice .unit-content .material .add .menu-right a:first-child:hover,
	#indice .unit-content .material .add a:hover {
		opacity: 1;
		filter: alpha(opacity=100);
	}

	#indice .unit-content .material .item {
		width: 100px;
		position: relative;
		margin: 10px 25px 10px 5px;
		display: inline-block;
		vertical-align: top;
		text-align: center;
		cursor: pointer;
	}

	.actividades .item-containment {
		display: inline;
	}

	.material .item-containment {
		display: inherit;
	}

	#indice .unit-content .material .item .acceso:before {
			display: inline-block;
			margin-top: -2px;
			margin-left: 1.7em;
	}

	#indice .unit-content .material .item .fa {
		width: 33px;
    	text-align: left;
	}

	#indice .unit-content .material .item:nth-child(4n) {
		margin-right: 0px;
	}

		#indice .unit-content .material .item .imagen {
			-webkit-border-radius: 120px;
			   -moz-border-radius: 120px;
			        border-radius: 120px;
			overflow: hidden;
			display: inline-block;
			width: 100px;
			height: 100px;
		}
		#indice .unit-content .material .item .imagen:before {
			content: '';
			display: inline-block;
			width: 100px;
			height: 100px;
			background-repeat: no-repeat;
			-webkit-background-size: contain;
			   -moz-background-size: contain;
			     -o-background-size: contain;
			        background-size: contain;
			background-position: center center;

		}
		#indice .unit-content .material .item .imagen:after {
			content: '';
			position: absolute;
			top: 0;
			left: 0;
			display: block;
			width: 100px;
			height: 100px;
			background-repeat: no-repeat;
			background-position: center center;
		}

			#indice .unit-content .material .item .imagen.img:before { background-image: url(../../../images/contenido/recurso-bg-multimedia.jpg); }
			#indice .unit-content .material .item .imagen.libro:before {  background-image: url(../../../images/contenido/recurso-bg-libro.jpg); }
			#indice .unit-content .material .item .imagen.url:before {  background-image: url(../../../images/contenido/recurso-bg-url.jpg); }
			#indice .unit-content .material .item .imagen.actividad:before { background-image: url(../../../images/contenido/recurso-bg-actividad.jpg); }
			#indice .unit-content .material .item .imagen.musica:before { background-image: url(../../../images/contenido/recurso-bg-multimedia.jpg); }
			#indice .unit-content .material .item .imagen.archivo:before, #indice .unit-content .material .item .imagen.pdf:before { background-image: url(../../../images/contenido/recurso-bg-archivo.jpg); }
			#indice .unit-content .material .item .imagen.video:before { background-image: url(../../../images/contenido/recurso-bg-multimedia.jpg); }




			#indice .unit-content .material .item .imagen.archivo:after, #indice .unit-content .material .item .imagen.pdf:after { background-image: url(../../../images/contenido/recurso-icon-archivo.png);}
			#indice .unit-content .material .item .imagen.video:after { background-image: url(../../../images/contenido/recurso-icon-video.png); }
			#indice .unit-content .material .item .imagen.img:after { background-image: url(../../../images/contenido/recurso-icon-img.png); }
			#indice .unit-content .material .item .imagen.libro:after { background-image: url(../../../images/contenido/recurso-icon-libro.png); }
			#indice .unit-content .material .item .imagen.url:after { background-image: url(../../../images/contenido/recurso-icon-url.png); }
			#indice .unit-content .material .item .imagen.musica:after { background-image: url(../../../images/contenido/recurso-icon-musica.png); }
			#indice .unit-content .material .item .imagen.actividad:after { background-image: url(../../../images/contenido/recurso-icon-actividad.png); }

			#indice .unit-content .material .item .imagen img {
				width: 100px;
				height: 100px;
				-webkit-border-radius: 100%;
				   -moz-border-radius: 100%;
				        border-radius: 100%;
			}

		#indice .unit-content .material .item .titulo {
			display: block;
			margin-top: 10px;
			font-size: 14px;
			line-height: 14px;
		}

		#indice .unit-content .material .item .delete {
			position: absolute;
			margin: 0px 0px 0px 75px;
		}

		#indice .delete {
			float: right;
			width: 30px;
			height: 30px;
			background: #fc4237 url(../../../images/shared/controls.png) no-repeat 0 0;
			-webkit-border-radius: 100%;
			   -moz-border-radius: 100%;
			        border-radius: 100%;
			z-index: 1;
		}

		#indice .delete:hover,
		#indice .delete:focus {
			-webkit-border-radius: 100%;
			   -moz-border-radius: 100%;
			        border-radius: 100%;
			-webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.5);
			   -moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.5);
			        box-shadow: 0px 0px 5px rgba(0,0,0,0.5);
		}


/* EDIT MODE GLOBAL */
.libro .close-edit-mode,
#indice .add,
#indice .unit-content .material .add,
#indice .delete,
#indice .edit {
	display: none;
}

.edit #indice .edit {
	display: initial;
}

















/* *********************************************************************************************************************
 * SECTION > LIBRO > LIBRO DIGITAL
 */

	.navbar .nota {
		position: fixed;
		height: 180px;
		width: 230px;
		left: 75%;
		top: -200px;
		padding: 50px 80px 50px 80px;
		background: transparent url('../../../images/libro/postit.png') no-repeat center center;

	}

	/*SEARCH*/
	.navbar .search {
		padding: 20px;
	}

	.navbar .search ul li {
		list-style: none;
		margin-top: 20px;
		padding-top: 10px;
		border-top: 1px solid #e1e1e1;
		font-size: 13px;
		line-height: 20px;
		cursor: pointer;
	}

		.navbar .search ul li img {
			float: left;
			margin-right: 10px;
		}

#libro-digital {
	max-width: 100%;
	max-height: 100%;
	overflow: auto;
	-webkit-overflow-scrolling: touch;
}

	#libro-digital .pagination {
		position: fixed;
		left: 50%;
		bottom: 0px;
		height: 40px;
		padding: 5px 15px;
		background-color: rgba(0, 0, 0, 0.7);
		-webkit-border-radius: 20px;
		   -moz-border-radius: 20px;
		        border-radius: 20px;
		-moz-transform: translate(-50%, -50%);
		  -o-transform: translate(-50%, -50%);
		     transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		-webkit-transform: translate(-50%, -50%);
	}

	#libro-digital .pagination ul li {
		list-style: none;
		display: inline-block;
		vertical-align: middle;
	}

	#libro-digital .pagination ul li a {
		display: inline-block;
		width: 30px;
		height: 30px;
		background: transparent url('../../../images/shared/tools.png') no-repeat;
		opacity: .7;
		filter: alpha(opacity=70);
	}

		#libro-digital .pagination ul li a:hover {
			opacity: 1;
			filter: alpha(opacity=100);
		}

		#libro-digital .pagination ul li a.thumbs {
			background-position: -12px -1095px;
		}

		#libro-digital .pagination ul li a.prev {
			background-position: -10px -1155px;
		}

		#libro-digital .pagination ul li a.next {
			background-position: -10px -1215px;
		}

		#libro-digital .pagination ul li a.zoom-in {
			background-position: -10px -1275px;
			width: 23px;
		}

		#libro-digital .pagination ul li a.zoom-out {
			background-position: -10px -1335px;
			width: 23px;
		}

		#libro-digital .pagination ul li a.rotate-left {
			background-position: 0px -5354px;
			width: 50px;
		}

		#libro-digital .pagination ul li a.rotate-right {
			background-position: 0px -5411px;
			width: 50px;
		}

	#libro-digital .pagination ul li .total {
		width: 40px;
		font-size: 14px;
		color: #fff;
		margin: -5px 0 0 0;
		text-align: center;
	}

	#libro-digital .pagination ul li input[type=text] {
		width: 44px;
		height: 24px;
		font-size: 14px;
		color: #fff;
		background-color : rgba(0, 0, 0, 0.7);
		margin-bottom: 5px;
		text-align: center;
		border: none;
		-webkit-border-radius: 3px;
		   -moz-border-radius: 3px;
		        border-radius: 3px;
	}

	#libro-digital .pagination .tooltip {
		margin-top: -7px !important;
	}



/* *********************************************************************************************************************
 * SECTION > LIBRO > ACTIVIDAD
 */

#actividad {
	margin-bottom: 160px;
}

#actividad #tools {
	display: none;
}

/* CONTENT */
#actividad .content {
	-webkit-border-top-right-radius: 10px;
	   -moz-border-radius-topright: 10px;
	        border-top-right-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
	   -moz-border-radius-bottomright: 10px;
	        border-bottom-right-radius: 10px;
	/*overflow: hidden;*/
	margin-bottom: 0px;
	background: #fff url('../../../images/libro/actividad-bg.png') repeat-y;
	-webkit-box-shadow: 0px 3px 9px rgba(0,0,0,0.3);
	   -moz-box-shadow: 0px 3px 9px rgba(0,0,0,0.3);
	        box-shadow: 0px 3px 9px rgba(0,0,0,0.3);
	padding: 20px 30px 30px 60px;
}

	#actividad .content .header {
		border-bottom: 1px solid #c8c8c8;
		margin-bottom: 40px;
	}

	#actividad .content .header.empty {
		border-bottom: none;
	}

		#actividad .content .header .chapter {
			float: right;
			text-align: right;
			font-size: 1.2rem;
			line-height: 19px;
			color: #606060;
			margin-top: 10px;
		}

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

		#actividad .content .header .categoria {
			float: right;
			display: none;
		}

		#actividad .content .header .categoria .btn-group {
			margin-right: 20px;
		}

			#actividad .content .header .categoria .btn-group .caret {
				border-color: #fff transparent transparent transparent;
				margin-left: 5px;
			}

		#actividad .content .header .categoria span {
			color: #ccc;
		}

	#actividad .content .entry {
		font-size: 16px;
		line-height: 19px;
		color: #000;
		margin-bottom: 20px;
	}

	#actividad .content .exercise {
		border: 1px solid #c8c8c8;
		-webkit-border-radius: 10px;
		   -moz-border-radius: 10px;
		        border-radius: 10px;
		padding: 30px;
	}

	#actividad .content .photo .title {
		font-size: 13px;
		color: #808080;
		margin-top: 10px;
	}

	#actividad .class_slide .review {
		margin-top: 40px;
		text-align: center;
	}

		#actividad .content .review .attemps {
			margin-left: 30px;
			font-size: 16px;
			display: inline-block;
		}

			#actividad .content .review .attemps span {
				width: 35px;
				height: 35px;
				font-weight: 700;
				color: #fff;
				background-color: #3AC62A;
				-webkit-border-radius: 100%;
				   -moz-border-radius: 100%;
				        border-radius: 100%;
				text-align: center;
				padding: 6px 12px;
				margin: 0px 3px;
				display: inline-block;
				line-height: 24px;
			}
			#actividad .content .review .attemps .current span {
				padding: 0;
				text-align: center;
				line-height: 2em;
			}

	#actividad .content .edit-options {
		margin-top: 30px;
		display: none;
	}

		#actividad .content .edit-options ul li {
			list-style: none;
			display: inline-block;
			margin: 0 10px;
			height: 30px;
			background-color: #fff;
		}

		#actividad .content .edit-options input[type=checkbox].options-checkbox {
			display:none;
		}

			#actividad .content .edit-options input[type=checkbox].options-checkbox + label.filter-label {
				padding-left: 23px;
				height: 24px;
				display: inline-block;
				line-height: 24px;
				vertical-align: middle;
				background-repeat: no-repeat;
				cursor:pointer;
			}

			#actividad .content .edit-options input[type=checkbox].options-checkbox:checked + label.filter-label {
				background-position: 0 -74px;
			}

			#actividad .content .edit-options label.filter-label {
				background-image:url(../../../images/shared/checkbox-sprite.png);
				background-position: 0 -50px;
				font-size: 14px;
				color: #999;
				font-weight: normal;

				-webkit-touch-callout: none;
				-webkit-user-select: none;
				-moz-user-select: none;
				-ms-user-select: none;
				user-select: none;
			}

			#actividad .content .edit-options label.filter-label:hover,
			#actividad .content .edit-options label.filter-label:focus {
				color: #111;
			}

	.slider-indicators {
		bottom: -70px;
		padding-left: 0px;
	}

	.slider-indicators li {
		width: 9px;
		height: 9px;
		margin: 7px;
		border: 0px solid transparent;
		background-color: #666666;
		display: inline-block;
		-webkit-border-radius: 10px;
		   -moz-border-radius: 10px;
		        border-radius: 10px;
	}

	.edit .slider-indicators li {
		width: 40px;
		height: 20px;
		text-indent: 0px;
		text-align: center;
		color: #4b4b4b;
		vertical-align: middle;
	}

	.edit .slider-indicators .concat {
		color: #999;
		white-space: nowrap;
		overflow: hidden;
		-webkit-background-clip: content-box;
		   -moz-background-clip: content-box;
		     -o-background-clip: content-box;
		        background-clip: content-box;
		background-color: #999;
	}

	.edit .slider-indicators .concat:before {
		content: ' ';
		background-color: #999;
		width: 18px;
		height: 3px;
		position: absolute;
		margin-left: -33px;
		margin-top: 8px;
	}

	.slider-indicators .active {
		width: 9px;
		height: 9px;
		margin: 7px;
	}

	.edit .slider-indicators .concat.active,
	.slider-indicators .active {
		background-color: #3AC62A;
		color: #3AC62A;
	}

























/* *********************************************************************************************************************
 * SECTION > CALIFICACIONES > COMPETENCIAS
 */



#competencias .table .temas .competencia {
	display: inline-block;
	cursor: pointer;
	max-width: 200px;
	width: auto;
	min-width: 107px;
	-moz-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

#competencias .subjects {
	border-top: 1px solid #c8c8c8;
	margin-top: 40px;
	min-height: 34px;
}

	#competencias .subjects .title-buttons {
		margin-bottom: 15px;
	}

/*#competencias .alumnos {
	text-align: left;
}

	#competencias .alumnos .col-md-2:not(:last-child) {
		border-right: 1px dotted #a2a2a2;
	}

	#competencias .alumnos .labels {
		background-color: #cbcbcb;
		height: 43px;
		border-radius: 15px;
		font-weight: 600;
		color: #4b4b4b;
		vertical-align: middle;
	}

		#competencias .alumnos .labels .col-md-4 {
			line-height: 40px;
			padding-left: 20px;
		}

		#competencias .alumnos .labels .col-md-2 {
			text-align: center;
			line-height: 13px;
			margin-top: 9px;
		}

		#competencias .alumnos .labels .nmedia {
			display: block;
			font-weight: 400;
			font-size: 12px;
		}

	#competencias .alumnos .item {
		margin: 0;
		padding: 7px 0;
	}

	#competencias .alumnos .item:nth-child(2n+1) {
		background-color: #f3f3f3;
		border-top: 1px solid #e1e1e1;
		border-bottom: 1px solid #e1e1e1;
	}

		#competencias .alumnos .item .avatar {
			border-radius: 5px;
			width: 42px;
			height: 42px;
			overflow: hidden;
			float: left;
			margin-right: 10px;
		}

			#competencias .alumnos .item .avatar img {
				width: 42px;
				height: 42px;
			}

		#competencias .alumnos .item .name {
			font-weight: 600;
			color: #414141;
		}

		#competencias .alumnos .item .title {
			font-weight: 600;
			color: #414141;
			display: none;
		}

		#competencias .alumnos .item .nmedia {
			font-size: 12px;
			color: #808080;
			display: none;
		}

		#competencias .alumnos .item .col-md-4 {
			padding-top: 8px;
		}

		#competencias .alumnos .item .col-md-2 {
			padding-top: 15px;
		}*/



















/* *********************************************************************************************************************
 * SECTION > MENSAJES
 */

#mensajes {
	margin-top: 20px;
}

	#mensajes .content-box {
		position: relative;
		margin-bottom: 30px;
		padding: 0px;
	}

	#mensajes .content-box.comment {
		border-left: 10px #9AD265 solid;
	}

	#mensajes > .content-box {
		padding-top:20px;
	}

	#mensajes .content-box > .reply-bt, #mensajes .content-box > .event-bt {
		position: absolute;
	    width: -webkit-calc(100% - 9px);
	    width: -moz-calc(100% - 9px);
	    width: calc(100% - 9px);
	    bottom: 0px;
	    left: 9px;
	    z-index: 1;
	    margin-bottom: -18px;
	}

	#mensajes .no-content {
		font-size: 18px;
		color: #cbcbcb;
		padding-bottom: 15px;
		text-align: center;
	}

		#mensajes .content-box.simple { background: #fff url('../../../images/mensajes/m-simple-bg.gif') repeat-y; }
		#mensajes .content-box.multilanguage { background: #98d266; }
		#mensajes .content-box.poll { background: #fff url('../../../images/mensajes/m-poll-bg.gif') repeat-y; }
		#mensajes .content-box.event { background: #fff url('../../../images/mensajes/m-event-bg.gif') repeat-y; }
		#mensajes .content-box.homework { background: #fff url('../../../images/mensajes/m-deberes-bg.gif') repeat-y; }
		#mensajes .content-box.webinar { background: #fff url('../../../images/mensajes/m-webinar-bg.gif') repeat-y; }
		#mensajes .content-box.recommend:before {
		    background: #c78dd0;
		    content: "";
		    width: 10px;
		    height: 100%;
		    position: absolute;
		    top: 0;
		    left: 0;
		    -webkit-border-radius: 8px 0px 0px 8px;
		       -moz-border-radius: 8px 0px 0px 8px;
		            border-radius: 8px 0px 0px 8px;
		}

	#mensajes .mtypes {
		margin: -36px 0 25px 0;
	}

		#mensajes .mtypes .btn-simple {
			background: #98d266 url('../../../images/mensajes/ico-simple.png') no-repeat 5px;
			padding-left: 35px;
		}

		#mensajes .mtypes .btn-simple:hover,
		#mensajes .mtypes .btn-simple:focus {
			background-color: #598633;
		}

		#mensajes .mtypes .btn-multilanguage {
			background: #a280bb url('../../../images/mensajes/ico-multi.png') no-repeat 5px;
			padding-left: 37px;
		}

		#mensajes .mtypes .btn-multilanguage:hover,
		#mensajes .mtypes .btn-multilanguage:focus {
			background-color: #5b416f;
		}

		#mensajes .mtypes .btn-poll {
			background: #89b6d4 url('../../../images/mensajes/ico-poll.png') no-repeat 5px;
			padding-left: 33px;
		}

		#mensajes .mtypes .btn-poll:hover,
		#mensajes .mtypes .btn-poll:focus {
			background-color: #4a6f88;
		}

		#mensajes .mtypes .btn-event {
			background: #f3ce73 url('../../../images/mensajes/ico-event.png') no-repeat 5px;
			padding-left: 33px;
		}

		#mensajes .mtypes .btn-event:hover,
		#mensajes .mtypes .btn-event:focus {
			background-color: #d8a430;
		}

		#mensajes .mtypes .btn-webinar {
			background: #FFB6F6 url('../../../images/mensajes/ico-webinar.png') no-repeat 5px;
			padding-left: 35px;
		}

		#mensajes .mtypes .btn-webinar:hover,
		#mensajes .mtypes .btn-webinar:focus {
			background-color: #DE97D6;
		}


		#mensajes .mtypes .btn-homework {
			background: #e97f5e url('../../../images/mensajes/ico-homework.png') no-repeat 5px;
			padding-left: 33px;
		}

		#mensajes .mtypes .btn-homework:hover,
		#mensajes .mtypes .btn-homework:focus {
			background-color: #b2353a;
		}

		#mensajes .mtypes .btn-simple.active,
		#mensajes .mtypes .btn-multilanguage.active,
		#mensajes .mtypes .btn-poll.active,
		#mensajes .mtypes .btn-event.active,
		#mensajes .mtypes .btn-homework.active,
		#mensajes .mtypes .btn-webinar.active {
			pointer-events: none;
			-webkit-box-shadow: none;
			-moz-box-shadow: none;
			     box-shadow: none;
		}

		#mensajes .mtypes .btn-simple.active:after,
		#mensajes .mtypes .btn-multilanguage.active:after,
		#mensajes .mtypes .btn-poll.active:after,
		#mensajes .mtypes .btn-event.active:after,
		#mensajes .mtypes .btn-homework.active:after,
		#mensajes .mtypes .btn-webinar.active:after,
		#mensajes .mtypes .btn-attendances.active:after {
			position: absolute;
			content: '';
			display: inline-block;
			border-style: solid;
			border-width: 6px 6px 6px;
			left: 50%;
			margin-top: 27px;
			margin-left: -5px;
		}

			#mensajes .mtypes .btn-simple.active:after { border-color: #98d266 transparent transparent transparent; }
			#mensajes .mtypes .btn-simple.active:hover:after,
			#mensajes .mtypes .btn-simple.active:focus:after { border-color: #598633 transparent transparent transparent; }

			#mensajes .mtypes .btn-multilanguage.active:after { border-color: #a280bb transparent transparent transparent; }
			#mensajes .mtypes .btn-multilanguage.active:hover:after,
			#mensajes .mtypes .btn-multilanguage.active:focus:after { border-color: #5b416f transparent transparent transparent; }

			#mensajes .mtypes .btn-poll.active:after { border-color: #89b6d4 transparent transparent transparent; }
			#mensajes .mtypes .btn-poll.active:hover:after,
			#mensajes .mtypes .btn-poll.active:focus:after { border-color: #4a6f88 transparent transparent transparent; }

			#mensajes .mtypes .btn-event.active:after { border-color: #f3ce73 transparent transparent transparent; }
			#mensajes .mtypes .btn-event.active:hover:after,
			#mensajes .mtypes .btn-event.active:focus:after { border-color: #d8a430 transparent transparent transparent; }

			#mensajes .mtypes .btn-homework.active:after { border-color: #e97f5e transparent transparent transparent; }
			#mensajes .mtypes .btn-homework.active:hover:after,
			#mensajes .mtypes .btn-homework.active:focus:after { border-color: #b2353a transparent transparent transparent; }

			#mensajes .mtypes .btn-webinar.active:after { border-color: #FFB6F6 transparent transparent transparent; }
			#mensajes .mtypes .btn-webinar.active:hover:after,
			#mensajes .mtypes .btn-webinar.active:focus:after { border-color: #DE97D6 transparent transparent transparent; }



	#mensajes .content-box.multilanguage .form-control:focus {
		border-color: #a280bb;
		-webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset, 0px 0px 8px rgba(162, 128, 187, 0.6);
		   -moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset, 0px 0px 8px rgba(162, 128, 187, 0.6);
		        box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset, 0px 0px 8px rgba(162, 128, 187, 0.6);
	}

	#mensajes .content-box.poll .form-control:focus {
		border-color: #89b6d4;
		-webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset, 0px 0px 8px rgba(137, 182, 212, 0.6);
		   -moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset, 0px 0px 8px rgba(137, 182, 212, 0.6);
		        box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset, 0px 0px 8px rgba(137, 182, 212, 0.6);
	}

	#mensajes .content-box.event .form-control:focus {
		border-color: #f3ce73;
		-webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset, 0px 0px 8px rgba(243, 206, 115, 0.6);
		   -moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset, 0px 0px 8px rgba(243, 206, 115, 0.6);
		        box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset, 0px 0px 8px rgba(243, 206, 115, 0.6);
	}

	#mensajes .content-box.homework .form-control:focus {
		border-color: #e97f5e;
		-webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset, 0px 0px 8px rgba(233, 127, 94, 0.6);
		   -moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset, 0px 0px 8px rgba(233, 127, 94, 0.6);
		        box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset, 0px 0px 8px rgba(233, 127, 94, 0.6);
	}

	#mensajes .mform {
		text-align: right;
		padding: 0 40px;
	}

		#mensajes .mform input,
		#mensajes .mform textarea {
			margin-bottom: 10px;
		}

		#mensajes .mform .icons {
			float: left;
		}

		#mensajes .icons a {
			opacity: .7;
			filter: alpha(opacity=70);
		}

		#mensajes .icons a.js-attach-gform {
			margin: 0 5px;
		}

		#mensajes .icons a:hover {
			opacity: 1;
			filter: alpha(opacity=100);
		}

		#mensajes .mform .attachments {
			text-align: left;
		}

	#mensajes .attachments,
	.msgbox-send-message .attachments {
		border-bottom: 1px solid #c8c8c8;
		padding-bottom: 20px;
		margin-bottom: 10px;
	}

		#mensajes .attachments ul,
		.msgbox-send-message .attachments ul {
			list-style: none;
		}

		#mensajes .attachments img,
		.msgbox-send-message .attachments img {
			height: 17px;
			width: auto;
			margin-right: 5px;
		}

		#mensajes .attachments a,
		.msgbox-send-message .attachments a {
			position: relative;
			font-weight: 600;
			font-size: 30px;
			color: #fc4237;
			top: 5px;
			margin-left: 5px;
		}

	#mensajes .btn-simple,
	#mensajes .btn-multilanguage,
	#mensajes .btn-poll,
	#mensajes .btn-event,
	#mensajes .btn-homework,
	#mensajes .btn-webinar,
	#mensajes .btn-attendances,
	#mensajes .btn-recommend {
		color: #fff;
	}

	#mensajes .btn-simple {
		background-color: #98d266;
	}

	#mensajes .btn-simple:hover,
	#mensajes .btn-simple:focus {
		background-color: #598633;
	}
	#mensajes .btn-recommend {
    	background: #c78dd0;
	}
	#mensajes .btn-recommend:hover,
	#mensajes .btn-recommend:focus {
	    background: #543159;
	}

	#mensajes .btn-multilanguage {
		background-color: #a280bb;
	}

	#mensajes .btn-multilanguage:hover,
	#mensajes .btn-multilanguage:focus {
		background-color: #5b416f;
	}

	#mensajes .btn-poll {
		background-color: #89b6d4;
	}

	#mensajes .btn-poll:hover,
	#mensajes .btn-poll:focus {
		background-color: #4a6f88;
	}

	#mensajes .btn-event {
		background-color: #f3ce73;
	}

	#mensajes .btn-event:hover,
	#mensajes .btn-event:focus {
		background-color: #d8a430;
	}

	#mensajes .content-box.webinar .event-bt .btn-event {
		background-color: #FFB6F6 ;
	}

	#mensajes .content-box.webinar .event-bt .btn-event:hover,
	#mensajes .content-box.webinar .event-bt .btn-event:focus {
		background-color: #DE97D6;
	}

	#mensajes .btn-homework {
		background-color: #e97f5e;
	}

	#mensajes .btn-homework:hover,
	#mensajes .btn-homework:focus {
		background-color: #b2353a;
	}

	#mensajes .avatar {
		-webkit-border-radius: 5px;
		   -moz-border-radius: 5px;
		        border-radius: 5px;
		width: 60px;
		height: 60px;
		overflow: hidden;
		margin-top: 20px;
	}

	#mensajes .reply-wrapper .avatar {
		margin-top: 0px;
	}

		#mensajes .avatar img{
			max-width: 60px;
			max-height: 60px;
		}

	#mensajes .post{
		position: relative;
		padding: 0 0px 0px 20px;
	}

	#mensajes .comment .post {
		padding-left: 10px;
	}

	#mensajes .reply {
		padding: 0 20px 0px 20px;
	}

		#mensajes .post>div>div{
			position: static;
			display: -webkit-box;
			display: -webkit-flex;
			display: -moz-box;
			display: -ms-flexbox;
			display: flex;
		}

		#mensajes .post .content {
			float: left;
    		width: -webkit-calc(100% - 220px);
    		width: -moz-calc(100% - 220px);
    		width: calc(100% - 220px);
    		margin-top: 20px;
    		padding: 0 20px 20px 0px;
		}

		#mensajes .post .content.no-attachments {
    		width: 100%;
		}

		#mensajes .post .files {
			float: left;
    		width: 220px;
    		background: #eeeeee;
    		-webkit-border-radius: 0px 8px 8px 0px;
    		   -moz-border-radius: 0px 8px 8px 0px;
    		        border-radius: 0px 8px 8px 0px;
    		border-left: solid 1px #c8c8c8;
    		padding: 15px 20px;
		}

		#mensajes .post.replied .files {
			-webkit-border-radius: 0px 0px 8px 0px;
			   -moz-border-radius: 0px 0px 8px 0px;
			        border-radius: 0px 0px 8px 0px;
		}

		#mensajes .post.replied .content {
			margin-top: 30px;
		}

		#mensajes .post .files > p {
			font-size: 14px;
			color: #808080;
		}

		#mensajes .post .files .item {
			width: 53px;
			position: relative;
			margin: 3px 2px;
			display: inline-block;
			vertical-align: top;
		}

			#mensajes .post .files .item .imagen:after {
				position: absolute;
				top: -23px;
				left: -23px;
				-webkit-transform: scale(.6);
					-ms-transform: scale(.6);
						-moz-transform: scale(.6);
						  -o-transform: scale(.6);
				     transform: scale(.6);
			}

				#mensajes .post .files .item .imagen.archivo:after { content: url(../../../images/contenido/recurso-icon-archivo.png); }
				#mensajes .post .files .item .imagen.video:after { content: url(../../../images/contenido/recurso-icon-video.png); }
				#mensajes .post .files .item .imagen.img:after { content: url(../../../images/contenido/recurso-icon-img.png); }
				#mensajes .post .files .item .imagen.libro:after { content: url(../../../images/contenido/recurso-icon-libro.png); }
				#mensajes .post .files .item .imagen.url:after { content: url(../../../images/contenido/recurso-icon-url.png); }
				#mensajes .post .files .item .imagen.musica:after { content: url(../../../images/contenido/recurso-icon-musica.png); }
				#mensajes .post .files .item .imagen.actividad:after { content: url(../../../images/contenido/recurso-icon-actividad.png); }

				#mensajes .post .files .item .imagen img {
					width: 53px;
					height: 53px;
					-webkit-border-radius: 100%;
					   -moz-border-radius: 100%;
					        border-radius: 100%;
				}

		#mensajes .post .content .name,
		#mensajes .reply .content .name {
			font-weight: 600;
			color: #414141;
			padding: 3px 7px;
			border: 1px solid #c6c6c6;
			background-color: #f1f1f1;
			-webkit-border-radius: 3px;
			   -moz-border-radius: 3px;
			        border-radius: 3px;
		}

		#mensajes .content-box.multilanguage .post .content .name{
			display: none;
		}

		#mensajes .post .content .name:before,
		#mensajes .reply .content .name:before {
			margin: 0 5px 0 -16px;
			content: url(../../../images/mensajes/arrow.png);
		}

		#mensajes .post .content .for {
			position: relative;
			font-weight: 600;
			color: #8fca51;
			top: 3px;
		}

			#mensajes .content-box.multilanguage .post .content .for { color: #a381bc; }
			#mensajes .content-box.poll .post .content .for { color: #4a6f88; }
			#mensajes .content-box.event .post .content .for,
			#mensajes .content-box.webinar .post .content .for { color: #f4cf73; }
			#mensajes .content-box.homework .post .content .for { color: #ea7f5e; }

		#mensajes .post .content .date {
			font-size: 12px;
			color: #989898;
		}

		#mensajes .content-box.multilanguage .post .content .date{
			display: none;
		}

		#mensajes .post .content .text {
			font-size: 14px;
			line-height: 16px;
			color: #808080;
		}

		#mensajes .content-box.multilanguage .post .content .text {
			color: #fff;
			font-size: 16px;
			/* BK-9947 esto da problemas con mensajes largos
			position: absolute;
			top: 10px;*/
		}

		#mensajes .post .content .text a {
			color: #9AD265;
			font-weight: bold;
			text-decoration: underline;
		}

	#mensajes .post .admin {
		margin-top: 20px;
	}

		#mensajes .post .admin .icon {
			position: absolute;
		    bottom: 20px;
    		left: 25px;
		}

		#mensajes .content-box.webinar .post .admin .icon,
		#mensajes .content-box.multilanguage .post .admin .icon{
			display: none;
		}

		#mensajes .post .admin .bts {
			float: right;
			font-size: 14px;
			color: #989898;
		}

			#mensajes .post .admin .bts a {
				color: #989898;
				margin: 0 5px;
			}

			#mensajes .post .admin .bts a:last-child {
				color: #ff4338;
				margin-right: 5px;
			}

			#mensajes .content-box.multilanguage .post .admin .bts a:last-child {
				color: #fff;
			}

	#mensajes .content-box.recommend .icon {
    	background-color: transparent !important;
	}
	#mensajes .content-box.recommend .icon:before {
	    content: "";
	    font-family: "blinklearning";
	    content: "\e905";
	    color: #c78dd0;
	    font-size: 2em;
	}
	#mensajes .post .reply-bt,
	#mensajes .post .event-bt {
		margin-bottom: -36px;
	}

	#mensajes .post.replied {
		border-top: 1px solid #c8c8c8;
		display: none;
	}

	#mensajes .reply-wrapper {
		border-top: 1px solid #c8c8c8;
		background: #e8f3d9 url('../../../images/mensajes/m-simple-bg.gif') repeat-y;
		padding-top: 30px;
		padding-bottom: 20px;
		display: none;
		-webkit-border-bottom-left-radius: 6px;
		   -moz-border-radius-bottomleft: 6px;
		        border-bottom-left-radius: 6px;
		-webkit-border-bottom-right-radius: 6px;
		   -moz-border-radius-bottomright: 6px;
		        border-bottom-right-radius: 6px;
	}

		#mensajes .content-box.multilanguage .reply-wrapper { background: #f1e8f7 url('../../../images/mensajes/m-multilanguage-bg.gif') repeat-y; }
		#mensajes .content-box.poll .reply-wrapper { background: #d1e7f6 url('../../../images/mensajes/m-poll-bg.gif') repeat-y; }
		#mensajes .content-box.homework .reply-wrapper { background: #ffeceb url('../../../images/mensajes/m-deberes-bg.gif') repeat-y; }

		#mensajes .reply .content textarea {
			margin: 10px 0;
		}

		#mensajes .reply .content .reply-bt {
			float: right;
			margin-top: -20px;
		}


	/*EVENTO*/

	#mensajes .post .event-calendar, #mensajes .post .avatar-content {
		float: left;
		width: 130px;
	    padding: 0 20px;
	}

	#mensajes .post .event-content, #mensajes .post .message-content {
		float: left;
    	width: -webkit-calc(100% - 145px);
    	width: -moz-calc(100% - 145px);
    	width: calc(100% - 145px);
	}

	#mensajes .post .calendar {
		background: transparent url('../../../images/mensajes/ico-calendar.png') no-repeat;
		width: 90px;
		height: 103px;
		text-align: center;
		margin-top: 20px;
		padding-top: 47px;
	}

		#mensajes .post .day {
			font-weight: 700;
			font-size: 42px;
			color: #b1b1b1;
			display: block;
			margin-bottom: 3px;
		}

		#mensajes .post .month {
			font-size: 13px;
			color: #b1b1b1;
		}

	#mensajes .content-box.event .post .content,
	#mensajes .content-box.webinar .post .content {
		margin: 20px 0 0 0px;
	}

		#mensajes .post .content .title {
			font-weight: 600;
			font-size: 18px;
			margin-bottom: 10px;
		}

		#mensajes .post .content .when,
		#mensajes .post .content .from,
		#mensajes .content-box.event .post .content .for,
		#mensajes .content-box.webinar .post .content .for {
			border-top: 1px dotted #c6c6c6;
			padding: 6px 0;
			font-size: 15px;
			color: #808080;
		}

			#mensajes .content-box.event .post .content .for,
			#mensajes .content-box.webinar .post .content .for {
				font-weight: 400;
				color: #808080;
				top: 0;
				border-bottom: 1px dotted #c6c6c6;
			}

		#mensajes .post .content .tag {
			font-weight: 600;
			color: #d8a430;
		}

		#mensajes .content-box.webinar .post .content .tag {
			color: #DE97D6;
		}

	/*DEBERES*/
	#mensajes .content-box.homework .post .content .tag {
		color: #b2353a;
		margin-right: 8px;
	}

	#mensajes .content-box.homework .post .content .when {
		margin-top: 15px;
		border-bottom: 1px dotted #c6c6c6;
	}

	#mensajes .content-box.homework .post .content .title {
		margin: 20px 0 12px 0;
	}

	/*ENCUESTA*/
	#mensajes .content-box.poll .post .content .text {
		font-size: 16px;
	}

	#mensajes .content-box.poll .reply button {
		margin: 0 5px;
	}
	/* INDICE UNITS */
	#mensajes .content-box.poll .post .content .option {
		border-top: 1px solid #c8c8c8;
		margin: 40px 0 45px 0;
		width: 90%;
	}

	#mensajes .content-box.poll .post .content .option.vote {
		border-top: 1px solid #fff;
	}

		#mensajes .content-box.poll .post .content .option .question {
			background: #89b6d5 url('../../../images/mensajes/survey-bg.gif') repeat-y;
			-webkit-border-radius: 18px;
			   -moz-border-radius: 18px;
			        border-radius: 18px;
			margin: -20px 0 20px 0;
			padding: 8px 26px 8px 16px;
			float: left;
		}

		#mensajes .content-box.poll .post .content .option .question.on {
			padding-right: 16px;
		}

		#mensajes .content-box.poll .post .content .option .question.off {
			background: #d0d0d0 url('../../../images/mensajes/survey-bg-off.gif') repeat-y;
		}

			#mensajes .content-box.poll .post .content .option .question .letter {
				font-size: 18px;
				font-weight: 700;
				color: #fff;
			}

			#mensajes .content-box.poll .post .content .option .question .title {
				font-size: 16px;
				font-weight: 700;
				color: #fff;
				margin: -21px 0 0 33px;
				line-height: 18px;
				display: block;
			}

			#mensajes .content-box.poll .post .content .option .question.on .title:after {
				content: url('../../../images/mensajes/survey-tick.png');
				padding-left: 10px;
			}

		#mensajes .content-box.poll .post .content .option button {
			float: right;
			margin: -20px 0 20px 0;
			font-weight: 700;
		}

		#mensajes .content-box.poll .post .content .option button.stats {
			pointer-events: none;
		}























/* *********************************************************************************************************************
 * SECTION > DESKTOP
 */
/*
#desktop {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	padding: 0;
	margin: 0;
	z-index: -1;
	display: none;
	opacity: 0;
	filter: alpha(opacity=0);
}

.desktop-preload {
	left: 50%;
	top: 50%;
	position: fixed;
	padding: 0;
}

.desktop {
	width: 100%;
	height: 200%;
	position: relative;
	padding: 0;
	margin: 0;
	background: #fff url('../../../images/desktop/background.jpg') repeat-y center center fixed;

	-webkit-background-size: cover;
	-moz-background-size: cover;
	-ms-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

	.desktop .corner-img {
		position: fixed;
	}

		.desktop .tl { top: 0; left: 0; }
		.desktop .tr { top: 0; right: 0; }
		.desktop .bl { bottom: 0; left: 0; }
		.desktop .br { bottom: 0; right: 0; }


	.desktop .container {
		padding: 0;
		opacity: 0;
		filter: alpha(opacity=0);
	}

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

	.desktop .header .desktop-close {
		display: block;
		margin-top: 20px;
		font-size: 40px;
		color: #666666;
		text-decoration: none;
	}

	.desktop .header .logo {
		margin: 20px 0;
	}

	.desktop .header .date {
		display: block;
		font-size: 24px;
		font-weight: 300;
		color: #4d4d4d;
	}

		.desktop .header .date .hour {
			display: block;
			font-size: 16px;
		}


	.desktop .panels {
		text-align: center;
		margin-top: 30px;
	}

	.desktop .panels ul {
		list-style-type: none;
	}

	.desktop .panels li {
		border-radius: 8px;
		background: #fff;
		box-shadow: 0px 3px 9px rgba(0,0,0,0.3);
		text-align: left;
	}*/

		/* CONTROLS */
	/*	.desktop .panels li .delete,
		.desktop .panels li .number-alert {
			position: absolute;
			width: 30px;
			height: 30px;
			right: -5px;
			margin-top: -5px;
			padding-top: 4px;
			border-radius: 100%;
		}

		.desktop .panels li .delete {
			background: #fc4237 url(../../../images/shared/controls.png) no-repeat 0 0;
			cursor: pointer;
			display: none;
		}

		.desktop .panels li .delete:hover,
		.desktop .panels li .delete:focus {
			border-radius: 100%;
			box-shadow: 0px 0px 5px rgba(0,0,0,0.5);
		}

		.desktop .panels li .number-alert {
			background-color: #91be1e;
			color: #fff;
			font-size: 14px;
			text-align: center;
		}

		.desktop .panels li .title {
			width: 100%;
			height: 45px;
			border-top-left-radius: 8px;
			border-top-right-radius: 8px;
			padding: 6px 0 0 60px;
			vertical-align: middle;
			background: #3f3f3f url('../../../images/desktop/desktop-icons.png') no-repeat;
			font-size: 16px;
			color: #fff;
			line-height: 32px;
			cursor: url('../../../images/shared/drag-icon.png'), auto;
		}

		.desktop .panels li .title:hover,
		.desktop .panels li .title:focus {
			background-color: #4f4f4f;
		}

		.desktop .panels #dk-contenido .title { background-position: 15px 0px; }
		.desktop .panels #dk-calificaciones .title { background-position: 15px -45px; }
		.desktop .panels #dk-mensajes .title { background-position: 15px -90px; }
		.desktop .panels #dk-agenda .title { background-position: 15px -135px; }
		.desktop .panels #dk-claustro .title { background-position: 15px -180px; }
		.desktop .panels #dk-alumnos .title { background-position: 15px -180px; }

		.desktop .panels .content {
			padding: 15px;
		}

		.desktop .panels .content .item {
			position: relative;
			display: block;
			height: 60px;
			width: 200px;
			border-bottom: 1px solid #e2e2e2;
			margin-bottom: 10px;
		}

		.desktop .panels .content .item:last-child {
			border-bottom: 0px solid transparent;
			margin-bottom: 10px;
		}

			.desktop .panels .content .item img {
				width: 40px;
				height: 40px;
				border-radius: 5px;
				float: left;
				margin-right: 14px;
			}

			.desktop .panels .content .item .nombre {
				font-weight: 700;
				line-height: 16px;
				margin-top: 0px;
				display: block;
			}

				.desktop .panels .content .item .nombre .de {
					font-weight: 400;
					color: #b0b0b0;
				}

			.desktop .panels .content .item .nota {
				font-size: 14px;
			}

				.desktop .panels .content .item .nota.suspenso {
					color: #ff0000;
				}

				.desktop .panels .content .item .nota.aprobado {
					color: #91be1e;
				}

			.desktop .panels .content .item .hora {
				font-weight: 700;
				line-height: 20px;
				margin-top: 0px;
				display: block;
			}*/

			/* EXCEPTION FOR CONTENIDO */
		/*	.desktop .panels #dk-contenido .content .item img {
				width: 60px;
				height: auto;
				border-radius: 0px;
				border: 1px solid #dbdbdb;
			}

			/* EXCEPTION FOR ALUMNOS */
		/*	.desktop .panels #dk-alumnos .content .item {
				position: relative;
				display: inline-block;
				height: 45px;
				width: 45px;
				border-bottom: 0px solid transparent;
				margin-bottom: 0px;
			}

			/* EXCEPTION FOR AGENDA */
		/*	.desktop .panels #dk-agenda .content .item {
				height: 50px;
			}

			.desktop .panels #dk-agenda .content .item img {
				width: 11px;
				height: auto;
				border-radius: 0px;
				margin: 5px 10px 20px 0px;
			}

			.desktop .panels #dk-agenda .content .calendar {
				cursor: pointer;
				color: #91be1e;
			}

			/* EXCEPTION FOR POSITS */
		/*	.desktop .panels li#dk-postit {
				border-radius: 8px;
				box-shadow: 0px 0px 0px rgba(0,0,0,0);
				background: transparent url('../../../images/desktop/postit-1.png') no-repeat center center;
			}

			.desktop .panels #dk-postit .content {
				height: 180px;
				width: 230px;
				padding: 50px 80px 50px 80px;
			}

	/*GRIDSTER CLASSES*/
/*	.desktop .panels .gridster .controls {
		margin-bottom: 20px;
	}

	.desktop .panels .gridster .gs-w {
			/*cursor: pointer;*/
/*	}

/*	.desktop .panels .gridster .player {
			/*background: #3AC62A;*/
/*			background-color: rgba(255, 255, 255, 0.5);
	}

	.desktop .panels .gridster .preview-holder {
			border: none !important;
			background: #3AC62A !important;
	}


	/*TOOLS*/
/*	.desktop .dk-tools {
		width: 100%;
		text-align: center;
		margin-top: 20px;
	}

	.desktop .dk-tools ul {
		list-style: none;
		display: inline-block;
		padding: 0;
	}

	.desktop .dk-tools ul li {
		display: inline-block;
		border-radius: 100%;
		background-color: #808080;
		margin: 0 5px;

		-webkit-transition: all .3s ease;
		-moz-transition: all .3s ease;
		-ms-transition: all .3s ease;
		-o-transition: all .3s ease;
		transition: all .3s ease;
	}

		.desktop .dk-tools ul li a {
			display: block;
			width: 50px;
			height: 50px;
			border-radius: 100%;
			background: transparent url('../../../images/shared/tools.png') no-repeat;
		}

		.desktop .dk-tools ul li a:hover,
		.desktop .dk-tools ul li a:focus {
			background-color: #91be1e;
		}

		.desktop .dk-tools .tool-delete { background-position: -1px -485px; }
		.desktop .dk-tools .tool-add { background-position: -1px -424px; }

		.desktop .dk-tools ul li a.off {
			pointer-events: none;
		}

		.desktop .dk-tools .tooltip {
			margin-top: -6px !important;
		}


	/*ADD WIDGETS BOX*/
/*	.desktop .add-widgets-box-content ul {
		list-style: none;
		display: inline-block;
		padding: 0;
	}

		.desktop .add-widgets-box-content ul li {
			display: inline-block;
			margin: 8px 0px 8px 3px;
		}

			.desktop .add-widgets-box-content ul li a {
				opacity: 0.8;
				filter: alpha(opacity=80);
			}

			.desktop .add-widgets-box-content ul li a:hover {
				opacity: 1;
				filter: alpha(opacity=100);
			}



















/* *********************************************************************************************************************
 * SECTION > BOOSTRAP ELEMENTS DEMO
 */

/*CAROUSEL*/
#myCarousel h2 {
	margin: 0;
	color: #666;
	padding-top: 120px;
	font-size: 52px;
	font-weight: normal;
}

#myCarousel .item {
	background: #333;
	text-align: center;
	height: 300px !important;
}

#myCarousel {
	margin-top: 20px;
}




















/* *********************************************************************************************************************
 * SECTION > HOME
 */

/*SLIDESHOW*/
.home-slider {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	padding: 0;
	margin: 0;
	z-index: 0;
}

	.home-slider .slideshow li {
		list-style: none;
		position: absolute;
		width: 101%;
		height: 101%;
		top: -0.5%;
		left: -0.5%;
		opacity: 0;

		-webkit-transition: opacity 1.5s ease;
		-moz-transition: opacity 1.5s ease;
		-o-transition: opacity 1.5s ease;
		transition: opacity 1.5s ease;

		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		   background-size: cover;
		background-position: center center;
	}

		.home-slider .slideshow li img {
			display: none;
		}

.home-slider .manos {
	position: fixed;
	bottom: 43px;
	left: 50%;
	margin-left: -450px;
}


/*MENU*/
.home-menu {
	position: absolute;
	width: 100%;
	height: 44px;
	bottom: 0;
	background: #555353 url('../../../images/home/menu-bg.png') repeat-x;
	text-align: center;
	z-index: 100;
}

.home-menu.sticky {
	position: fixed;
	top: 0;
}

	.home-menu .container > img , .home-menu .container > #logoHome{
		float: left;
		margin-left: -15px;
		opacity: 0;
		filter: alpha(opacity=0);
	}
	.home-menu .container > #logoHome,
	.container .pull-left > #logoHome {
		width: 83px;
		height: 16px;
   		margin-top: 13px;
		background-image: url('../../../images/home/logoblink_43x210.png');
		-webkit-background-size: cover;
		   -moz-background-size: cover;
		     -o-background-size: cover;
		        background-size: cover;

	}
	@media (max-width: 991px){
		.home-menu .container > #logoHome,
		.container .pull-left > #logoHome {
			background-image: url('../../../images/home/logoblink_43x210_ojos.png');
		}

		.multimedia-url-button { margin-top: 10px; }
	}

	.home-menu .container > button {
		float: right;
		margin: -51px -15px 0 0;
		padding: 2px 10px;
		display: none;
	}

	.home-menu ul li {
		list-style: none;
		display: inline-block;
		margin: 0 10px;
		padding-top: 10px;
	}

	.home-menu ul li:first-child {
		margin-left: -29px;
	}


	.home-menu ul li:after {
		position: relative;
		content: url('../../../images/home/menu-arrow.png');
		display: block;
		margin-top: 5px;
		opacity: 0;
		filter: alpha(opacity=0);

		-webkit-transition: all .3s ease;
		-moz-transition: all .3s ease;
		-o-transition: all .3s ease;
		transition: all .3s ease;
	}

	.home-menu ul li.active:after {
		opacity: 1;
		filter: alpha(opacity=100);
	}

		.home-menu ul li a {
			font-size: 15px;
			color: #fff;
		}

		.home-menu ul li a:hover {
			color: #3AC62A;
		}

		.home-menu ul li a.index-link-shop, a.index-link-help {
			font-weight: 700;
			color: #555353;
			background-color: #b1b3b4;
			color: #555353;
			padding: 3px 2px;
			-webkit-border-radius: 20px;
			   -moz-border-radius: 20px;
			        border-radius: 20px;
		}

		.home-menu a.index-link-help {
			height: 25px;
			width: 114px;
			display: block;
			padding: 0;
			line-height: 26px;
			position: relative;
			top: 1px;
		}

		.home-menu a.index-link-help > img {
			height: 14px;
			width: auto;
		}

		.home-menu ul li a.index-link-shop:hover {
			background-color: #3AC62A;
		}

		.home-menu ul li a.index-link-help:hover {
			/*background-color: #DE433F;*/
			background-color: #fff;
		}

		.home-menu ul li a.index-link-shop img {
			-ms-transform: scale(0.7);
			-webkit-transform: scale(0.7);
			-moz-transform: scale(0.7);
			  -o-transform: scale(0.7);
			     transform: scale(0.7);
		}

.social-media-links {
	float: right;
	margin-top: 38px;
	margin-right: 34px;
}

.social-media-links ul {
	list-style: none;
	font-size: 24px;
	line-height: 24px;
}

.social-media-links li {
	margin: 10px;
	display: inline;
}

.social-media-links a {
	color: #fff;
}

.social-media-links a:hover {
	color: #3AC62A;
}

/*SECTIONS*/
.home-sections {
	position: absolute;
	width: 100%;
	height: 100%;
	text-align: center;
	/*pointer-events: none;*/
}

	/*SHARED*/
	.home-sections .container {
		padding: 0;
		background-color: rgba(0, 0, 0, 0.0);
		height: 100%;
	}

	.home-sections .text {
		font-size: 16px;
		color: #9c9b9b;
		margin: 15px 15%;
	}



	/*S01. ENTRADA*/
	.home-sections .uno {
		height: 100%;
	}

		.home-sections .uno .controls {
			position: fixed;
			width: 100%;
			height: 50px;
			margin-top: -25px;
			top: 50%;
		}

			.home-sections .uno .controls span {
				float: left;
				position: relative;
				cursor: pointer;
			}

			.home-sections .uno .controls span:before {
				position: absolute;
				width: 100%;
				height: 100%;
				top: 0;
				left: 0;
				text-align: center;
				opacity: 0.7;
				filter: alpha(opacity=70);
			}

			.home-sections .uno .controls span:hover:before {
				opacity: 1;
				filter: alpha(opacity=100);
			}

			/*.home-sections .uno .controls span.play:before {
			}

			.home-sections .uno .controls span.pause:before {
			}*/

			.home-sections .uno .controls span.next {
				right: 65px;
				float: right;
			}

			.home-sections .uno .controls span.prev {
				left: 20px;
			}

			.home-sections .uno .controls span.next:before {
				content: url('../../../images/home/slider-next.png');
			}

			.home-sections .uno .controls span.prev:before {
				content: url('../../../images/home/slider-prev.png');
			}

		.home-sections .uno .logo {
			float: left;
			margin-top: 30px;
		}

		.home-sections .uno .login {
			float: right;
			margin-top: 30px;
		}

		.home-sections .uno .title1 {
			font-size: 40px;
			font-weight: 300;
			color: #fff;
			margin-top: 100px;
			line-height: 20px;
		}

		.home-sections .uno .title2 {
			font-size: 40px;
			font-weight: 600;
			color: #fff;
			line-height: 65px;
		}

		.home-sections .uno .crear .btn {
			height: 24px;
			padding: 0px 15px;
			display: none;
		}

		.home-sections .uno .seleccionar {
/*			position: fixed;
			bottom: 43px;
			left: 50%;
			margin-left: -450px;
			width: 900px;
			height: 468px;
*/
		}

		.home-sections .uno .go-to-shop {
			display: none;
		}

		.home-sections .uno .apps {
			position: absolute;
			bottom: 70px;
			/*margin-left: 110px;*/
			margin: 0 auto;
			/*BK-12302 Necesario para centrar los botones de las apps*/
			width:100%;
			left:0px;
		}

			.home-sections .uno .apps ul li, .home-login .apps ul li {
				list-style: none;
				width: 163px;
				height: 47px;
				display: inline-block;
				background-color: rgba(0, 0, 0, 0.7);
				-webkit-border-radius: 6px;
				   -moz-border-radius: 6px;
				        border-radius: 6px;
				margin: 5px 10px;

				-webkit-transition: all .8s ease;
				-moz-transition: all .8s ease;
				-o-transition: all .8s ease;
				transition: all .8s ease;
			}

				.home-sections .uno .apps ul li a, .home-login .apps ul li a {
					opacity: 0.6;
					filter: alpha(opacity=60);
				}

				.home-sections .uno .apps ul li:hover, .home-login .apps ul li:hover {
					background-color: rgba(0, 0, 0, 0.9);
				}

				.home-sections .uno .apps ul li:hover a, .home-login .apps ul li:hover a {
					opacity: 1;
					filter: alpha(opacity=100);
				}

		.home-sections .uno .ball {
			position: relative;
			float: right;
			margin-right: 100px;
			width: 253px;
			height: 253px;
			display: block;
			font-size: 15px;
			color: #fff;
			padding: 75px 40px;
			text-align: center;
			background: transparent url('../../../images/home/ball.png') no-repeat;
		}



	/*S02. CARACTERÍSTICAS*/
	.home-sections .dos {
		background-color: #fff;
		padding: 25px 0 100px 0;
	}

		.home-sections .dos .btn-group {
			margin: 10px 0;
		}

		.home-sections .dos .btn-default {
			color: #444;
			background-color: #e4e4e4;
			margin: 0 1px;
			font-weight: 600;
			background-repeat: no-repeat;
			background-position: 7px 3px;
			padding-left: 42px;
		}

		.home-sections .dos .btn-default:hover,
		.home-sections .dos .btn-default:focus,
		.home-sections .dos .btn-default:active,
		.home-sections .dos .btn-default.active {
			color: #fff;
			background-color: #3AC62A;
		}

		.home-sections .dos .btn-default:nth-child(1) { background-image: url('../../../images/home/dos-ico-1.png'); background-position: 12px 3px; padding-left: 48px; }
		.home-sections .dos .btn-default:nth-child(2) { background-image: url('../../../images/home/dos-ico-2.png'); }
		.home-sections .dos .btn-default:nth-child(3) { background-image: url('../../../images/home/dos-ico-3.png'); }
		.home-sections .dos .btn-default:nth-child(4) { background-image: url('../../../images/home/dos-ico-4.png'); }
		.home-sections .dos .btn-default:nth-child(5) { background-image: url('../../../images/home/dos-ico-5.png'); }

		.home-sections .dos .text {
			margin: 25px 0;
		}

		.home-sections .dos .carousel {

		}

			.home-sections .dos .carousel .carousel-inner {
				height: 418px;
			}

			.home-sections .dos .carousel .carousel-inner:after {
				height: 418px;
				width: 960px;
				position: absolute;
				content: '';
				top: 0;
				left: 0;
				background: transparent url('/themes/responsive/images/home/features-mac.png') no-repeat center center;
				pointer-events: none;
			}

			.home-sections .dos .carousel .popover {
				background-color: rgba(252, 67, 57, 0.9);
			}

				.home-sections .dos .carousel .popover-content {
					padding: 10px 15px;
					font-size: 15px;
					color: #fff;
					text-align: center;
				}

				.home-sections .dos .carousel .popover.top > .arrow {
					border-top-color: rgba(252, 67, 57, 0.9);
				}

				.home-sections .dos .carousel .popover.top > .arrow:after {
					border-top-color: transparent;
				}

			.home-sections .dos .carousel .item {
				padding: 29px 0 0 211px;
			}

				.home-sections .dos .carousel .item > div {
					position: absolute;
					top: 0;
					left: 0;
				}

			.home-sections .dos .carousel .carousel-indicators {
				bottom: -50px;
			}

				.home-sections .dos .carousel .carousel-indicators li {
					width: 9px;
					height: 9px;
					margin: 7px;
					border: 0px solid transparent;
					background-color: #666666;
				}

				.home-sections .dos .carousel .carousel-indicators .active {
					width: 9px;
					height: 9px;
					background-color: #3AC62A;
				}



	/*S03. CONOCENOS*/
	.home-sections .tres {
		padding-top: 25px;
		background-color: #ececeb;
	}

		.home-sections .tres .vimeo {
			background-color: #fff;
			padding: 40px;
			margin: 35px 0 70px 0;
		}



	/*S04. EDITORIALES*/
	.home-sections .cuatro {
		padding-top: 25px;
		background-color: #fff;
	}

		.home-sections .cuatro .logos {
			margin: 50px 0 80px 0;
		}

			.home-sections .cuatro .logos ul li {
				list-style: none;
				display: inline-block;
				width: 177px;
				height: 101px;
				border-bottom: 1px solid #d8d8d8;
				margin: 20px 6px;
			}

				.home-sections .cuatro .logos ul li a {
					opacity: 1;
					filter: alpha(opacity=100);
				}

				.home-sections .cuatro .logos ul li a:hover {
					opacity: 0.7;
					filter: alpha(opacity=70);
				}



	/*S05. CONTACTO*/
	.home-sections .cinco {
		padding-top: 25px;
		background-color: #fff;
	}

		.home-sections .cinco .title {
			border-top: 1px solid #c9c9c9;
			margin-top: 70px;
		}

			.home-sections .cinco .title button {
				position: relative;
				top: -17px;
			}

		.home-sections .cinco .consulta {
			border: 1px solid #c8c8c8;
			-webkit-border-radius: 8px;
			   -moz-border-radius: 8px;
			        border-radius: 8px;
			background-color: #fff;
			padding: 0px;
			margin: 30px 0;
			overflow: hidden;
			-webkit-box-shadow: 0px 0px 8px rgba(0,0,0,0.3);
			   -moz-box-shadow: 0px 0px 8px rgba(0,0,0,0.3);
			        box-shadow: 0px 0px 8px rgba(0,0,0,0.3);
		}

		.home-sections .cinco .consulta .left {
			float: left;
		}

		.home-sections .cinco .consulta .right {
			float: right;
			width: 55%;
		}

			.home-sections .cinco .consulta .right .form {
				padding: 50px 50px 0 50px;
			}

			.home-sections .cinco .consulta .right .form input,
			.home-sections .cinco .consulta .right .form select,
			.home-sections .cinco .consulta .right .form textarea {
				margin-bottom: 8px;
			}

			.home-sections .cinco .consulta .right .form select {
				float: left;
				width: 48%;
				margin-right: 2%;
			}

			.home-sections .cinco .consulta .right .form label {
				float: left;
				display: block;
				font-size: 13px;
				color: #7f8080;
				font-weight: 400;
				margin-bottom: 20px;
			}

			.home-sections .cinco .consulta .right .form hr {
				clear: left;
				margin-bottom: 20px;
			}

			.home-sections .cinco .consulta .right .form button {
				margin: 0 5px;
			}

		.home-sections .cinco .sedes {
			margin-bottom: 60px;
		}

			.home-sections .cinco .sedes > div {
				list-style: none;
				display: inline-block;
				vertical-align: top;
				text-align: left;
			}

				.home-sections .cinco .sedes > div h2 {
					color: #9c9b9b;
					margin-bottom: 15px;
				}

				.home-sections .cinco .sedes > div a {
					opacity: 1;
					filter: alpha(opacity=100);
				}

				.home-sections .cinco .sedes > div a:hover {
					opacity: 0.7;
					filter: alpha(opacity=70);
				}

				.home-sections .cinco .sedes > div a img {
					margin: auto;
				}

				.home-sections .cinco .sedes > div .address {
					font-size: 16px;
					margin-top: 25px;
				}

					.home-sections .cinco .sedes > div .address strong {
						font-weight: 600;
						color: #3AC62A;
					}

		.home-sections .cinco .datos {
			text-align: left;
			margin: 40px 0 0 0;
		}

			.home-sections .cinco .datos h2 {
				color: #9c9b9b;
				margin: 0;
				line-height: 27px;

				-webkit-transition: all .3s ease;
				-moz-transition: all .3s ease;
				-o-transition: all .3s ease;
				transition: all .3s ease;
			}

			.home-sections .cinco .datos a:hover h2 {
				color: #3AC62A;
			}

			.home-sections .cinco .email {

			}

				.home-sections .cinco .email:before {
					content: url('../../../images/home/ico-email.png');
					float: left;
					margin: 5px 20px 60px 0;
				}

			.home-sections .cinco .tf {
				margin-left: 70px;
			}

				.home-sections .cinco .tf:before {
					content: url('../../../images/home/ico-tf.png');
					float: left;
					margin: 5px 20px 0 0;
				}


		.public_financiation {
			margin-bottom: 50px;
			margin-top: 50px;
		}


	/*S06. FOOTER*/
	.home-sections .seis {
		height: 180px;
		background-color: #555353;
		text-align: left;
		padding-top: 30px;
		font-size: 12px;
		color: #fff;
		font-weight: 600;
		line-height: 18px;
	}

		.home-sections .seis ul li {
			list-style: none;
		}

			.home-sections .seis a {
				color: #9c9b9b;
				font-weight: 400;
			}

			.home-sections .seis a:hover {
				color: #3AC62A;
			}

		.home-sections .seis .col-md-12 {
			margin-top: 40px;
		}

		.home-sections .seis .col-md-5 {
			text-align: right;
		}

			.home-sections .seis .col-md-5 a {
				text-align: right;
				opacity: 0.4;
				filter: alpha(opacity=40);
				margin-left: 8px;
			}

			.home-sections .seis .col-md-5 a:hover {
				opacity: 1;
				filter: alpha(opacity=100);
			}



/* *********************************************************************************************************************
 * SECTION > LOGIN
 */

.home-login {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	padding: 0;
	margin: 0;
	background: #fff url('../../../images/home/1.jpg') center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	   background-size: cover;
}

	.home-login-cpt {
		background: #fff url('../../../images/home/7.jpg') center center;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		   background-size: cover;
	}

		.home-login-cpt .navbar {
			background-color: transparent;
		}

		.home-login-cpt .navbar .navbar-brand {
			opacity: 1;
			padding: 25px 25px;
		}

		.home-login-cpt .navbar-dark .navbar-brand .logo {
			background: url(../../../images/home/logo_blink_new.png) left top no-repeat;
		    width: 106px;
		    height: 50px;
		    text-indent: -9999px;
		    display: block;
		    background-size: contain;
		}

			body.loading .home-login-cpt .navbar {
				display: none;
			}

	.home-login .home-login-content {
		position: absolute;
		width: 490px;
		left: 50%;
		top: 50%;
		-ms-transform: translate(-50%, -50%);
		-webkit-transform: translate(-50%, -50%);
		-moz-transform: translate(-50%, -50%);
		  -o-transform: translate(-50%, -50%);
		     transform: translate(-50%, -50%);
		margin-top: -30px;
	}

	.home-login .login-title {
		font-size: 40px;
		line-height: 1em;
		font-weight: 300;
		color: #fff;
		text-align: center;
		margin-bottom: 20px;

	}

	.home-login .login-logo {
		position: absolute;
		width: 100%;
		bottom: 20px;
		text-align: center;
	}

		.home-login .login-title strong {
			font-weight: 600;
		}

	.home-login .login-box {
		min-height: 228px;
		-webkit-border-radius: 8px;
		   -moz-border-radius: 8px;
		        border-radius: 8px;
		background-color: rgba(255, 255, 255, 0.8);
		padding: 35px 40px 40px 40px;
		overflow: hidden;
		-webkit-box-shadow: 0px 0px 10px rgba(0,0,0,0.5);
		   -moz-box-shadow: 0px 0px 10px rgba(0,0,0,0.5);
		        box-shadow: 0px 0px 10px rgba(0,0,0,0.5);

	}

		.home-login .login-box .title {
			font-size: 18px;
			font-weight: 600;
			color: #3c3c3b;
			margin-bottom: 10px;
		}

		.home-login .login-box input {
			margin-bottom: 8px;
		}

		.home-login .login-box button {
			width: 100%;
			-webkit-border-radius: 3px;
			   -moz-border-radius: 3px;
			        border-radius: 3px;
			margin-bottom: 8px;
			padding: 8px 0;
			font-size: 16px;
			font-weight: 600;
		}

		.home-login .login-box .reset {
			font-size: 13px;
		}

		.home-login .login-box hr {
			margin: 20px 0;
			border-top-color: #c2bfbd;
			clear: both;
		}

		.home-login .login-box .bt-facebook a {
			width: 46%;
			height: 34px;
			display: inline-block;
			float: left;
			background: transparent url('../../../images/home/login-fb.png') repeat-x;
			padding: 5px 0 0 50px;
			margin-bottom: 20px;
			-webkit-border-radius: 3px;
			   -moz-border-radius: 3px;
			        border-radius: 3px;
			font-size: 16px;
			font-weight: 600;
			color: #fff;
			opacity: 1;
			filter: alpha(opacity=100);
			margin-right: 10px;

			-webkit-transition: all .3s ease;
			-moz-transition: all .3s ease;
			-o-transition: all .3s ease;
			transition: all .3s ease;
		}

		.home-login .login-box .bt-facebook a:hover {
			opacity: .8;
			filter: alpha(opacity=80);
		}

		/*REGISTRO*/
		.home-login .login-box .registro {
			margin-top: 42px;
		}

			.home-login .login-box .registro .close {
				font-size: 25px;
			}

			.home-login .login-box .registro input[type="text"],
			.home-login .login-box .registro input[type="password"] {
				height: 38px;
			}

			.home-login .login-box .registro label {
				font-size: 16px;
				font-weight: 400;
				margin-right: 10px;
			}

			.home-login .login-box .registro label.accept {
				font-size: 13px;
				margin-top: 30px;
			}

			.home-login .login-box .registro input[type="radio"] {
				margin: 10px 5px 10px 0;
			}

			.home-login .login-box .registro fieldset {
				padding: 0 16px;
			}

			.selectToText{
				-moz-appearance: none;
				-webkit-appearance:none;
			}
			.selectToText::-ms-expand {
				display: none;
			}



/* PDF Book */

.body_htmlBook #page-prev,
.body_htmlBook #page-next {
	-webkit-transition: all .1s linear;
	-moz-transition: all .1s linear;
	-o-transition: all .1s linear;
	transition: all .1s linear;
}
.body_htmlBook #search-bar {
	position: fixed;
	width: 100%;
	z-index: 100;
	display: none;
	background: #efefef;
	color: #ffffff;
	text-align: right;
	padding: 10px;
}


.body_htmlBook .form-control {
	width: 200px;
	display: inline-block;
	vertical-align: middle;
	height: 30px;
	color: #555;
	background-color: #fff;
	border: 1px solid #c8c8c8;
	-webkit-border-radius: 15px;
	   -moz-border-radius: 15px;
	        border-radius: 15px;
}

#blink_searchRightButton,
#blink_searchLeftButton {
	background: none;
	border: 0;
	color: #3AC62A;
	font-size: 22px;
	width: 30px;
	height: 30px;
	vertical-align: middle;
	outline: none;
	margin: 0 2px;
}

#blink_searchRightButton:before,
#blink_searchLeftButton:before {
	position: relative;
	top: 2px;
}

#blink_searchRightButton:before {
	right: -2px;
}
#blink_searchLeftButton:before {
	left: -2px;
}

.img_con_codigo_profe{
	background: url(../../../images/alumnos/banner-clase-con-codigo-.png);
	-webkit-background-size: contain;
	   -moz-background-size: contain;
	     -o-background-size: contain;
	        background-size: contain;
	background-repeat: no-repeat;
	height:336px;
}

.img_sin_clases_profe{
	background: url(../../../images/common/sin_clases.png);
	-webkit-background-size: contain;
	   -moz-background-size: contain;
	     -o-background-size: contain;
	        background-size: contain;
	background-repeat: no-repeat;
	height:340px;
	margin-top: 50px !important;
}

.img_sin_contenido_profe{
	background: url(../../../images/common/sin_contenido.png);
	-webkit-background-size: contain;
	   -moz-background-size: contain;
	     -o-background-size: contain;
	        background-size: contain;
	background-repeat: no-repeat;
	height:340px;
	margin-top: 50px !important;
}

.img_sin_gradebook{
	background: url(../../../images/common/sin_gradebook.png);
	-webkit-background-size: contain;
	   -moz-background-size: contain;
	     -o-background-size: contain;
	        background-size: contain;
	background-repeat: no-repeat;
	height:340px;
	margin-top: 50px !important;
}

.arrow-sin-gradebook {
    float: left;
    margin-top: 10px;
}

.img_con_codigo_alu{
	background-image: url(/images/i/tableta.png);
	-webkit-background-size: contain;
	   -moz-background-size: contain;
	     -o-background-size: contain;
	        background-size: contain;
	background-repeat: no-repeat;
	height:198px;
}

/* oni msgbox working copy */
.selectcourseorwc {
	margin-left: 25px;
}
.selectcourseorwc .wrap-img {
	display: table-cell;
	height: 190px;
	position: relative;
	vertical-align: bottom;
	width: 144px;
}
.selectcourseorwc .wrap-img img {
	-webkit-border-radius: 2px;
	   -moz-border-radius: 2px;
	        border-radius: 2px;
	-webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
	   -moz-box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
	        box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
	max-height: 190px;
	max-width: 144px;
}
.selectcourseorwc .elem {
	border: 1px solid #e5e5e5;
	-webkit-border-radius: 8px;
	   -moz-border-radius: 8px;
	        border-radius: 8px;
	display: inline-block;
	height: auto;
	list-style: outside none none;
	margin: 0 28px 20px;
	overflow: visible;
	padding: 4px 8px;
	position: relative;
	vertical-align: top;
	width: 200px;
	text-align: center;
}
.selectcourseorwc .elem a {
	width: 100%;
}
.selectcourseorwc .elem .elem-info {
	text-align: center;
	width: 100%;
	font-weight: bold;
}
/* fin msgbox working copy */

@media (max-width: 579px) {

	.social-media-links {
		width: 100%;
		margin-right: 0;
		text-align: center;
	}

	.body_htmlBook #search-bar {
		top: 88px;
	}

	.body_htmlBook .libro-right  ul li .tool-button {
		width: 45px;
		background-position-x: -5px!important;
	}
	.body_htmlBook	#enter-edit-mode {
		float: right;
		margin-right: 6px;
	}

}

@media (max-width: 360px) {
	.body_htmlBook #search-bar {
		/*top: 132px;*/
	}
}

.blink-combobox .blink-combobox-toggle{
	font-family: "FontAwesome";
	border-width: 1px !important;
    border-left-width: 0px !important;
    -webkit-border-bottom-right-radius: 4px !important;
       -moz-border-radius-bottomright: 4px !important;
            border-bottom-right-radius: 4px !important;
    -webkit-border-top-right-radius: 4px !important;
       -moz-border-radius-topright: 4px !important;
            border-top-right-radius: 4px !important;
}
.blink-combobox .blink-combobox-toggle:hover{
	border-width: 1px;
    -webkit-border-bottom-right-radius: 4px;
       -moz-border-radius-bottomright: 4px;
            border-bottom-right-radius: 4px;
    -webkit-border-top-right-radius: 4px;
       -moz-border-radius-topright: 4px;
            border-top-right-radius: 4px;
   	border-left-width: 0px !important;
}


/*BK-10065 OFFLINEPC */

.login_help_text {
	margin-bottom: 1em;
}

.login_help_text.error {
	font-weight: bold;
	color: #fc4237;
}

.login_help_text.error-rounded {
	background-color: #fc7b73;
	padding: 4px 6px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

.login_help_text.info {
	background-color: #79D7F5;
	color: #3c3c3b;
	padding: 4px 6px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

body.offline-pc .login-loading-error,
body.offline-pc .login-loading {
	position: absolute;
	left: 50%;
	top: 40%;
	-webkit-transform: translate(-50%,0);
	   -moz-transform: translate(-50%,0);
	    -ms-transform: translate(-50%,0);
	     -o-transform: translate(-50%,0);
	        transform: translate(-50%,0);
	width: 240px;
	text-align: center;
}
body.offline-pc .login-loading-error p,
body.offline-pc .login-loading-text {
	margin-bottom: 10px;
	font-size: 14px;
	color: #ffffff;
}

body.offline-pc .login-loading-error .btn-primary {
	color: #9f9f9f;
	background-color: #fff;
}

body.offline-pc .login-loading-error .btn-primary:hover {
	color: #fff;
	background-color: #9f9f9f;
}

body.offline-pc .generic-custom-error{
	position: absolute;
	left: 50%;
	top: 40%;
	-webkit-transform: translate(-50%,0);
	   -moz-transform: translate(-50%,0);
	    -ms-transform: translate(-50%,0);
	     -o-transform: translate(-50%,0);
	        transform: translate(-50%,0);
	width: 240px;
	text-align: center;
	z-index:500;
}
body.offline-pc .generic-custom-error p{
	margin-bottom: 10px;
	font-size: 14px;
	color: #ffffff;
}

body.offline-pc .generic-custom-error .btn-primary {
	color: #9f9f9f;
	background-color: #fff;
}

body.offline-pc .generic-custom-error .btn-primary:hover {
	color: #fff;
	background-color: #9f9f9f;
}

body.offline-pc .login-progress-spinner {
	display: block;
}
body.offline-pc .login-progress {
	background: #f4f4f4;
	border: 2px solid #f4f4f4;
	width: 100%;
	height: 15px;
	-webkit-border-radius: 15px;
	   -moz-border-radius: 15px;
	        border-radius: 15px;
	overflow: hidden;
	position: relative;
}

body.offline-pc .login-progress-bar {
	background: #3AC62A;
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 0;
	-webkit-transition: width .3s;
	-o-transition: width .3s;
	-moz-transition: width .3s;
	transition: width .3s;
}

	body.offline-pc .login-progress-bar.login-cpt {
		background: #B0E8AA;
	}

body.offline-pc.loading .login-box,
body.offline-pc.loading .login-title {
	visibility: hidden;
	opacity: 0;
}
body.offline-pc.loading #slideshow {
	display: none;
}
body.offline-pc.loading .login-loading {
	visibility: visible;
	display: block;
	opacity: 1;
}

body.offline-pc.loading .home-login {
	background: #3AC62A;
}
	body.offline-pc.loading .home-login.home-login-cpt {
		background: #3AC62A;
	}

/* Fin estilos comunes */

/*
	JWPlayer BK-9318
	Se comenta por el BK-9765
 */
/*
#multimedia_iframe_flash_controlbar .jwbackground , #t0_bck_video_player1jwplayer_controlbar .jwbackground{
	background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAeCAYAAADtlXTHAAAANklEQVR4AWMUFRW/x2RiYqLI9O3bNwam////MzAxAAGcAImBWf9RuRAxnFyEUQgDCLKATLCDAFb+JfgLDLOxAAAAAElFTkSuQmCC") !important;
}
#multimedia_iframe_flash_controlbar .jwtimeSliderProgress , #t0_bck_video_player1jwplayer_controlbar .jwtimeSliderProgress {
	background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAeCAQAAABHnLxMAAAAH0lEQVQI12NgIAT+/2e6x8D0k4HpOxj9AJM/CWpjAACWQgi68LWdTgAAAABJRU5ErkJggg==") !important;
}
#multimedia_iframe_flash_controlbar .jwtimeSliderBuffer , #t0_bck_video_player1jwplayer_controlbar .jwtimeSliderBuffer{
	background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAeCAYAAADtlXTHAAAAKElEQVQI12NgIA/IyMj9Z2JhYWFgAgIGJkZGRhDBwMDEwMAI5TKQDwCHIAF/C8ws/gAAAABJRU5ErkJggg==") !important;
}
*/
/*
		fin JWPlayer
 */


/* login offlinepc BK-10065 */


/* Google Integration and Microsoft Integration */

.google_integration{
	background:#df4a32;
	color:#fff;
}
.microsoft_integration{
	background:#1678c2;
	color:#fff;
}

.external_integration.btn{
	color:#fff;
}

.external_integration:before {
    margin-right: 15px;
    font-size: 1.2em;
}
.google_integration:before {
    font-size: 1.3em;
    position: relative;
    top: 2px;
}
#externals .modulos .external_integration{
	-webkit-border-top-right-radius: 2px !important;
	   -moz-border-radius-topright: 2px !important;
	        border-top-right-radius: 2px !important;
    -webkit-border-bottom-right-radius: 2px !important;
       -moz-border-radius-bottomright: 2px !important;
            border-bottom-right-radius: 2px !important;
    font-size: 0.9em !important;
}
.socialLogin .external_integration {
    width: 48.3%;
    font-size: 1em;
    background: #4385f5;
    padding: 0px;
    border-width: 2px;
    -webkit-border-radius: 4px;
       -moz-border-radius: 4px;
            border-radius: 4px;
    text-align: left;
}
.blinkicon-windows8-new{
    margin-left: 10px;
}
.socialLogin .external_integration .logo_social{
    display: inline-block;
    background-color: white;
    padding: 6px
}
.socialLogin .external_integration .logo_social > img{
    background-color: white;
    width: 21px;
}
.socialLogin .external_integration > span{
    margin-left: 10px
}
.socialLogin .external_integration:active{
    background: #3367d5;
}
.external_integration:hover{
    outline: 3px solid #b9cae4;
}

@media only screen and (max-width: 992px) {
	.socialLogin .modulos .external_integration {
		width: 100%;
		margin-top: 10px;
		margin-left: 0;
	}
}

@media only screen and (max-width: 500px) {
    .socialLogin .external_integration {
	    width: 100%;
	    margin-top: 10px;
    }
    .blinkicon-windows8-new{
	    margin-left: 0px;
    }
}
.external_integration.btn:hover{color:#fff;}
#externals .modulos .moduloext{
    float: left;
    padding: 0px 10px
}
/* END: Google Integration and Microsoft Integration */

#mensajes .reply .content .reply-bt.no_allowed {
	margin-top: 0;
}


/* BK-4056 */
.istimestamp {
  display: none;
}


.error-page {
    margin: 100px auto;
    text-align: center;
}
.error-page .texto-error-page {
    padding: 20px;
}

.login-loading-error .customAlertTitle{display:inline-block;font-weight:bolder;}
.login-loading-error .customAlertMessage{display:block;}
.generic-custom-error .customAlertTitle{display:inline-block;font-weight:bolder;}
.generic-custom-error .customAlertMessage{display:block;}


#ficha-alumno .header .notas .nota-container .nota {
	width: 45px;
	height: 45px;
	font-size: 18px;
	font-weight: 700;
	color: #fff;
	margin: 0 auto 5px auto;
	background-color: #B9B9B9;
	-webkit-border-radius: 100%;
	   -moz-border-radius: 100%;
	        border-radius: 100%;
	padding-top: 15px;
	display: block;
}

#ficha-alumno .header .units #ficha_ejercicios .notas {
	padding: 0px;
	margin: 20px 0 10px;
}

.form-control.line-text {
	padding: 0;
	border-top: none;
	border-left: none;
	border-right: none;
	border-radius: 0;

	box-shadow: none;

	display: inline;
	height: 25px;
	width: 55%;
}


/*Selective Download Progress*/

.sd-loader {
  border: 2px solid #d9d9d9;
  border-radius: 50%;
  border-top: 2px solid #666;
  width: 19px;
  height: 19px;
  -webkit-animation: spin 1s linear infinite;
  animation: spin 1s linear infinite;
}

.contenido .status.wrapper .status.text {
	overflow: visible;
}
.sd-progress-circle {
   font-size: 18px;
   width: 1.1em;
   height: 1.1em;
   border: 0.11111111112em solid #3AC52A;
   border-radius: 50%;
   position: relative;
}

.sd-progress-circle.paused {
	border: 0.11111111112em solid #FF9C25;
}

.sd-progress-circle:after{
    border: none;
    position: absolute;
    top: 0.07em;
    left: 0.07em;
    text-align: center;
    display: block;
    border-radius: 50%;
    width: 0.86em;
    height: 0.86em;
    content: " ";
}

.sd-progress-circle span {
    position: absolute;
    line-height: 1em;
    width: 1em;
    text-align: center;
    display: block;
    color: #3AC52A;
    z-index: 2;
}

.sd-progress-circle.paused span {
    color: #FF9C25;
}

.sd-left-half-clipper {
   border-radius: 50%;
   width: 1em;
   height: 1em;
   position: absolute;
   top: -.05em;
   left: -.05em;
   clip: rect(0, 1em, 1em, 0.5em);
}

.sd-progress-circle.over50 .sd-left-half-clipper {
   clip: rect(auto,auto,auto,auto);
}
.sd-value-bar {
   position: absolute;
   clip: rect(0, 0.5em, 1em, 0);
   width: 1em;
   height: 1em;
   border-radius: 50%;
   background-color: #3AC52A;
   box-sizing: border-box;
}

.sd-value-bar.paused {
	background-color: #FF9C25;
}

.sd-progress-circle.over50 .sd-first50-bar {
   position: absolute;
   clip: rect(0, 1em, 1em, 0.5em);
   background-color: #3AC52A;
   border-radius: 50%;
   width: 1em;
   height: 1em;
}

.sd-progress-circle.over50.paused .sd-first50-bar.paused {
	background-color: #FF9C25;
}

.sd-progress-circle:not(.over50) .sd-first50-bar{ display: none; }


/* Progress bar rotation position */
.sd-progress-circle.p0 .sd-value-bar { display: none; }
.sd-progress-circle.p1 .sd-value-bar { display: block; display: block; transform: rotate(4deg); -webkit-transform: rotate(4deg); -ms-transform: rotate(4deg); -moz-transform: rotate(4deg); }
.sd-progress-circle.p2 .sd-value-bar { display: block; transform: rotate(7deg); -webkit-transform: rotate(7deg); -ms-transform: rotate(7deg); -moz-transform: rotate(7deg); }
.sd-progress-circle.p3 .sd-value-bar { display: block; transform: rotate(11deg); -webkit-transform: rotate(11deg); -ms-transform: rotate(11deg); -moz-transform: rotate(11deg); }
.sd-progress-circle.p4 .sd-value-bar { display: block; transform: rotate(14deg); -webkit-transform: rotate(14deg); -ms-transform: rotate(14deg); -moz-transform: rotate(14deg); }
.sd-progress-circle.p5 .sd-value-bar { display: block; transform: rotate(18deg); -webkit-transform: rotate(18deg); -ms-transform: rotate(18deg); -moz-transform: rotate(18deg); }
.sd-progress-circle.p6 .sd-value-bar { display: block; transform: rotate(22deg); -webkit-transform: rotate(22deg); -ms-transform: rotate(22deg); -moz-transform: rotate(22deg); }
.sd-progress-circle.p7 .sd-value-bar { display: block; transform: rotate(25deg); -webkit-transform: rotate(25deg); -ms-transform: rotate(25deg); -moz-transform: rotate(25deg); }
.sd-progress-circle.p8 .sd-value-bar { display: block; transform: rotate(29deg); -webkit-transform: rotate(29deg); -ms-transform: rotate(29deg); -moz-transform: rotate(29deg); }
.sd-progress-circle.p9 .sd-value-bar { display: block; transform: rotate(32deg); -webkit-transform: rotate(32deg); -ms-transform: rotate(32deg); -moz-transform: rotate(32deg); }
.sd-progress-circle.p10 .sd-value-bar { display: block; transform: rotate(36deg); -webkit-transform: rotate(36deg); -ms-transform: rotate(36deg); -moz-transform: rotate(36deg); }
.sd-progress-circle.p11 .sd-value-bar { display: block; transform: rotate(40deg); -webkit-transform: rotate(40deg); -ms-transform: rotate(40deg); -moz-transform: rotate(40deg); }
.sd-progress-circle.p12 .sd-value-bar { display: block; transform: rotate(43deg); -webkit-transform: rotate(43deg); -ms-transform: rotate(43deg); -moz-transform: rotate(43deg); }
.sd-progress-circle.p13 .sd-value-bar { display: block; transform: rotate(47deg); -webkit-transform: rotate(47deg); -ms-transform: rotate(47deg); -moz-transform: rotate(47deg); }
.sd-progress-circle.p14 .sd-value-bar { display: block; transform: rotate(50deg); -webkit-transform: rotate(50deg); -ms-transform: rotate(50deg); -moz-transform: rotate(50deg); }
.sd-progress-circle.p15 .sd-value-bar { display: block; transform: rotate(54deg); -webkit-transform: rotate(54deg); -ms-transform: rotate(54deg); -moz-transform: rotate(54deg); }
.sd-progress-circle.p16 .sd-value-bar { display: block; transform: rotate(58deg); -webkit-transform: rotate(58deg); -ms-transform: rotate(58deg); -moz-transform: rotate(58deg); }
.sd-progress-circle.p17 .sd-value-bar { display: block; transform: rotate(61deg); -webkit-transform: rotate(61deg); -ms-transform: rotate(61deg); -moz-transform: rotate(61deg); }
.sd-progress-circle.p18 .sd-value-bar { display: block; transform: rotate(65deg); -webkit-transform: rotate(65deg); -ms-transform: rotate(65deg); -moz-transform: rotate(65deg); }
.sd-progress-circle.p19 .sd-value-bar { display: block; transform: rotate(68deg); -webkit-transform: rotate(68deg); -ms-transform: rotate(68deg); -moz-transform: rotate(68deg); }
.sd-progress-circle.p20 .sd-value-bar { display: block; transform: rotate(72deg); -webkit-transform: rotate(72deg); -ms-transform: rotate(72deg); -moz-transform: rotate(72deg); }
.sd-progress-circle.p21 .sd-value-bar { display: block; transform: rotate(76deg); -webkit-transform: rotate(76deg); -ms-transform: rotate(76deg); -moz-transform: rotate(76deg); }
.sd-progress-circle.p22 .sd-value-bar { display: block; transform: rotate(79deg); -webkit-transform: rotate(79deg); -ms-transform: rotate(79deg); -moz-transform: rotate(79deg); }
.sd-progress-circle.p23 .sd-value-bar { display: block; transform: rotate(83deg); -webkit-transform: rotate(83deg); -ms-transform: rotate(83deg); -moz-transform: rotate(83deg); }
.sd-progress-circle.p24 .sd-value-bar { display: block; transform: rotate(86deg); -webkit-transform: rotate(86deg); -ms-transform: rotate(86deg); -moz-transform: rotate(86deg); }
.sd-progress-circle.p25 .sd-value-bar { display: block; transform: rotate(90deg); -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); -moz-transform: rotate(90deg); }
.sd-progress-circle.p26 .sd-value-bar { display: block; transform: rotate(94deg); -webkit-transform: rotate(94deg); -ms-transform: rotate(94deg); -moz-transform: rotate(94deg); }
.sd-progress-circle.p27 .sd-value-bar { display: block; transform: rotate(97deg); -webkit-transform: rotate(97deg); -ms-transform: rotate(97deg); -moz-transform: rotate(97deg); }
.sd-progress-circle.p28 .sd-value-bar { display: block; transform: rotate(101deg);-webkit-transform: rotate(101deg);-ms-transform: rotate(101deg);-moz-transform: rotate(101deg); }
.sd-progress-circle.p29 .sd-value-bar { display: block; transform: rotate(104deg);-webkit-transform: rotate(104deg);-ms-transform: rotate(104deg);-moz-transform: rotate(104deg); }
.sd-progress-circle.p30 .sd-value-bar { display: block; transform: rotate(108deg);-webkit-transform: rotate(108deg);-ms-transform: rotate(108deg);-moz-transform: rotate(108deg); }
.sd-progress-circle.p31 .sd-value-bar { display: block; transform: rotate(112deg);-webkit-transform: rotate(112deg);-ms-transform: rotate(112deg);-moz-transform: rotate(112deg); }
.sd-progress-circle.p32 .sd-value-bar { display: block; transform: rotate(115deg);-webkit-transform: rotate(115deg);-ms-transform: rotate(115deg);-moz-transform: rotate(115deg); }
.sd-progress-circle.p33 .sd-value-bar { display: block; transform: rotate(119deg);-webkit-transform: rotate(119deg);-ms-transform: rotate(119deg);-moz-transform: rotate(119deg); }
.sd-progress-circle.p34 .sd-value-bar { display: block; transform: rotate(122deg);-webkit-transform: rotate(122deg);-ms-transform: rotate(122deg);-moz-transform: rotate(122deg); }
.sd-progress-circle.p35 .sd-value-bar { display: block; transform: rotate(126deg);-webkit-transform: rotate(126deg);-ms-transform: rotate(126deg);-moz-transform: rotate(126deg); }
.sd-progress-circle.p36 .sd-value-bar { display: block; transform: rotate(130deg);-webkit-transform: rotate(130deg);-ms-transform: rotate(130deg);-moz-transform: rotate(130deg); }
.sd-progress-circle.p37 .sd-value-bar { display: block; transform: rotate(133deg);-webkit-transform: rotate(133deg);-ms-transform: rotate(133deg);-moz-transform: rotate(133deg); }
.sd-progress-circle.p38 .sd-value-bar { display: block; transform: rotate(137deg);-webkit-transform: rotate(137deg);-ms-transform: rotate(137deg);-moz-transform: rotate(137deg); }
.sd-progress-circle.p39 .sd-value-bar { display: block; transform: rotate(140deg);-webkit-transform: rotate(140deg);-ms-transform: rotate(140deg);-moz-transform: rotate(140deg); }
.sd-progress-circle.p40 .sd-value-bar { display: block; transform: rotate(144deg);-webkit-transform: rotate(144deg);-ms-transform: rotate(144deg);-moz-transform: rotate(144deg); }
.sd-progress-circle.p41 .sd-value-bar { display: block; transform: rotate(148deg);-webkit-transform: rotate(148deg);-ms-transform: rotate(148deg);-moz-transform: rotate(148deg); }
.sd-progress-circle.p42 .sd-value-bar { display: block; transform: rotate(151deg);-webkit-transform: rotate(151deg);-ms-transform: rotate(151deg);-moz-transform: rotate(151deg); }
.sd-progress-circle.p43 .sd-value-bar { display: block; transform: rotate(155deg);-webkit-transform: rotate(155deg);-ms-transform: rotate(155deg);-moz-transform: rotate(155deg); }
.sd-progress-circle.p44 .sd-value-bar { display: block; transform: rotate(158deg);-webkit-transform: rotate(158deg);-ms-transform: rotate(158deg);-moz-transform: rotate(158deg); }
.sd-progress-circle.p45 .sd-value-bar { display: block; transform: rotate(162deg);-webkit-transform: rotate(162deg);-ms-transform: rotate(162deg);-moz-transform: rotate(162deg); }
.sd-progress-circle.p46 .sd-value-bar { display: block; transform: rotate(166deg);-webkit-transform: rotate(166deg);-ms-transform: rotate(166deg);-moz-transform: rotate(166deg); }
.sd-progress-circle.p47 .sd-value-bar { display: block; transform: rotate(169deg);-webkit-transform: rotate(169deg);-ms-transform: rotate(169deg);-moz-transform: rotate(169deg); }
.sd-progress-circle.p48 .sd-value-bar { display: block; transform: rotate(173deg);-webkit-transform: rotate(173deg);-ms-transform: rotate(173deg);-moz-transform: rotate(173deg); }
.sd-progress-circle.p49 .sd-value-bar { display: block; transform: rotate(176deg);-webkit-transform: rotate(176deg);-ms-transform: rotate(176deg);-moz-transform: rotate(176deg); }
.sd-progress-circle.p50 .sd-value-bar { display: block; transform: rotate(180deg);-webkit-transform: rotate(180deg);-ms-transform: rotate(180deg);-moz-transform: rotate(180deg); }
.sd-progress-circle.p51 .sd-value-bar { display: block; transform: rotate(184deg);-webkit-transform: rotate(184deg);-ms-transform: rotate(184deg);-moz-transform: rotate(184deg); }
.sd-progress-circle.p52 .sd-value-bar { display: block; transform: rotate(187deg);-webkit-transform: rotate(187deg);-ms-transform: rotate(187deg);-moz-transform: rotate(187deg); }
.sd-progress-circle.p53 .sd-value-bar { display: block; transform: rotate(191deg);-webkit-transform: rotate(191deg);-ms-transform: rotate(191deg);-moz-transform: rotate(191deg); }
.sd-progress-circle.p54 .sd-value-bar { display: block; transform: rotate(194deg);-webkit-transform: rotate(194deg);-ms-transform: rotate(194deg);-moz-transform: rotate(194deg); }
.sd-progress-circle.p55 .sd-value-bar { display: block; transform: rotate(198deg);-webkit-transform: rotate(198deg);-ms-transform: rotate(198deg);-moz-transform: rotate(198deg); }
.sd-progress-circle.p56 .sd-value-bar { display: block; transform: rotate(202deg);-webkit-transform: rotate(202deg);-ms-transform: rotate(202deg);-moz-transform: rotate(202deg); }
.sd-progress-circle.p57 .sd-value-bar { display: block; transform: rotate(205deg);-webkit-transform: rotate(205deg);-ms-transform: rotate(205deg);-moz-transform: rotate(205deg); }
.sd-progress-circle.p58 .sd-value-bar { display: block; transform: rotate(209deg);-webkit-transform: rotate(209deg);-ms-transform: rotate(209deg);-moz-transform: rotate(209deg); }
.sd-progress-circle.p59 .sd-value-bar { display: block; transform: rotate(212deg);-webkit-transform: rotate(212deg);-ms-transform: rotate(212deg);-moz-transform: rotate(212deg); }
.sd-progress-circle.p60 .sd-value-bar { display: block; transform: rotate(216deg);-webkit-transform: rotate(216deg);-ms-transform: rotate(216deg);-moz-transform: rotate(216deg); }
.sd-progress-circle.p61 .sd-value-bar { display: block; transform: rotate(220deg);-webkit-transform: rotate(220deg);-ms-transform: rotate(220deg);-moz-transform: rotate(220deg); }
.sd-progress-circle.p62 .sd-value-bar { display: block; transform: rotate(223deg);-webkit-transform: rotate(223deg);-ms-transform: rotate(223deg);-moz-transform: rotate(223deg); }
.sd-progress-circle.p63 .sd-value-bar { display: block; transform: rotate(227deg);-webkit-transform: rotate(227deg);-ms-transform: rotate(227deg);-moz-transform: rotate(227deg); }
.sd-progress-circle.p64 .sd-value-bar { display: block; transform: rotate(230deg);-webkit-transform: rotate(230deg);-ms-transform: rotate(230deg);-moz-transform: rotate(230deg); }
.sd-progress-circle.p65 .sd-value-bar { display: block; transform: rotate(234deg);-webkit-transform: rotate(234deg);-ms-transform: rotate(234deg);-moz-transform: rotate(234deg); }
.sd-progress-circle.p66 .sd-value-bar { display: block; transform: rotate(238deg);-webkit-transform: rotate(238deg);-ms-transform: rotate(238deg);-moz-transform: rotate(238deg); }
.sd-progress-circle.p67 .sd-value-bar { display: block; transform: rotate(241deg);-webkit-transform: rotate(241deg);-ms-transform: rotate(241deg);-moz-transform: rotate(241deg); }
.sd-progress-circle.p68 .sd-value-bar { display: block; transform: rotate(245deg);-webkit-transform: rotate(245deg);-ms-transform: rotate(245deg);-moz-transform: rotate(245deg); }
.sd-progress-circle.p69 .sd-value-bar { display: block; transform: rotate(248deg);-webkit-transform: rotate(248deg);-ms-transform: rotate(248deg);-moz-transform: rotate(248deg); }
.sd-progress-circle.p70 .sd-value-bar { display: block; transform: rotate(252deg);-webkit-transform: rotate(252deg);-ms-transform: rotate(252deg);-moz-transform: rotate(252deg); }
.sd-progress-circle.p71 .sd-value-bar { display: block; transform: rotate(256deg);-webkit-transform: rotate(256deg);-ms-transform: rotate(256deg);-moz-transform: rotate(256deg); }
.sd-progress-circle.p72 .sd-value-bar { display: block; transform: rotate(259deg);-webkit-transform: rotate(259deg);-ms-transform: rotate(259deg);-moz-transform: rotate(259deg); }
.sd-progress-circle.p73 .sd-value-bar { display: block; transform: rotate(263deg);-webkit-transform: rotate(263deg);-ms-transform: rotate(263deg);-moz-transform: rotate(263deg); }
.sd-progress-circle.p74 .sd-value-bar { display: block; transform: rotate(266deg);-webkit-transform: rotate(266deg);-ms-transform: rotate(266deg);-moz-transform: rotate(266deg); }
.sd-progress-circle.p75 .sd-value-bar { display: block; transform: rotate(270deg);-webkit-transform: rotate(270deg);-ms-transform: rotate(270deg);-moz-transform: rotate(270deg); }
.sd-progress-circle.p76 .sd-value-bar { display: block; transform: rotate(274deg);-webkit-transform: rotate(274deg);-ms-transform: rotate(274deg);-moz-transform: rotate(274deg); }
.sd-progress-circle.p77 .sd-value-bar { display: block; transform: rotate(277deg);-webkit-transform: rotate(277deg);-ms-transform: rotate(277deg);-moz-transform: rotate(277deg); }
.sd-progress-circle.p78 .sd-value-bar { display: block; transform: rotate(281deg);-webkit-transform: rotate(281deg);-ms-transform: rotate(281deg);-moz-transform: rotate(281deg); }
.sd-progress-circle.p79 .sd-value-bar { display: block; transform: rotate(284deg);-webkit-transform: rotate(284deg);-ms-transform: rotate(284deg);-moz-transform: rotate(284deg); }
.sd-progress-circle.p80 .sd-value-bar { display: block; transform: rotate(288deg);-webkit-transform: rotate(288deg);-ms-transform: rotate(288deg);-moz-transform: rotate(288deg); }
.sd-progress-circle.p81 .sd-value-bar { display: block; transform: rotate(292deg);-webkit-transform: rotate(292deg);-ms-transform: rotate(292deg);-moz-transform: rotate(292deg); }
.sd-progress-circle.p82 .sd-value-bar { display: block; transform: rotate(295deg);-webkit-transform: rotate(295deg);-ms-transform: rotate(295deg);-moz-transform: rotate(295deg); }
.sd-progress-circle.p83 .sd-value-bar { display: block; transform: rotate(299deg);-webkit-transform: rotate(299deg);-ms-transform: rotate(299deg);-moz-transform: rotate(299deg); }
.sd-progress-circle.p84 .sd-value-bar { display: block; transform: rotate(302deg);-webkit-transform: rotate(302deg);-ms-transform: rotate(302deg);-moz-transform: rotate(302deg); }
.sd-progress-circle.p85 .sd-value-bar { display: block; transform: rotate(306deg);-webkit-transform: rotate(306deg);-ms-transform: rotate(306deg);-moz-transform: rotate(306deg); }
.sd-progress-circle.p86 .sd-value-bar { display: block; transform: rotate(310deg);-webkit-transform: rotate(310deg);-ms-transform: rotate(310deg);-moz-transform: rotate(310deg); }
.sd-progress-circle.p87 .sd-value-bar { display: block; transform: rotate(313deg);-webkit-transform: rotate(313deg);-ms-transform: rotate(313deg);-moz-transform: rotate(313deg); }
.sd-progress-circle.p88 .sd-value-bar { display: block; transform: rotate(317deg);-webkit-transform: rotate(317deg);-ms-transform: rotate(317deg);-moz-transform: rotate(317deg); }
.sd-progress-circle.p89 .sd-value-bar { display: block; transform: rotate(320deg);-webkit-transform: rotate(320deg);-ms-transform: rotate(320deg);-moz-transform: rotate(320deg); }
.sd-progress-circle.p90 .sd-value-bar { display: block; transform: rotate(324deg);-webkit-transform: rotate(324deg);-ms-transform: rotate(324deg);-moz-transform: rotate(324deg); }
.sd-progress-circle.p91 .sd-value-bar { display: block; transform: rotate(328deg);-webkit-transform: rotate(328deg);-ms-transform: rotate(328deg);-moz-transform: rotate(328deg); }
.sd-progress-circle.p92 .sd-value-bar { display: block; transform: rotate(331deg);-webkit-transform: rotate(331deg);-ms-transform: rotate(331deg);-moz-transform: rotate(331deg); }
.sd-progress-circle.p93 .sd-value-bar { display: block; transform: rotate(335deg);-webkit-transform: rotate(335deg);-ms-transform: rotate(335deg);-moz-transform: rotate(335deg); }
.sd-progress-circle.p94 .sd-value-bar { display: block; transform: rotate(338deg);-webkit-transform: rotate(338deg);-ms-transform: rotate(338deg);-moz-transform: rotate(338deg); }
.sd-progress-circle.p95 .sd-value-bar { display: block; transform: rotate(342deg);-webkit-transform: rotate(342deg);-ms-transform: rotate(342deg);-moz-transform: rotate(342deg); }
.sd-progress-circle.p96 .sd-value-bar { display: block; transform: rotate(346deg);-webkit-transform: rotate(346deg);-ms-transform: rotate(346deg);-moz-transform: rotate(346deg); }
.sd-progress-circle.p97 .sd-value-bar { display: block; transform: rotate(349deg);-webkit-transform: rotate(349deg);-ms-transform: rotate(349deg);-moz-transform: rotate(349deg); }
.sd-progress-circle.p98 .sd-value-bar { display: block; transform: rotate(353deg);-webkit-transform: rotate(353deg);-ms-transform: rotate(353deg);-moz-transform: rotate(353deg); }
.sd-progress-circle.p99 .sd-value-bar { display: block; transform: rotate(356deg);-webkit-transform: rotate(356deg);-ms-transform: rotate(356deg);-moz-transform: rotate(356deg); }
.sd-progress-circle.p100 .sd-value-bar { display: block; transform: rotate(360deg);-webkit-transform: rotate(360deg);-ms-transform: rotate(360deg);-moz-transform: rotate(360deg); }



/*LOADER*/

.loader {
	background: transparent;
	border-radius: 50%;
	height: 120px;
	width: 120px;
  }
  .loader:before {
	background: transparent;
	border-radius: 50%;
	content: '';
	display: block;
	height: 0.5em;
	width: 0.5em;
	z-index: 2;
  }

  .loader:after {
	background: transparent;
	border-radius: 50%;
	box-shadow: 0em -2.60em transparent,
	  2.25em -4.02em transparent,
	  2.25em -1.25em transparent,
	  4.60em 0em transparent,
	  2.25em 1.25em transparent,
	  2.25em 4.02em transparent,
	  0em 2.60em transparent,
	  -2.25em 4.02em transparent,
	  -2.25em 1.25em transparent,
	  -4.60em 0em transparent ,
	  -2.25em -1.25em transparent,
	  -2.25em -4.02em transparent ;
	content: '';
	display: block;
	height: 2em;
	width: 2em;
  }

  .inner {
	animation: load 1.5s linear normal infinite;
	border: solid 1px transparent;
	border-radius: 50%;
	height: 1.75em;
	width: 1.75em;
	z-index: 1;
  }

  .loader, .loader:before, .loader:after, .inner {
	bottom: 0;
	left: 0;
	margin: auto;
	position: absolute;
	right: 0;
	top: 0;
  }


  @keyframes load {
	0% {
	  box-shadow: 0em -2.60em #3AC62A,
		2.25em -1.25em #3AC62A,
		2.25em 1.25em transparent,
		0em 2.60em transparent,
		-2.25em 1.25em transparent,
		-2.25em -1.25em #3AC62A;
	}
	20% {
	  box-shadow: 0em -2.60em #3AC62A,
		2.25em -1.25em transparent,
		2.25em 1.25em transparent,
		0em 2.60em transparent,
		-2.25em 1.25em #3AC62A,
		-2.25em -1.25em #3AC62A;
	}
	35% {
	  box-shadow: 0em -2.60em transparent,
		2.25em -1.25em transparent,
		2.25em 1.25em transparent,
		0em 2.60em #3AC62A,
		-2.25em 1.25em #3AC62A,
		-2.25em -1.25em #3AC62A;
	}
	50% {
	  box-shadow: 0em -2.60em transparent,
		2.25em -1.25em transparent,
		2.25em 1.25em #3AC62A,
		0em 2.60em #3AC62A,
		-2.25em 1.25em #3AC62A,
		-2.25em -1.25em transparent;
	}
	65% {
	  box-shadow: 0em -2.60em transparent,
		2.25em -1.25em #3AC62A,
		2.25em 1.25em #3AC62A,
		0em 2.60em #3AC62A,
		-2.25em 1.25em transparent,
		-2.25em -1.25em transparent;
	}
	80% {
	  box-shadow: 0em -2.60em #3AC62A,
		2.25em -1.25em #3AC62A,
		2.25em 1.25em #3AC62A,
		0em 2.60em transparent,
		-2.25em 1.25em transparent,
		-2.25em -1.25em transparent;
	}
	100% {
	  box-shadow: 0em -2.60em #3AC62A,
		2.25em -1.25em #3AC62A,
		2.25em 1.25em transparent,
		0em 2.60em transparent,
		-2.25em 1.25em transparent,
		-2.25em -1.25em #3AC62A;
	}
  }

/* BK-24152 */
#fileSystemDivBreadcrumbs .objectClick{
	cursor: pointer;
}

  /*fin load*/

@font-face {

    font-family: 'blinklearning';

  src:  url('../fonts/blinklearning.eot?co6grm');
  src:  url('../fonts/blinklearning.eot?co6grm#iefix') format('embedded-opentype'),
    url('../fonts/blinklearning.ttf?co6grm') format('truetype'),
    url('../fonts/blinklearning.woff?co6grm') format('woff'),
    url('../fonts/blinklearning.svg?co6grm#blinklearning') format('svg');
    font-weight: normal;

    font-style: normal;
}

[data-icon]:before {
	font-family: "blinklearning" !important;
	content: attr(data-icon);
	font-style: normal !important;
	font-weight: normal !important;
	font-variant: normal !important;
	text-transform: none !important;
	speak: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

[class^="blinkicon-"]:before,
[class*=" blinkicon-"]:before {
	font-family: "blinklearning" !important;
	font-style: normal !important;
	font-weight: normal !important;
	font-variant: normal !important;
	text-transform: none !important;
	speak: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}


.blinkicon-plus:before {
  content: "\e918";
}
.blinkicon-reload:before {
  content: "\e919";
}
.blinkicon-filter-toolbar:before {
  content: "\e931";
}
.blinkicon-open-book:before {
  content: "\e932";
}
.blinkicon-close:before {
  content: "\e91a";
}
.blinkicon-edit:before {
  content: "\e90a";
}
.blinkicon-download:before {
  content: "\e904";
}
.blinkicon-check:before {
	content: "\e903";
}
.blinkicon-filter:before {
	content: "\e931";
	display:none;
}
.blinkicon-play:before {
	content: "\e901";
}
.blinkicon-random:before {
	content: "\e900";
}
.blinkicon-stopwatch:before {
	content: "a";
}
.blinkicon-twitter-with-circle:before {
	content: "b";
}
.blinkicon-facebook-with-circle:before {
	content: "c";
}
.blinkicon-google-plus:before {
  content: "\ea8b";
}
.blinkicon-windows8:before {
  content: "\eac2";
}
.blinkicon-googledrive:before {
  content: "\ea8f";
}
.blinkicon-onedrive:before {
  content: "\eaaf";
}
.blinkicon-recomendar:before {
  content: "\e905";
}

.blinkicon-share-social:before {
  font-family: 'FontAwesome' !important;
  content: "\f1e0";
}

.fa-project-diagram {
	max-height: 18px;
}



/* *********************************************************************************************************************
 * RESPONSIVE MEDIA QUERIES
 */




/* *********************************************************************************************************************
 * 1024 SCREENS
 */

@media screen and (max-width: 1023px) {
	.contenido .title-buttons .on-limit .link-to-all {
		display: inline-block;
	}

	.contenido .title-buttons .on-limit button:first-of-type {
		-webkit-border-bottom-right-radius: 0px ! important;
		   -moz-border-radius-bottomright: 0px ! important;
				border-bottom-right-radius: 0px ! important;
		-webkit-border-top-right-radius: 0px ! important;
		   -moz-border-radius-topright: 0px ! important;
				border-top-right-radius: 0px ! important;
	}

	.items.cursos.grouped li:nth-child(4) {
		display: none;
	}

	.items.recursos.grouped li:nth-child(4) {
		display: none;
	}

}

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

	/* TOOLS */
	#tools ul {
		-webkit-border-top-right-radius: 0px;
		-webkit-border-bottom-right-radius: 0px;
		-moz-border-radius-topright: 0px;
		-moz-border-radius-bottomright: 0px;
		border-top-right-radius: 0px;
		border-bottom-right-radius: 0px;
	}

	/* DESKTOP */
	.desktop .corner-img {
		display: none;
	}

	.desktop .header .desktop-close {
		margin-top: 10px;
	}

	.desktop .header .logo {
		margin: 10px 0;
	}

}




/* *********************************************************************************************************************
 * PORTRAIT TABLET TO LANDSCAPE AND DESKTOP    768px  <>  992px
 */
@media screen and (min-width: 580px) and (max-width: 992px) {

	.content-wrapper {
		padding: 0 10px;
	}

	/*NAV BAR*/
	.navbar-brand {
		display: none;
	}

		.home-login-cpt .navbar-dark  .navbar-brand {
			display: block;
		}

	.navbar-menu-desktop {
		display: inline-block;
		margin: 8px 0 0 auto;
	}



	/* TOOLS */
	#tools ul {
		-webkit-border-top-right-radius: 0px;
		-webkit-border-bottom-right-radius: 0px;
		-moz-border-radius-topright: 0px;
		-moz-border-radius-bottomright: 0px;
		border-top-right-radius: 0px;
		border-bottom-right-radius: 0px;
	}



	/* FOOTER */
	.footer {
		padding-bottom: 20px;
	}

		.footer .powered {
			margin-left: 15px;
		}

		.footer ul li:last-child {
			margin-right: 15px;
		}



	/* DESKTOP */
	.desktop .corner-img {
		display: none;
	}

	.desktop .header .desktop-close {
		margin-top: 10px;
	}

	.desktop .header .logo {
		margin: 10px 0;
	}



	/*PERFIL USUARIO*/
	.content-box-profile {
		margin: 20px 20px 0 20px;
	}

	#profile .data {
		width: 60%;
		padding: 30px 30px;
	}

		#profile .data .datas,
		#profile .data input[type=text],
		#profile .data input[type=password],
		#profile .data select,
		#profile .data textarea {
			width: 60%;
		}




	/*CONTENIDO*/
	.contenido .items {

	}

		.contenido .items ul li {
			margin: auto 33px 20px;
			/*width: 156px;
			margin: 0 8px 15px 0 !important;*/
		}

		.contenido .items ul li .mask {
			/*width: 156px;*/
		}

			.contenido .items.actividades ul li img {
				margin: 7px 0 0 0;
			}

			.contenido .items.recursos ul li span.imagen img {
				margin: 7px 0px 5px 13px;
			}

			.contenido .items.recursos.centro ul li span.imagen img {
				margin: 7px 35px 5px 0px;
			}

			.contenido .items.recursos ul li span.imagen:after {
				left: 28px;
			}

			.contenido .items.recursos:not(.centro) .resources .wrap-mask .mask {
				left: 13px;  /* BK-9380*/
			}

			.contenido .items ul li:nth-child(4n) {
				margin-right: 33px;
			}

			.contenido .items ul li:nth-child(3n) {
				margin-right: 0;
			}



	/* ALUMNOS */


		#alumnos .fichas ul li,
		#alumnos .items ul li {
			text-align: left;
			margin-right: 12px;
		}

		#alumnos .fichas ul li:nth-child(4n),
		#alumnos .items ul li:nth-child(4n) {
			margin-right: 12px;
		}

		#alumnos .fichas ul li:nth-child(3n),
		#alumnos .items ul li:nth-child(3n) {
			margin-right: 0;
		}


	#ficha-alumno .evolution .values {
		margin-top: 20px;
		text-align: center;
	}

	#ficha-alumno .evolution .values .item {
		width: 40%;
		display: inline-block;
		margin: 10px 15px;
		text-align: left;
	}

	#ficha-alumno .units .item .notas {
		margin: 20px auto;
		text-align: center;
	}

	#ficha-alumno .units .item .col-md-10 {
		margin-bottom: 15px;
	}

	#ficha-alumno .units .item .actividad {
		margin-bottom: 18px;
	}

		#ficha-alumno .units .item .actividad .col-md-1,
		#ficha-alumno .units .item .actividad .col-md-2,
		#ficha-alumno .units .item .actividad .col-md-3,
		#ficha-alumno .units .item .actividad .col-md-5 {
			display: inline-block;
		}

		#ficha-alumno .units .item .actividad .col-md-1 {
			width: 10%;
		}

		#ficha-alumno .units .item .actividad .col-md-2 {
			width: 15%;
			padding: 0;
		}

		#ficha-alumno .units .item .actividad .col-md-3 {
			width: 20%;
		}

		#ficha-alumno .units .item .actividad .col-md-5 {
			margin-left: 15px;
			width: 40%;
		}

		#ficha-alumno .units .item .actividad .title {
			font-size: 14px;
		}

		#ficha-alumno .units .item .actividad .progress {
			margin-bottom: 0;
		}




	/* LIBRO > GLOBALS */
	.content-wrapper.libro {

	}

	.libro-left ul li .title {
		display: block;
		width: 190px;
		height: 33px;
		margin-left: 0px;
		overflow: hidden;
	}




	/* LIBRO > INDICE */
	#indice .units-mobile-bt {
		position: fixed;
		left: -22px;
		top: 100px;
		display: block;
		z-index: 99;
	}

		#indice .units-mobile-bt a {
			display: block;
			width: 70px;
			height: 40px;
			background: #4b4b4b url('../../../images/shared/tools.png') no-repeat 18px -730px;
			-webkit-border-radius: 28px;
			   -moz-border-radius: 28px;
					border-radius: 28px;
			padding: 5px 0 0 0;
			text-decoration: none;
			font-size: 16px;
			font-weight: 600;
			color: #b2b2b2;
			-webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.5);
			   -moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.5);
					box-shadow: 0px 0px 5px rgba(0,0,0,0.5);
		}

		#indice .units-mobile-bt a span {
			display: none;
		}

		#indice .units-mobile-bt a:hover,
		#indice .units-mobile-bt a:focus {
			background-color: #656565;
		}

		#indice .units-mobile-bt a .title {

		}

	#indice .units {

	}

	.body_curso.edit #indice .units {
		top: 61px;
	}

	#indice .unit-content {
	}

	#indice .unit-content .content {
		padding: 0 15px;
	}

	#indice .unit-content .header .title {
		margin-left: 40px;
	}

	#indice .unit-content .actividades .item .title {
		max-width: 487px;
	}

	#indice .unit-content .actividades .item .text {
		max-width: 530px;
	}

	#indice .unit-content .material .item {
		margin: 10px 33px 10px 32px;
	}




	/* CALIFICACIONES > EJERCICIOS */




	/* CALIFICACIONES > COMPETENCIAS*/


	#competencias .alumnos .col-md-4,
	#competencias .alumnos .col-md-2 {

	}

	#competencias .alumnos .col-md-4 {

	}

	#competencias .alumnos .col-md-2 {

	}

	#ejercicios .table .right-arrow {
		display: none;
	}



	/*MENSAJES*/
	#mensajes .content-box {
		margin: 20px;
	}

	#mensajes_list .content-box {
		margin-top: 50px;
	}

	#mensajes_list .content-box:first-of-type {
		margin-top: 16px;
	}

	#mensajes .sfilter {
		margin-top: 30px;
	}

	#mensajes .col-md-1,
	#mensajes .col-md-2,
	#mensajes .col-md-8,
	#mensajes .col-md-11 {

	}

	#mensajes .col-md-1 {

	}

	#mensajes .col-md-2 {
		padding: 0;
		width: 15%;
	}

	#mensajes .col-md-8 {
		padding-left: 0;
		width: 67%;
	}

	#mensajes .col-md-11 {

	}



	/*HOME*/
	.home-sections .uno .apps {
		margin-left: 0;
	}


	.home-sections .dos .carousel .carousel-inner:after {
		width: 750px;
	}

	.home-sections .dos .carousel .item {
		padding: 29px 0 0 106px;
	}

	.home-sections .dos .carousel .item > div {
		display: none;
	}


	.home-sections .cinco .consulta {
		margin: 20px 30px;
	}

		.home-sections .cinco .consulta .left {
			display: none;
		}

		.home-sections .cinco .consulta .right {
			float: none;
			width: 100%;
		}

			.home-sections .cinco .consulta .right .form {
				padding: 50px;
			}


	.home-sections .cinco .sedes ul li {
		width: 30%;
	}

		.home-sections .cinco .sedes ul li h2 {
			font-size: 25px;
		}

		.home-sections .cinco .sedes ul li img {
			width: 95%;
		}

		.home-sections .cinco .sedes ul li .address {
			margin-top: 25px;
		}


	.home-sections .cinco .datos {
		margin: 20px 0 50px 25%;
	}

		.home-sections .cinco .datos h2 {
			font-size: 23px;
			line-height: 22px;
		}

		.home-sections .cinco .tf {
			margin: 20px 0 0 0;
		}


	.home-sections .seis {
		height: auto;
	}

		.home-sections .seis .col-md-7 {
			text-align: center;
		}

		.home-sections .seis ul li:not(:first-child) {
			display: inline-block;
			margin: 0 8px 8px 8px;
		}

		.home-sections .seis .col-md-12 {
			margin: 30px 20px;
		}

		.home-sections .seis .col-md-5 {
			text-align: center;
			margin-bottom: 30px;
		}

	.sfilter ul li {
		margin: 0 9px;
	}



} /*END PORTRAIT TABLET TO LANDSCAPE AND DESKTOP*/


/* *********************************************************************************************************************
 * LANDSCAPE PHONES AND DOWN    < 767px
 */
@media screen and (max-width: 767px) {

	/* HOME */
	.home-menu,
	.home-sections .uno .ball,
	.home-sections .uno .seleccionar,
	.home-slider .manos,
	.home-sections .dos .carousel .item > div,
	.home-sections .cinco .consulta .left,
	.home-sections .cinco .email:before,
	.home-sections .cinco .tf:before {
		display: none;
	}

	.home-sections h1 {
		font-size: 32px;
	}

	.home-sections .text {
		font-size: 14px;
		margin: 15px 30px;
	}

	.home-sections .container{
		overflow-x: hidden;
		padding-bottom: 60px;
	}


	.home-sections .uno .logo {
		margin-left: 20px;
	}

	.home-sections .uno .login {
		margin-right: 20px;
	}

	.home-sections .uno .title1 {
		font-size: 23px;
		line-height: 26px;
		margin-top: 100px;
	}

	.home-sections .uno .title2 {
		font-size: 23px;
		line-height: 26px;
		margin-bottom: 10px;
	}

	.home-sections .uno .go-to-shop {
		display: block;
		width: 100%;
		height: auto;
		margin-top: 40px;
	}

	.home-sections .uno .go-to-shop img {
		width: 160px;
		height: auto;
	}

	.home-sections .uno .apps {
		bottom: 30px;
		margin-left: 0;
	}

		.home-sections .uno .apps ul li, .home-login .apps ul li {
			width: 125px;
			height: 36px;
			margin: 5px;
		}

			.home-sections .uno .apps ul li img, .home-login .apps ul li img {
				width: 125px;
				height: 36px;
			}

	.home-sections .dos .btn-group button {
		text-indent: -9999px;
		white-space: nowrap;
		margin: 0 1px;
	}

		.home-sections .dos .btn {
			padding-left: 25px;
		}

		.home-sections .dos .btn:nth-child(1) {
			padding-left: 35px;
		}

		.home-sections .dos .btn:nth-child(5) {
			padding-right: 25px;
		}

	.home-sections .dos .text {
		margin: 25px 25px;
	}

		.home-sections .dos .carousel {

		}

			.home-sections .dos .carousel .carousel-inner {
				height: 100%;
				width: 90%;
				margin: 0 auto;
			}

			.home-sections .dos #carousel5 img {
				left: 0;
				top: 0;
				width: 100%;
			}

			.home-sections .dos .carousel .carousel-inner:after {

				display: none;
			}

			.home-sections .dos .carousel .item {
				padding: 0;
				width: 100%;
			}

			.home-sections .dos .carousel .carousel-indicators {
				bottom: -60px;
			}

			.home-sections .dos .carousel-control.next {
				right: -3%;
				width: 25px;
			}


	.home-sections .tres .vimeo {
		padding: 10px;
		margin: 35px 0 35px 0;
	}


	.home-sections .cuatro .logos {
		margin: 30px 0 30px 0;
	}

		.home-sections .cuatro .logos ul li {
			width: 130px;
			height: 74px;
			margin: 8px 6px;
		}

		.home-sections .cuatro .logos ul li img {
			width: 130px;
			height: 73px;
		}


	.home-sections .cinco .consulta {
		margin: 20px 10px;
	}

		.home-sections .cinco .consulta .right {
			float: none;
			width: 100%;
		}

			.home-sections .cinco .consulta .right .form {
				padding: 20px;
			}

				.home-sections .cinco .consulta .right .form label {
					font-size: 11px;
				}

	.home-sections .cinco .sedes ul li {
		margin: 0 20px !important;
	}

		.home-sections .cinco .sedes ul li .address {
			margin-top: 10px;
		}

		.home-sections .cinco .sedes ul li img {
			width: 100%;
		}

	.home-sections .cinco .datos {
		margin: 20px 0 50px 20px;
	}

		.home-sections .cinco .datos h2 {
			font-size: 21px;
			line-height: 22px;
		}

		.home-sections .cinco .tf {
			margin: 20px 0 0 0;
		}


	.home-sections .seis {
		height: auto;
	}

		.home-sections .seis .col-md-7 {
			text-align: center;
		}

		.home-sections .seis ul li:not(:first-child) {
			display: inline-block;
			margin: 0 5px 8px 5px;
		}

		.home-sections .seis .col-md-12 {
			margin: 30px 20px;
		}

		.home-sections .seis .col-md-5 {
			text-align: center;
			margin-bottom: 30px;
		}


	/* LOGIN */

	.home-login {

	}

		.home-login .login-title,
		.home-login .login-logo {
			display: none;
		}

			.home-login-cpt .login-title {
				display: block;
			}

		.home-login .login-title-logo {
			display: initial;

			-ms-transform: scale(0.8);
			-webkit-transform: scale(0.8);
			-moz-transform: scale(0.8);
			  -o-transform: scale(0.8);
				 transform: scale(0.8);
		}
		.home-login .home-login-content {
			width: 90%;
			margin: 0 auto;
		}
		.home-login .login-box {
			padding: 25px;
		}

			.home-login .login-box .bt-facebook a,
			.home-login .login-box .bt-google a {
				width: 47%;
				padding: 5px 0 0 45px;
			}

		.home-login .login-box .registro label.accept {
			font-size: 11px;
			letter-spacing: -0.2px;
		}


		#mensajes .post .content {
			width: calc(100% - 160px);
			padding: 0 20px 20px 0px;
		}

		#mensajes .post .files {
			width: 160px;
		}
}



/* *********************************************************************************************************************
 * LANDSCAPE PHONES AND DOWN    < 579px
 */
@media screen and (max-width: 579px) {

	/*HOME*/
	.home-sections .uno .title1 {
		margin-top: 160px;
	}

	/*BS ELEMENTS*/
	#remote-alert-modal-blue .modal-dialog,
	#remote-alert-modal-green .modal-dialog {
		width: 90% !important;
	}

		.modal-content.blue-alert .modal-header button.close,
		.modal-content.green-alert .modal-header button.close {
			right: 45%;
			margin: -15px 0 0 0;
		}

		.modal-content.blue-alert .modal-body,
		.modal-content.green-alert .modal-body {
			padding: 15px 15px 0 15px;
		}


	/*WRAPPER*/
	.content-wrapper {

	}



	/*NAV BAR*/
	.navbar-brand {
		display: none;
	}

		.home-login-cpt .navbar-dark  .navbar-brand {
			display: block;
		}

	.navbar-menu-desktop {
		display: inline-block;
		margin: 8px 0 0 auto;
	}



	/* MAIN NAVIGATION */
	#main-nav {
		height: 100%;
		top: 0;
		left: 0;
		background-color: rgba(0, 0, 0, 0.9);
		text-align: left;
		opacity: 0;
	}

		#main-nav ul {
			padding-top: 50px;
		}

			#main-nav ul li {
				display: block;
				margin: 12px auto;
				width: 200px;
				height: 50px;
				padding: 7px 0;
			}

				#main-nav ul li a {
					display: inline-block;
					top: 0;
					font-size: 18px;
					font-weight: 400;
					line-height: 32px;
					vertical-align: top;
				}

				#main-nav ul li a:before {
					display: inline;
					margin: auto 10px;
					vertical-align: top;
				}

		#main-nav a.main-nav-close {
			display: block;
		}



	/* TOOLS */
	#tools {
		width: 100%;
		top: inherit;
		bottom: 0px;
		left: 0;
	}

		#tools ul {
			width: 100%;
			padding: 0;
			-webkit-border-radius: 0px;
			   -moz-border-radius: 0px;
					border-radius: 0px;
			-webkit-box-shadow: 0px 0px 0px rgba(0,0,0,0);
			   -moz-box-shadow: 0px 0px 0px rgba(0,0,0,0);
					box-shadow: 0px 0px 0px rgba(0,0,0,0);
			text-align: center;
		}

		#tools ul li {
			display: inline-block;
			width: 50px;
			height: 48px;
			padding: 0;
			margin: 0;
		}

		#tools ul li a {
			margin-top: -3px;
			-ms-transform: scale(0.8);
				-webkit-transform: scale(0.8);
					-moz-transform: scale(0.8);
					-o-transform: scale(0.8);
						transform: scale(0.8);
		}

		#tools ul li a:hover,
		#tools ul li a:focus {
			background-color: transparent;
		}



	/* FOOTER */
	.footer {
		text-align: center;
		padding-bottom: 80px;
	}

		.footer ul {
			float: none;
		}

		.footer ul li a {
			margin-left: 4px;
		}



	/* DESKTOP */
	.desktop .corner-img {
		display: none;
	}

	.desktop .header .desktop-close {
		margin-top: 10px;
	}

	.desktop .header .logo {
		margin: 10px 0;
	}



	/* CONTENT BOX */
	.content-box {
		padding: 20px 20px;
		position: relative;
	}



	/* SECTION > MENU */
	#smenu {

	}
		#smenu ul li {
			display: block;
			margin: 0;
		}



	/* SECTION > FILTER */
	.sfilter {
		border-top: 0;
		margin-top: -15px;
	}

		.sfilter > ul {
			margin-top: 15px;
			margin-bottom: 15px;
		}

		.sfilter ul li {
			display: block;
			margin: 4px auto;
			text-align: left;
		}

		.sfilter .search a {
			float: right;
		}

		.sfilter input[type=checkbox].filter-checkbox + label.filter-label {
			width: 100%;
		}

		.sfilter .search input[type=search] {
			width: 85%;
		}



	/*PERFIL USUARIO*/
	.content-box-profile {
		margin: 0px 15px;
	}

	#profile .main {
		display: block;
		width: 100%;
		border-right: 0;
		padding: 30px 10px;
	}

	#profile .image img {
		height: 100px;
		width: 100px;
	}

	#profile .data {
		display: block;
		width: 100%;
		padding: 30px 20px;
	}
		#profile .data .title {
			display: block;
			margin-bottom: 6px;
		}

		#profile .data input[type=text],
		#profile .data input[type=password],
		#profile .data select,
		#profile .data textarea {
			width: 100%;
			float: none;
		}

			#profile .data input[type=text][readonly],
			#profile .data input[type=password][readonly],
			#profile .data textarea[readonly],
			#profile .data select[readonly]  {
				text-align: left;
			}



	/*CONTENIDO*/
	.contenido .items {
		text-align: center;
	}

		.contenido .items ul li {
			margin-right: 0;
		}

		.contenido .items.actividades ul li img {
			margin: 7px 0 0 0;
		}

		.contenido .items.recursos:not(.centro) ul li span.imagen img {
			margin: 7px 0px 5px 0px;
		}

		.contenido .items.recursos.centro ul li span.imagen img {
			margin: 7px 35px 5px 0px;
		}



	/*ALUMNOS*/

	.codigo-clase {

		top: 10px;
		width: 100%;
		left: 0;
	}

	#alumnos .fichas,
	#alumnos .items {
		text-align: center;
	}

		#alumnos .fichas ul li,
		#alumnos .items ul li {
			text-align: left;
			margin-right: 0;
		}

		#alumnos .fichas ul li {
			width: 100%;
		}

	#alumnos .fichas ul li.selected:before {
		margin: -15px 0 0 78%;
	}


	/*FICHA ALUMNO*/
	#ficha-alumno .header .data .name {
		line-height: 20px;
	}

	#ficha-alumno .header .data .date {
		line-height: 15px;
	}

	#ficha-alumno .units .item {
		padding-left: 0;
	}

	#ficha-alumno .units .item > .title {
		display: block;
		width: 200px;
		height: 33px;
		overflow: hidden;
		padding-right: 50px;
	}
	#ficha-alumno .units .item .comment-title {
		display: none;
	}

	#ficha-alumno .units .item .comment {
	    margin-right: 105px;
	}

	#ficha-alumno .units .item .comment.active {
	    margin-right: 115px;
	}

	#ficha-alumno .header .notas {
		float: none;
		margin-top: 20px;
		clear: both;
	}

	#ficha-alumno .units .item .notas {
		text-align: center;
		margin: 20px auto;
		float: none;
	}

	#ficha-alumno .units .item .actividad {
		text-align: center;
		padding: 0 15px;
	}



		#ficha-alumno .units .item > .title {
			margin-left: 15px;
		}

		#ficha-alumno .units .item .actividad .title {
			display: block;
			padding-top: 5px;
			font-size: 14px;
		}

		#ficha-alumno .units .item .actividad .complete {
			margin-top: 0;
		}

		#ficha-alumno .units .item .actividad .progress {
			margin-bottom: 5px;
		}



		#ficha-alumno .units .item .actividad .nota {
			text-align: center;
			display: inline-block;
		}

		#ficha-alumno .units .item .actividad:first-child {
			margin-bottom: 0;
			margin-top: 0;
			padding-top: 0;
		}

		.wDate-activity {
			margin-left: 0;
			padding-right: 0;
		}

		.wTitle-xs {
			display: block !important;
			margin-bottom: 10px;
		}

		.wTitle-lg {
			display: none;
		}

		.datos-actividad {
			display: inline-block;
			float: none;
		}

		.progreso {
			margin-bottom: 15px;
			margin-right: 0;
			margin-top: 10px;
			width: 90%;
		}

		.fecha-realizacion {
			margin-right: 0;
		}

		.wNota {
			float: right;
			margin-left: -28px;
		}



	/* LIBRO > GLOBALS */
	.libro-left .edit-mode {
		display: none;
	}

	.content-wrapper.libro {
		padding: 0 10px;
	}


	.libro-right ul li:nth-last-of-type(-n+2) {
		display: inline-block;
	}

	.libro-left ul li .title {
		display: block;
		width: 190px;
		height: 33px;
		margin-left: 0px;
		white-space: nowrap;
		overflow: hidden;
		-o-text-overflow: ellipsis;
		   text-overflow: ellipsis;
	}




	/* LIBRO > INDICE */
	#indice #tools {
		display: block;
	}

	#indice .units-mobile-bt {

	}

		#indice .units-mobile-bt a {
			display: block;
			height: 34px;
			background: #4b4b4b url('../../../images/shared/tools.png') no-repeat 4px -613px;
			-webkit-border-radius: 18px;
			   -moz-border-radius: 18px;
					border-radius: 18px;
			padding: 5px 0 0 40%;
			text-decoration: none;
			font-size: 16px;
			font-weight: 600;
			color: #b2b2b2;
		}

		#indice .units-mobile-bt a:hover,
		#indice .units-mobile-bt a:focus {
			background-color: #656565;
		}

		#indice .units-mobile-bt a .title {

		}

	#indice .units {
		margin-top: 10px;
	}

	#indice .unit-content {
		margin-top: 20px;
	}

	#indice .unit-content .content {
		padding: 0 15px;
	}

	#indice .unit-content .header {
		height: 100px;
		position: relative;
	}

		#indice .unit-content .header .title {
			font-size: 22px;
			line-height: 24px;
			margin: 20px 0 0 20px;
		}

		#indice .unit-content .header .number {
			position: absolute;
			top: -40px;
			right: 20px;
			font-size: 85px;
			font-weight: 700;
			color: rgba(255, 255, 255, 0.2);
		}

	#indice .unit-content .actividades {
		padding: 0 15px;
	}

		#indice .unit-content .actividades .item .title {
			font-size: 15px;
		}

		#indice .unit-content .actividades .item .icons img {
			margin: -5px 0 0 0;
		}

		#indice .unit-content .actividades .item .text {
			margin-left: 0px;
			font-size: 13px;
			line-height: 16px;
		}

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

	#indice .unit-content .material {
		padding: 0;
	}

		#indice .unit-content .material .title-buttons .btn {
			padding: 4px 10px;
		}

		#indice .unit-content .material .item {
			margin: 10px 15px;
		}


	/* LIBRO > ACTIVIDAD */
	#actividad {
		margin-bottom: 190px;
	}

	.slider-indicators {
		bottom: -55px;
	}

	#actividad #tools {
		display: block;
	}

	#actividad .content {
		-webkit-border-radius: 10px;
		   -moz-border-radius: 10px;
				border-radius: 10px;
		background: #fff url('');
		-webkit-box-shadow: 0px 3px 9px rgba(0,0,0,0.3);
		   -moz-box-shadow: 0px 3px 9px rgba(0,0,0,0.3);
				box-shadow: 0px 3px 9px rgba(0,0,0,0.3);
		padding: 20px 30px 30px 20px;
		margin: 0 10px;
	}

		#actividad .content .header .chapter {
			float: none;
			text-align: left;
			margin-top: 0px;
		}

		#actividad .content .photo {
			margin-top: 20px;
		}

		#actividad .content .review .attemps {
			margin: 20px 0 20px 0;
		}

	/* LIBRO DIGITAL */

	#libro-digital .pagination{
		width: 300px;
		bottom: 0;
	}

	#libro-digital .pagination ul li a.zoom-out,
	#libro-digital .pagination ul li a.zoom-in{
		margin-left: -20px;
	}

	#iframe_div	{
		bottom: 7px;
	}



	/* CALIFICACIONES > EJERCICIOS */
	#ejercicios .table .alumnos, #competencias .table .alumnos {
		width: 150px;
		margin-right: 6px;
	}

		#ejercicios .table .alumnos .item {
			padding: 20px 0 0 10px;
			font-size: 12px;
		}

			#ejercicios .table .alumnos .item img, #competencias .table .alumnos .item img {
				display: none;
			}

			#ejercicios .table .alumnos .item .nota {
				width: 25px;
				height: 25px;
				font-size: 13px;
				margin: 0 7px 0 0;
				padding-top: 1px;
			}

			#ejercicios .table .alumnos .item.media .nota {
				margin-top: -1px;
			}

	#ejercicios .table .temas-mask {

	}

		#ejercicios .table .temas .tema .item,
		#ejercicios .table .temas .subtemas .subtema .item {
			font-size: 14px;
		}

	#ejercicios .table .right-arrow {

	}



	/* CALIFICACIONES > COMPETENCIAS */

	#competencias .table .temas .competencia {
		min-width: 107px;
	}

	#competencias .alumnos .labels {
		display: none;
	}

	#competencias .alumnos .col-md-2:not(:last-child) {
		border-right: 0 solid transparent;
	}

	#competencias .alumnos  .item .progress {
		margin-bottom: 0;
	}

	#competencias .alumnos .item .col-md-2 {
		padding-top: 10px;
	}

	#competencias .alumnos .item .title,
	#competencias .alumnos .item .nmedia {
		display: block;
	}



	/* MENSAJES */
	#mensajes .content-box {
		margin: 30px;
		border: 1px solid #c8c8c8;
		-webkit-border-radius: 8px;
		   -moz-border-radius: 8px;
				border-radius: 8px;

	}

	#mensajes .mform {
	  padding: 0 20px;
	}

	#mensajes .mtypes .btn-group button {
		text-indent: -9999px;
		white-space: nowrap;
		margin: 0 1px;
	}

	#mensajes .mtypes .btn {
		padding-left: 25px;
	}

		#mensajes .mtypes .btn-simple.active:after {
			margin-left: 0;
		}

		#mensajes .mtypes .btn-deberes.active:after {
			margin-left: -12px;
		}

	#edit_message_type_8 .form-horizontal input, #edit_message_type_9 .form-horizontal input {
		text-align: center;
	}

	#edit_message_type_8 .form-horizontal, #edit_message_type_9 .form-horizontal {
		text-align: left;
	}

	#mensajes .post,
	#mensajes .reply {
		padding: 0 20px 20px 20px;
	}

	#mensajes .post>div>div{
		display: block;
	}

	#mensajes .post .content {
		float: none;
		width: 100%;
		margin-top: 20px;
		padding: 0px;
	}

	#mensajes .post .files {
		float: none;
		width: 100%;
		padding: 0px 20px;
		border-radius: 0px;
		border-left: none;
	}

	#mensajes .post.replied .files {
		border-radius: 0px;
	}

	#mensajes .post .files > p {
		padding-top: 5px;
		margin-bottom: 10px;
	}

	#mensajes .post .files .item {
		margin: 0px 2px 15px 2px;
	}

	#mensajes .col-md-1 {
		margin-bottom: 15px;
	}

	#mensajes .post .content .files {
		position: absolute;
		top: -65px;
		right: 10px;
	}

		#mensajes .post .content .files .item {
			width: 43px;
		}

			#mensajes .post .content .files .item .imagen:after {
				top: -30px;
				left: -28px;
				-webkit-transform: scale(.4);
					-ms-transform: scale(.4);
						-moz-transform: scale(.4);
						  -o-transform: scale(.4);
					 transform: scale(.4);
			}

				#mensajes .post .content .files .item .imagen img {
					width: 43px;
					height: 43px;
				}

	#mensajes .post .content .name:before,
	#mensajes .reply .content .name:before {
		margin: 0 5px 0 0;
		content: '';
	}

	#mensajes .post .content .survey img {
		width: 230px;
		height: auto;
	}

	#mensajes .post .admin .icon,
	#mensajes .reply .admin .icon {
		display: none;
	}

	#mensajes .post .admin .bts {
		float: none;
		text-align: center;
		margin-bottom: 5px;
	}

	#mensajes .post .event-calendar, #mensajes .post .avatar-content {
		float: none;
		width: 100%;
	}

	#mensajes .post .event-content, #mensajes .post .message-content {
		float: none;
		width: 100%;
		padding: 0 15px;
	}

	#mensajes .post .calendar {
		margin: 20px auto;
	}


	#mensajes .content-box.event .post .content {
		margin: 5px 0 0 0;
	}

	#mensajes .reply-wrapper {
		background-image: url('') !important;
		margin-left: 2px;
	}

	#mensajes .content-box.poll .reply button {
		margin: 0 auto 5px auto;
		display: block;
	}


}  /* END LANDSCAPE PHONES AND DOWN */


/* Fix Student list layout in tablets */
@media (min-width: 580px) and (max-width: 767px) {

	#alumnos .fichas ul li:nth-child(3n),
	#alumnos .items ul li:nth-child(3n) {
		margin-right: 12px;
	}
}
/* End Fix Student list layout in tablets */

/* Login in mobile landscape */

@media (max-height: 500px) {
	.home-login {
		position: static;
	}
	.home-login .home-login-content {
		position: static;
		padding: 20px 0;
		margin: 0 auto;
		-ms-transform: translate(0, 0);
		-webkit-transform: translate(0, 0);
		-moz-transform: translate(0, 0);
		  -o-transform: translate(0, 0);
			 transform: translate(0, 0);
	}
	.login-logo {
		display: none;
	}
}
/* End Login in mobile landscape */


/* popover finder styles supracategorias*/
.checkbox-col-2 span label {
	width: 100%;
	border-bottom: 1px solid #c8c8c8;
	padding: 8px 10px;
}

.checkbox-col-2 label a {
	margin-left: 5px;
}
.checkbox-col-2 label a:active,
.checkbox-col-2 label a:focus
{
	color: #414141;
}
.checkbox-col-2 label a:hover
{
	color: #3AC62A;
}

.checkbox-col-2 label a.collapsed {
	transform: rotate(180deg) translate(0px,-2px);
	-webkit-transform: rotate(180deg) translate(0px,-2px);
	-moz-transform: rotate(180deg) translate(0px,-2px);
	-o-transform: rotate(180deg) translate(0px,-2px);
}

/* popover finder styles*/
.checkbox-col-2 label {
	width: 50%;
	float: left;
	padding: 8px 30px;
	line-height: 100%;
	display: flex;
}

.checkbox-list.checkbox-col-2 label:before {
	padding-right: 20px;
}

.checkbox-list input[type="checkbox"],
.checkbox-style input[type="checkbox"] {
	display: none
}
.popover-lg.popover{
	max-width: 623px;
	width: 623px;
	z-index: 98;
	margin: 20px 20px;
}
.popover-lg.popover.bottom>.arrow{
}

.popover-lg.popover .popover-content {
	max-height: 300px;
	overflow-y: auto;
}

.finder_selector:before {
	content: "";
	width: 20px;
	height: 20px;
	margin-right: 5px;
	display: block;
	float: left;
	background-image: url(../../../images/shared/checkbox-sprite.png);
	background-position: 0 0;
	margin-top: 1px;
}
.finder_selector.active:before{
	background-position: 0 -25px;
}

.relative{position: relative}
.checkbox-list label:before,
.checkbox-style label:before {
	content: "";
	width: 20px;
	height: 20px;
	margin-right: 5px;
	display: block;
	float: left;
	background-image: url(../../../images/shared/checkbox-sprite.png);
	background-position: 0 0;
	margin-top: -3px;
}
.checkbox-list label.checked:before, .checkbox-list input[type="checkbox"]:checked + label:before,
.checkbox-style label.checked:before, .checkbox-style input[type="checkbox"]:checked + label:before {
	background-position: 0 -25px;
}
.clean-filters{
	font-size: 19px;
	vertical-align: middle;
	padding: 4px 0;
	margin-left: 12px;
	cursor: pointer;
	width: 4%;
	float: left;
}
.container-search {
	background-color: #fff;
	-webkit-border-radius: 15px;
	   -moz-border-radius: 15px;
			border-radius: 15px;
	padding: 4px 20px;
	border: 1px solid #EDEDED;
	width: 93%;
	float: left;
}
input.buscador-select-filter {
	border: none;
	width: 90%;
	outline: none;
}
.container-search a{
	color: #808080;
	float: right;
}
@media(max-width: 767px){
	.sfilter .tipo_visualizacion{text-align:center;border:1px solid #c6e4c0; margin-bottom: 5px;}
	.checkbox-col-2 label {
		width: 50%;
		float: left;
		padding: 8px 5px;
		height: 50px;
		line-height: 100%;
	}
	.container-search{width:90%;}
}
/* End popover finder styles*/

/*wallstreets slides*/

.wResponseEnunciado{
	border: 2px solid #CEEDF0;
	color: #38839A;
	padding: 5px 9px;
	margin: 3px 5px;
	border-radius: 10px;
	float: left;
}

.wse-activity-header .fillblanks-wrapper.fixedToTop
{
	top: 0px;
	left: 0px;
	padding-left: 30px;
	padding-right: 30px;
	position: fixed;
	width: 100%;
	text-align: left;
	padding-top: 10px;
	padding-bottom: 10px;
}


.wse-activity-header .fillblanks-wrapper{
	top:0 !important;
}

.descFixTop{
	max-width: 1140px !important;
	margin: 0 auto !important;
	display: block !important;
}

.wse-description>p{
	max-width: 1140px ;
	margin: 0 auto;
	display: block ;
	left: 0px;
	padding-left: 15px;
	padding-right: 15px;
}

.wse-description p {
	padding-top:0 !important;
	clear: both;
}

.wse-description {
	margin-bottom:30px;
}

.workspace.frame{
	border:0 !important;
}

.fillblanks-wrapper:after {
	clear: both;
	content: " ";
}

.fillblanks-response-container:after {
	clear: both;
	content: " ";
	display:block;
	height:0;
	line-height:0;
	visibility:hidden;
}
.fillblanks-wrapper:not(.fixedToTop){
	width:auto !important;
}

#checkPermiteJs {
	width: 20px;
	height: 20px;
	margin-right: 5px;
	display: block;
	float: left;
	background-image: url(../../../images/shared/checkbox-sprite.png);
	background-position: 0 0;
	margin-top: -3px;
}

#permitejs:checked + #checkPermiteJs{
	background-position: 0 -25px;
}

#dlgCreaEstilo input[type="checkbox"]{
	display: none;
}


/* *********************************************************************************************************************
 * AJUSTE UX
 */

.tmpux.body_clase .navbar {
	display: none;
}

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

	.tmpux.body_clase .content-wrapper.modo-revision  {
    	padding-top: 70px;
	}

.tmpux.body_clase .modo_revision { top: 0; display: none; }

.tmpux.body_curso .libro-right ul li.close-back-wrapper {
	display: none;
}


.tmpux.body_htmlBook .navbar {
	height: 0px;
	min-height: 0px;
}

.tmpux.body_htmlBook .navbar.libro .popover {
	left: auto !important;
	min-width: 354px;
}

.tmpux.body_htmlBook .content-wrapper {
	padding-top: 0px;
}

	.tmpux.body_htmlBook .content-wrapper.modo-revision  {
    	padding-top: 70px;
	}

.tmpux.body_htmlBook .modo_revision { top: 0;  }

.tmpux.body_htmlBook .navbar .libro-right.toolbar,
.tmpux.body_htmlBook .navbar .libro-left {
	display: none !important;
    visibility: hidden !important;
}

.tmpux.body_htmlBook .iframe_div .btn-close-iframe {
	position: fixed;
	right: auto;
	top: 50px;
	left: 1%;
}

.tmpux.body_htmlBook .modal-backdrop { background: rgba(53, 53, 53, 0.94); }

.tmpux.body_htmlBook .iframe_div .btn-close-iframe a span { display: none; }

.tmpux.body_htmlBook .iframe_div .btn-close-iframe a i { 
	font-size: 30px; 
	color: rgb(230, 230, 230);
}

@font-face {
	font-family: "BlinkUXFont";
	src: url("../../../../tmpux/assets/css/fonts/blinkux.eot");
	src: url("../../../../tmpux/assets/css/fonts/blinkux.woff") format("woff"),
	url("../../../../tmpux/assets/css/fonts/blinkux.svg#filename") format("svg");
}

.tmpux.body_htmlBook .iframe_div .btn-close-iframe a i.fa-times:before {
    font-family: 'BlinkUXFont' !important;
 	content: "\b003";
}   

#ejercicios .subjects {
	border-top: 1px solid #c8c8c8;
	margin-top: 40px;
}

#ejercicios .subjects button {
	overflow: hidden;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
}

#ficha-alumno .subjects button {
	overflow: hidden;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
}

#ejercicios .gradebook-loading {
	width: 100%;
	height: 400px;
}

#ejercicios .gradebook-loading .spinner {
	position: relative;
}

#ejercicios .gradebook-loading .spinner .dot {
	background-color: #3AC62A;
}



/*TABLA*/

#ejercicios .table,
#competencias .table {
	overflow: hidden;
	text-align: left;
}

#ejercicios .table .alumnos,
#competencias .table .alumnos {
	float: left;
	margin-right: 6px;
	width: 250px;
	vertical-align: top;
}

#ejercicios .table .alumnos .item,
#competencias .table .alumnos .item {
	height: 70px;
	padding: 20px 0 0 15px;
	font-size: 14px;
	font-weight: 600;
	color: #414141;
	margin: 0;
}

#ejercicios .table .alumnos .item.top,
#competencias .table .alumnos .item.top {
	height: 60px;
	background-color: #fff;
	text-align: right;
	padding-right: 5px;
}

#ejercicios .table .alumnos .item.media,
#competencias .table .alumnos .item.media {
	height: 45px;
	padding-top: 10px;
	background-color: #e9f1d3;
}

#ejercicios .table .alumnos .item:nth-child(2n+4),
#competencias .table .alumnos .item:nth-child(2n) {
	background-color: #ededed;
}




/* Compare classes */

#ejercicios .table .alumnos .item.compare-item,
#ejercicios .table .temas .tema .item.compare-item,
#ejercicios .table .temas .subtemas .subtema .item.compare-item,
#competencias .table .temas .competencia .item.compare-item {
	overflow: hidden;
	-webkit-transition: height .5s, padding-top .5s;
	-o-transition: height .5s, padding-top .5s;
	-moz-transition: height .5s, padding-top .5s;
	transition: height .5s, padding-top .5s;
}

#ejercicios .table .alumnos .item.compare-item-closed,
#ejercicios .table .temas .tema .item.compare-item-closed,
#ejercicios .table .temas .subtemas .subtema .item.compare-item-closed,
#competencias .table .temas .competencia .item.compare-item-closed {
	height: 0!important;
	padding-top: 0!important;
}

#ejercicios .table .alumnos .item.compare-item .nombre,
#competencias .table .alumnos .item.compare-item .nombre {
	width: 71%;
}

#ejercicios .table .alumnos .item.media:nth-child(2n+1),
#ejercicios .table .temas .tema .item.media:nth-child(2n+1) {
	background-color: #f2fadc;
}

#ejercicios .table .temas .subtemas .subtema .item.media:nth-child(2n+1) {
	background-color: #f6fce8;
}

#ejercicios .table .temas .tema .item.media:nth-child(2n+4),
#ejercicios .table .temas .subtemas .subtema .item.media:nth-child(2n+4),
#ejercicios .table .alumnos .item.media:nth-child(2n+4),
#competencias .table .alumnos .item.media:nth-child(2n) {
	background-color: #e9f1d3;
}

#ejercicios .table .temas .tema .item.media.current_class,
#ejercicios .table .temas .subtemas .subtema .item.media.current_class,
#ejercicios .table .alumnos .item.media.current_class,
#competencias .table .alumnos .item.media.current_class {
	background-color: #b7d194!important;
}

#ejercicios .table .temas .subtemas .subtema .item.media.current_class {
	background-color: #ccdeb4!important;
}



/* End Compare class */

#ejercicios .table .alumnos .item img,
#competencias .table .alumnos .item img {
	width: 40px;
	height: 40px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	float: left;
	margin: -5px 10px 0 0;
}

#ejercicios .table .alumnos .item>div,
#competencias .table .alumnos .item>div {
	display: inline-block;
}

#ejercicios .table .alumnos .item .nombre,
#competencias .table .alumnos .item .nombre {
	line-height: 14px;
}

#ejercicios .table .alumnos .item .nota,
#competencias .table .alumnos .item .nota {
	width: 33px;
	height: 33px;
	font-size: 16px;
	font-weight: 700;
	text-align: center;
	color: #fff;
	margin: -2px 15px 0 0;
	background-color: #ccc;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
	padding-top: 5px;
	display: block;
	float: right;
	vertical-align: middle;
}

#ejercicios .table .alumnos .item .reiniciar {
	position: absolute;
	margin-left: -25px;
	width: 20px;
	height: 20px;
}

#ejercicios .table .alumnos .item .nota.ko,
#competencias .table .alumnos .item .nota.ko {
	background-color: #FC4237;
}

#ejercicios .table .alumnos .item .nota.ok,
#competencias .table .alumnos .item .nota.ok {
	background-color: #3AC62A;
}

#ejercicios .table .alumnos .item.media .nota {
	margin-top: -4px;
}


#ejercicios .name div.deberes_nombre,
#ejercicios .name a,
#competencias .name a {
	display: block;
	max-width: 400px;
	height: 40px;
	margin: 0 auto;
	line-height: 1.4;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
}

#ejercicios .top span,
#competencias .top span {
	display: block !important;
	display: -webkit-box !important;
	max-width: 400px;
	margin: 0 auto;
	line-height: 1.4;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
    text-align: left;
}



/*TEMAS & SUBTEMAS*/

#ejercicios .table .temas-mask,
#competencias .table .temas-mask {
	height: auto;
	width: auto;
	overflow: hidden;
	position: relative;
}

#ejercicios .table .temas,
#competencias .table .temas {
	width: 10000px;
	/*display: inline-block;*/
}

#ejercicios .table .temas .tema {
	width: 90px;
	display: inline-block;
	cursor: pointer;
	vertical-align: top;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

#ejercicios .table .temas .tema.avSel {
	margin-left: 3px;
}

#ejercicios .table .temas .tema:first-child,
#competencias .table .temas .competencia:first-child {
	border: 0px;
	margin-left: 0;
}


#ejercicios .table .temas .tema .item,
#ejercicios .table .temas .subtemas .subtema .item,
#ejercicios .table .temas .subtemas .actividades .transparencia .item,
#competencias .table .temas .competencia .item {
	height: 70px;
	/*padding-top: 24px;*/
	font-size: 15px;
	font-weight: 600;
	text-align: center;
	color: #4b4b4b;
	background-color: #ffffff;
	margin: 0;
	overflow: hidden;
	line-height: 75px;
}

#ejercicios .table .temas .tema .item a,
#ejercicios .table .temas .subtemas .subtema .item a,
#ejercicios .table .temas .subtemas .actividades .item a,
#competencias .table .temas .competencia .item a {
	height: 75px;
	line-height: 75px;
}

#competencias .table .temas .competencia .item {
	background-color: #f3f3f3;
}

#ejercicios .table .temas .tema .item.top,
#competencias .table .temas .competencia .item.top {
	height: 60px;
	padding-top: 5px;
	padding-bottom: 10px;
	color: #fff;
	background-color: #808080;
	text-align:left;
}

#ejercicios .table .item.top {
	line-height: 0px;
	position: relative;
}

#ejercicios .table .temas-mask .item.top:not(.hideSlides):after {
    content: "\f067";
    font-family: FontAwesome;
    color: #74d320;
    position: absolute;
    right: 10px;
    bottom: 13px;
    font-style: normal;
    float: left;
    margin: -9px -5px;
    padding: 10px 6px;
    background: white;
    width: 20px;
    height: 20px;
    border-radius: 99%;
    line-height: 2px;
    font-size: 10px;
    cursor: pointer;
}
/* BK-18049 Icono revisar pendiente segundo nivel */
#ejercicios .table .temas-mask .item.top.hideSlides.revisable:after {
	content: "\f067";
	font-family: FontAwesome;
	color: #74d320;
	position: absolute;
	right: 10px;
	bottom: 13px;
	font-style: normal;
	float: left;
	margin: -9px -5px;
	padding: 10px 6px;
	background: white;
	width: 20px;
	height: 20px;
	border-radius: 99%;
	line-height: 2px;
	font-size: 10px;
	cursor: pointer;
}

#ejercicios .table .temas-mask .abierto .item.top:after {
	content: "\f068";
	color: #414141;
}

#competencias .table .temas .competencia .item.top {
	padding: 10px;
}

#competencias .table .temas .competencia .nmedia {
	font-size: 12px;
	opacity: 0.7;
	display: block;
	line-height: 20px;
	height: 20px;
}

#ejercicios .table .temas .tema .item.top.selected {
	background-color: #444;
	-webkit-border-top-right-radius: 0px;
	-moz-border-radius-topright: 0px;
	border-top-right-radius: 0px;
	font-size: 12px;
	line-height: 13px;
	padding-top: 10px;
}

#ejercicios .table .temas .tema .item.media,
#ejercicios .table .temas .subtemas .subtema .item.media,
#ejercicios .table .temas .subtemas .actividades .item.media,
#competencias .table .temas .competencia .item.media {
	height: 45px;
	padding-top: 10px;
	background-color: #e9f1d3;
	line-height: inherit;
}

#ejercicios .table .temas .subtemas .actividades .item.media,
#ejercicios .table .temas .subtemas .subtema .item.media {
	background-color: #f0f6e2;
}

#ejercicios .table .temas .tema .item:nth-child(2n+4),
#ejercicios .table .temas .subtemas .subtema .item:nth-child(2n+4),
#ejercicios .table .temas .subtemas .actividades .item:nth-child(2n+4) {
	background-color: #ededed;
}

#competencias .table .temas .competencia .item:nth-child(2n) {
	background-color: #ebebeb;
}

#ejercicios .table .temas .subtemas {
	cursor: pointer;
	border-left: 0;
	display: inline-block;
	vertical-align: top;
	margin-right: 5px;
}

#ejercicios .table .temas .subtemas .subtema {
	vertical-align: top;
	display: inline-block;
	width: 90px;
	margin-left: 3px;
}

#ejercicios .table .temas .subtemas .subtema .item {
	background-color: #fff;
}

#ejercicios .table .temas .subtemas .subtema .item:last-child {
	height: 69px;
}

#ejercicios .table .temas .subtemas .subtema .item.top {
	height: 60px;
	padding-top: 15px;
	color: #4d4d4d;
	background-color: #E0E0E0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	font-size: 12px;
	font-weight: 400;
	line-height: 12px;
}

#ejercicios .table .temas .subtemas .subtema .item.media {
	height: 45px;
}

#ejercicios .table .temas .subtemas .subtema .item:nth-child(2n+4) {
	background-color: #ededed;
}



#ejercicios .table .right-arrow,
#competencias .table .right-arrow {
	width: 11px;
	float: right;
	vertical-align: top;
	margin: 20px 0 0 6px;
	font-size: 14px;
	/*width: 20px;
display: inline-block;
vertical-align: top;
margin: 20px 0 0 10px;*/
}

#ficha_deberes .notas {
	margin-top: 20px !important;
	padding-right: 30px;
	margin-left: 0 !important
}

#ficha_deberes .row.actividad {
	padding-right: 28px;
}

/*Nivel actividades*/

#ejercicios .table .temas .subtemas .actividades {
	cursor: pointer;
	border-left: 0;
	-webkit-border-top-right-radius: 7px;
	-moz-border-radius-topright: 7px;
	border-top-right-radius: 7px;
	-webkit-border-bottom-right-radius: 7px;
	-moz-border-radius-bottomright: 7px;
	border-bottom-right-radius: 7px;
	display: inline-block;
	vertical-align: top;
	margin-right: 5px;
}

#ejercicios .table .temas .actividades .transparencia {
	vertical-align: top;
	display: inline-block;
	width: 90px;
	margin-left: 3px;
}

#ejercicios .table .temas .actividades .transparencia .item {
	background-color: #fff;
}

#ejercicios .table .temas .actividades .transparencia .item:last-child {
	height: 69px;
}

#ejercicios .table .temas .actividades .transparencia .item.top {
	height: 59px;
	padding-top: 15px;
	color: #4d4d4d;
	background-color: #fff;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	font-size: 12px;
	font-weight: 400;
	line-height: 12px;
}

#ejercicios .table .temas .actividades .transparencia .item.media {
	height: 45px;
}

#ejercicios .table .temas .actividades .transparencia .item:nth-child(2n+4) {
	background-color: #ededed;
}

 #ejercicios .table .temas .slide-out-of-pull {
	position: relative;
	width: 0;
	height: 0;
	border-top: 70px solid #e1e1e1;
	border-left: 90px solid transparent;
	right: 1px;
	bottom: -1px;
 }


 #ejercicios .table .temas .inner-triangle {
	position: relative;
	width: 0;
	height: 0;
	border-top: 70px solid #F8F8F8;
	border-left: 90px solid transparent;
	bottom: 71px;
	right: 1px;
}

#ejercicios .table .temas .subtemas .actividades .item.top {
	padding: 5px;
}

#ejercicios .table .temas .subtemas .actividades .item.top {
	height: 60px;
	color: #4d4d4d;
	background-color: #F8F8F8;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	font-size: 12px;
	font-weight: 400;
	line-height: 12px;
}

#ejercicios .table .temas-mask .actividades .item.top:after {
	content: '';
	background: none;
}

.iScrollHorizontalScrollbar.iScrollLoneScrollbar {
	z-index: 100 !important;
}

#ejercicios .table .attempts{
	display: block;
	line-height: 0px;
	font-size: 12px;
	margin-top: -18px;
}
.plusLoading .item.top:after{
	animation: spin 2s linear 0.1s infinite;
}

#iscroll-wrapper .temas .item.top .pending_activities_gbs{
	float: left;
	margin-left: 11px;
	margin-top: -3px;
}

.pending_activities_gbs:after,
.icon-score-pdte:after {
	content: "\f12a";
	font-family: 'FontAwesome';
	width: 20px;
	height: 20px;
	color: #ff9c25;
	-moz-border-radius: 100%;
	text-align: center;
	line-height: 22px;
	font-size: 17px;
	font-weight: 400;
}

#iscroll-wrapper .subtemas .item.top .icon-score-pdte{
	float: left;
	margin-left: 4px;
	position: absolute;
	bottom: 2px;
}
/* BK-18049 Icono revisar pendiente segundo nivel */
#ejercicios .table .temas .subtema .item.top.hideSlides.revisable:after {
	content: '';
	background-image: url(/images/i/icon_correct.png);
	width: 20px;
	height: 20px;
	background-size: contain;
	background-repeat: no-repeat;
	background-color: #E0E0E0;
	bottom: 2px;
	right: 2px;
	border-radius: 0;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
}
#ejercicios .table .temas-mask .actividades .slidePending .item.top:after {
	content: '';
	background-image: url(/images/i/icon_correct.png);
	width: 20px;
	height: 20px;
	background-size: contain;
	background-repeat: no-repeat;
	bottom: 2px;
	right: 2px;
	border-radius: 0;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
}
.icon-score-pdte-act:after {
	content: "";
	position: absolute;
	right: 2px;
	bottom: 3px;
	font-size: 17px;
	line-height: 0px;
	background-image: url(/images/i/icon_correct.png);
	width: 20px;
	height: 20px;
	background-size: contain;
	background-repeat: no-repeat;
}
.info-alumno {
	position: relative;
	display: inline-block;
	width: auto;
}


#ficha_ejercicios div.item.closed {
    height: 40px;
}

#ficha-alumno .units #ficha_ejercicios .item.closed .notas {
    border-radius: 0 10px 10px 0px;
}

#ficha-alumno #ficha_deberes .notas .nota-container .nota{
    width: 45px;
    height: 45px;
    font-size: 18px;
    font-weight: 700;
    color: rgb(255, 255, 255);
    background-color: rgb(185, 185, 185);
    padding-top: 15px;
    display: block;
    margin: 0px auto 5px;
    border-radius: 100%;
}

#ficha-alumno .units #ficha_deberes .item .actividad:first-child {
    margin-bottom: 3px;
    margin-top: 20px;
    padding-top: 13px;
}

#ficha-alumno .notas .nota-container .nota.ok {
	background-color: #3AC62A;
}

#ficha-alumno .notas .nota-container .nota.ko {
	background-color: #fc4237;
}
#ficha-alumno #ficha_deberes .notas .nota-container .nota.ok {
	background-color: #3AC62A;
}

#ficha-alumno #ficha_deberes .notas .nota-container .nota.ko {
	background-color: #fc4237;
}

/* BK-21881-Editar fecha de entrega de deberes-lapiz rojo de uso generico */
a.btn-lapiz_rojo	{
	width:20px;
	background: url(/images/i/editar.gif) no-repeat;
	color:#fa3617;
	font-size:15px;
    position: absolute;
    left: 5px;
    bottom: 5px;
    float: left;
    cursor: pointer;
}

a.btn-lapiz_rojo:hover	{text-decoration:none; top: 36px;}

.drop-hover {
	background-color: #44871f !important;
	outline: #44871f solid 10px !important;
}

.no-drop-hover {
	background-color: #f49842 !important;
	outline: #f49842 solid 10px !important;
}

body.is_app {
	padding-top: 30px;
}

body.body_clase.is_app {
	padding-top: 0px;
}

.clear {
	border: 0 none;
	clear: both;
	height: 0;
	width: 0;
	margin: 0 !important;
	padding: 0 !important;
}

#actividad .content .header {
	margin-bottom: 20px;
}
#actividad .content .aux-bckg .header.empty {
	margin-bottom: 0px;
	height: 1px;
}

/* CKeditor Override */
	textarea.cke_source {
		height: 100% ! important;
		overflow: auto ! important;
	}

	.cke_wysiwyg_div,
	.cke_inner {
		background-color: transparent ! important;
	}

	span.cke_skin_kama {
		margin-right: 0px ! important;
	}

	.cke_maximized {
		z-index: 1010 ! important;
	}

	.cke_maximized .cke_contents {
		background-color: #FFF ! important;
	}

	.cke_skin_kama .cke_toolgroup {
		margin-bottom: 0px ! important;
	}

	.cke_skin_kama .cke_toolbox {
		-webkit-border-radius: 4px ! important;
		   -moz-border-radius: 4px ! important;
		        border-radius: 4px ! important;
		padding-left: 3px ! important;
		padding-bottom: 3px ! important;
		height: auto ! important;
		white-space: normal ! important;
	}

	.cke_skin_kama .cke_browser_webkit .cke_toolbar,
	.cke_skin_kama .cke_browser_gecko .cke_toolbar {
		margin-top: 3px ! important;
	}

	.cke_skin_kama .cke_browser_webkit .cke_toolbar,
	.cke_skin_kama .cke_browser_gecko .cke_toolbar,
	.cke_skin_kama .cke_browser_gecko .cke_button a,
	.cke_skin_kama .cke_browser_gecko .cke_button a.cke_off,
	.cke_skin_kama .cke_browser_gecko .cke_button .cke_icon,
	.cke_skin_kama .cke_browser_gecko .cke_button .cke_buttonarrow,
	.cke_skin_kama .cke_browser_gecko .cke_separator,
	.cke_skin_kama .cke_browser_gecko .cke_toolbar_start {
		display: inline-block ! important;
		float: none ! important;
		white-space: normal ! important;
	}

	.cke_skin_kama .cke_rcombo a,
	.cke_skin_kama .cke_rcombo a:active,
	.cke_skin_kama .cke_rcombo a:hover {
		height: 26px ! important;
		margin-bottom: 0px ! important;
	}

	figure  {
		border: 0;
	}

	.bck-img2-figure{
		display: table;
	}

	.bck-img-align-left>figure,
	.bck-img-align-left{
		float:left;
	}

	.bck-img-align-center>figure,
	.bck-img-align-center img,
	#actividad .workspace.matching .opcion .bck-img-align-center img, /* BK-16797 Centrar imagenes en slides Matching */
	.bck-img-align-center{
    	margin: 0 auto;
    	text-align: center;
	}

	.bck-img-align-center img,
	.bck-img-align-center>.cke_image_resizer_wrapper,
	.bck-img-align-center.img{
		display: block;
    	text-align: center;
	}

	.bck-img-align-right>figure,
	.bck-img-align-right{
		float:right;
	}



	figcaption {
		font-size: 14px;
	}


	.bck-img2-figure figcaption{
		display: table-caption;
    	caption-side: bottom;
    	padding: 0 5px 5px;
    	word-break: break-word;
	}


	.cke_skin_kama .cke_button a {
		height: auto ! important;
	}


	.bck-table-center {
		margin: 0 auto;
	}

	.bck-table .bck-t-align-left,
	#actividad .workspace.multiple-choice .opcion p.bck-t-align-left,
	.bck-t-align-left {
		text-align: left !important;
	}

	.bck-table .bck-t-align-right,
	#actividad .workspace.multiple-choice .opcion p.bck-t-align-right,
	.bck-t-align-right {
		text-align: right !important;
	}

	.bck-table .bck-t-align-center,
	.bck-t-align-center {
		text-align: center !important;
	}

	.bck-table .bck-t-align-justify,
	.bck-t-align-justify {
		text-align: justify !important;
	}

	.bck-indent-1 {
		margin-left: 40px !important;
	}

	.bck-indent-2 {
		margin-left: 80px !important;
	}

	.bck-indent-3 {
		margin-left: 120px !important;
	}

	.bck-tooltip,
	.bck-underline {
		text-decoration: underline;
	}

	.bck-versalitas {
		font-variant: small-caps;
	}

	.bck-uppercase {
		text-transform: uppercase;
	}

	.edit .bck-table-responsive{
		background-color: #b6ecff;
	}

	.bck-table-responsive{
		width: 100%;
		overflow-y: auto;
		_overflow: auto;
		margin: 0 0 1em;
		display: block;
	}

	.bck-table-responsive > table {
		margin: 0 !important;
		max-width: none;
		width: auto;
	}

	.bck-table-responsive > p {
		display:none;
	}

	.bck-table-responsive table li{
		position: relative;
	}

	body.edit .bck-video-container2 {
		width:360px;
		text-align: center;
	}

	.bck-video-container2 {
	  	margin: 10px;
	  	position: relative;
	}

	.bck-video-player {
		height: 270px;
	}

	body.edit .bck-video-container2 .class_video.player {
		margin: 5px;
	}

	.bck-subtitles{
		background: #ffa;
		padding: 5px;
		text-align: center;
	}

	.bck-subtitles a{
		width: 100px;
		text-align: center;
		margin: 0px 6px;
	}

	.bck-video-srt{
		display: inline-block;
		text-align: center;
		margin: 5px;
	}

	.bck-video-container2.right{
		float: right;
	}

	.bck-video-container2.left{
		float: left
	}

	.bck-video-container2.center{
		margin: 0 auto;
	}

	.bck-video-container2.right:not(.external-url-player) {
		float: right;
	}

	.bck-video-container2.left:not(.external-url-player) {
		float: left
	}

	.bck-video-container2.center:not(.external-url-player) {
		margin: 0 auto;
		clear: both;
	}

	.bck-video-container2.external-url-player {
		clear: both;
	}

	.bck-sidebar-transcript {
		display: none;
	}

   body.edit .bck-video-container .bck-video-edit-title{
	  background: rgb(177, 232, 194);
	  text-align: center;
	  float: left;
	  min-width: 480px;
	  font-variant: small-caps;
	  font-weight: bold;
   }
	.bck-sub-label,
	.bck-file-label{
		background: wheat;
		-webkit-border-radius: 5px 5px;
		   -moz-border-radius: 5px 5px;
		        border-radius: 5px 5px;
		max-width: 200px;
		display: inline-block;
		margin: 5px;
		padding: 5px;
		text-align: center;
	    overflow-wrap: break-word;
	}

	.bck-video-container .jwplayer.bck-t-align-center{
	  margin: 0 12.5% 20px;
   }

   .bck-video-container .jwplayer.bck-t-align-left{
	 float: left;
	 margin-right: 20px;
	 margin-bottom: 20px;
	 margin-left: 0;
  }

  .bck-video-container .jwplayer.bck-t-align-right{
	float: right;
	margin-left: 20px;
	margin-bottom: 20px;
	margin-right: 0;
   }

	.bck-video-container .jwplayer.aspectMode {
	    margin-left: 12.5%;
	    margin-right: 12.5%;
 	}

 	.bck-video-controls {
		text-align: center;
		width:100%;
	}

	.no-connection-video {
		position: absolute;
		width: 250px;
		left: 50%;
		top: 50%;
		transform: translate(-50%, -50%);
		background: rgba(177,177,177,0.7);
		color: white;
		padding: 15px;
		border-radius: 10px;
		z-index: 10;
	}

	.no-connection-video .fa-exclamation-triangle {
		width: 100%;
		text-align: center;
	}

/**Dropdown**/
	.bck-dropdown {
		-webkit-transition: background-color 0.5s ease-out;
		-o-transition: background-color 0.5s ease-out;
		-moz-transition: background-color 0.5s ease-out;
		transition: background-color 0.5s ease-out;
	}

	.bck-dropdown.open {
	}

	.bck-dropdown-button {
		padding: 10px;
	}

	.bck-dropdown-icon {
		display: inline-block;
		width: 40px;
		height: 40px;
	}

	.bck-dropdown-icon > .fa {
		display: inline-block;
		border: 3px solid black;
		-webkit-border-radius: 100%;
		   -moz-border-radius: 100%;
		        border-radius: 100%;
		padding: 7px;
		width: 100%;
		height: 100%;
		text-align: center;
	}

	.bck-dropdown-titulo {
		display: inline-block;
		vertical-align: middle;
		font-size: 2.5rem;
		padding-left: 10px;
	}

	.bck-dropdown-content {
		overflow-y: auto;
		display: none;
		max-height: 300px;
		padding: 10px;
		background-color: grey;
	}

	.bck-dropdown-content li {
		position: relative;
	}

	.edit .bck-dropdown-content {
		display: initial;
	}

	/* Flipbox Plugin */

	/* MODO EDITAR */
	.bck-flipbox {
		position: relative;
		display: inline-block;
		font-size: 14px;
		padding-bottom: 20px;
		background-color: #eeeeee;
	}
	.bck-flipbox img {
		max-width: 100%;
	}
	.bck-flipbox-face.front,
	.bck-flipbox-face.back {
		position: relative;
		display: block;
		z-index: 1;
		width: 100%;
		height: fit-content;
	}
	.bck-flipbox-face.front {
		margin-bottom: 5px;
	}
	.bck-flipbox-title,
	.bck-flipbox-section {
		background-color: rgb(255,255,255);
		color: rgb(0,0,0);
		display: block;
	}
	.bck-flipbox-title {
		font-weight: 700;
	}

	/* MODO VER */
	body:not(.edit) .bck-flipbox {
		perspective: 7000px;
		transform-style: preserve-3d;
		padding-bottom: 0;
		background-color: transparent;
	}
	body:not(.edit) .bck-flipbox-face.front,
	body:not(.edit) .bck-flipbox-face.back {
		backface-visibility: hidden;
		border-style: solid;
		border-width: 2px;
		border-color: rgb(58, 198, 42);
		transform-style: preserve-3d;
		transition: all 0.5s ease-in-out;
		-o-transition: all 0.5s ease-in-out;
		-moz-transition: all 0.5s ease-in-out;
		-webkit-transition: all 0.5s ease-in-out;
		height: 100%;
		width: 100%;
	}
	body:not(.edit) .bck-flipbox-face.front {
		color: rgb(58, 198, 42);
		background-color: rgb(255, 255, 255);
		position: relative;
		top: 0px;
		left: 0px;
		z-index: 1;
	}
	body:not(.edit) .bck-flipbox-face.back {
		color: rgb(255, 255, 255);
		background-color: rgb(58, 198, 42);
		position: absolute;
		top: 0px;
		left: 0px;
		z-index: 0;
	}
	body:not(.edit) .bck-flipbox-title,
	body:not(.edit) .bck-flipbox-section {
		background-color: transparent;
		padding: 20px;
		padding-bottom: 50px;
	}
	body:not(.edit) .bck-flipbox-title {
		text-align: center;
		margin-bottom: 10px;
	}
	body:not(.edit) .bck-flipbox-section {
		text-align: justify;
		word-wrap: break-word;
	}
	body:not(.edit) .front .bck-flipbox-title,
	body:not(.edit) .front .bck-flipbox-section {
		color: rgb(58, 198, 42);
	}
	body:not(.edit) .back .bck-flipbox-title,
	body:not(.edit) .back .bck-flipbox-section {
		color: rgb(255, 255, 255);
	}

	/* Giros */
	body:not(.edit) .bck-flipbox-face.front {
		transform: rotateX(0deg);
	}
	body:not(.edit) .bck-flipbox-face.back {
		transform: rotateX(-180deg);
	}

	body:not(.edit) .bck-flipbox-face.front.animate {
		transform: rotateX(180deg);
	}
	body:not(.edit) .bck-flipbox-face.back.animate {
		transform: rotateX(0deg);
	}

/** Iframe Embedder Plugin **/
	/* Ver */
	.bck-iframe-embedder {
		width: 100%;
		height: 500px;
	}
	.bck-iframe-embedder-content {
		position: relative;
		padding-top: 0;
		background-color: #fff;
		height: 100%;
	}
	.bck-iframe-embedder-content iframe {
		width: 100%;
		height: 100%;
	}

	.bck-iframe-embedder-content>img {
		width: 100%;
		height: 100%;
		border: none;
	}

	/* Editar */
	body.edit .bck-iframe-embedder {
		background: #eee;
		height: 300px;
	}
	body.edit .bck-iframe-embedder-content {
		width: 60%;
		height: 100%;
		border: 1px solid red;
		display: inline-block;
		background-image: url('/libs/CKEditor/ckeditor_454/plugins/iframe/images/placeholder.png?t=1533813406516');
		background-repeat: no-repeat;
		background-position: center center;
	}

	/*Tabs Plugin*/

	.bck-tabs-box {
		list-style: none;
		max-width: 100%;
	    overflow: hidden;
		margin: 0;
		padding: 0;
	}

	body:not(.edit) .bck-tabs-box {
		background-color: #f1f1f1;
	    border: 1px solid #ccc;
	}

	.bck-tabs-box p {
		margin: auto;
	}

	.bck-tabslists {
		overflow: hidden;
	}

	body:not(.edit) .bck-tabs-box.vertical-tabs .bck-tabslists {
		float: none;
		overflow: auto;
		max-height: 400px;
		float: left;
		width: 20%;
		display: block;
	}

	.bck-tabtitles:before {
		display: none;
	}

	.bck-tabtitles {
	    background-color: #f1f1f1;
	    overflow: hidden;
	    outline: none;
	    text-align: center;
	    cursor: pointer;
	    padding: 14px;
	    transition: 0.3s;
	    display: inline-block;
	    float: left;
	}

	.bck-tabtitles:hover {
	    background-color: #ddd;
	}

	.edit .bck-tabtitles {
		border: .5px solid black;
		cursor: auto;
	}

	body:not(.edit) .bck-tabs-box.vertical-tabs .bck-tabslists .bck-tabtitles {
		text-align: left;
		display: block;
		width: 100%;
		float: left;
	}

	body:not(.edit) .bck-tabcontents .div-contents {
		display: none;
		padding: 6px 12px;
		background-color: #fff;
		padding: 6px 12px;
		border-left: none;
		border-top: 1px solid #ccc;
		max-height: 100%;
		max-width: 100%;
	}

	body:not(.edit) .bck-tabcontents .div-contents:first-child {
		display:block;
	}

	body:not(.edit) .bck-tabs-box.vertical-tabs .div-contents {
		width: 80%;
		height: 100%;
		float: left;
		background-color: #fff;
		border-top: none;
		border-bottom: none;
		border-left: 1px solid #ccc;
		border-right: none;
	}

	body:not(.edit) .bck-tabs-box.vertical-tabs .bck-tabpanel {
		height: 400px;
		float: left;
		width: 100%;
		padding: 0px 12px;
		overflow: auto;
	}

/****/

/*POPOVER*/

	.popover-background {
		position: absolute;
		top: 0;
		left: 0;
		z-index: 1000;
		display: none;
		width: 100%;
		height: 100%;
		background: rgba(153,153,153,.5);
		-webkit-transition: all ease-in-out .5s;
			 -o-transition: all ease-in-out .5s;
		   -moz-transition: all ease-in-out .5s;
				transition: all ease-in-out .5s;
	}

	.popover-background.shown {
		display: block;
	}

	.info-popover,
	.popover-template {
		-webkit-box-shadow: 0 2px 5px #555;
		   -moz-box-shadow: 0 2px 5px #555;
		        box-shadow: 0 2px 5px #555;
		-webkit-border-radius: 5px;
		   -moz-border-radius: 5px;
		        border-radius: 5px;
	}
	.info-popover{
		display: block;
	}

	body:not(.edit) .info-popover {
		display: none;
	}

	.popover-template {
		position: absolute;
		top: 50%;
		left: 50%;
		-webkit-transform: translate(-50%,-50%);
		   -moz-transform: translate(-50%,-50%);
		    -ms-transform: translate(-50%,-50%);
		     -o-transform: translate(-50%,-50%);
		        transform: translate(-50%,-50%);
		width: auto;
		max-width: 90%;
		height: auto;
		overflow: auto;
	}

	.close-popover {
		position: absolute;
		top: 4px;
		right: 4px;
		width: 30px;
		height: 30px;
		outline: none;
		border: 0;
		background: transparent;
		color: #8F8F8F;
		font-family: "FontAwesome";
		text-align: center;
		-webkit-transition: all ease-in-out .5s;
			 -o-transition: all ease-in-out .5s;
		   -moz-transition: all ease-in-out .5s;
				transition: all ease-in-out .5s;
	}

	.close-popover:hover {
		opacity: .5;
		filter: alpha(opacity=50);
	}

	.edit .info-popover {
		margin-bottom: 20px;
		width: 350px;
    	display: inline-block;
	}

	.edit .info-popover.only-teacher {
		border: 1px dashed #d80000;
	}

	.info-popover .popover-title,
	.popover-template .popover-title {
		display: block;
		position: relative;
		background: #EFEFEF;
		padding-left: 46px;
		color: #9BCB1F;
		font-size: 2rem;
		min-height: 35px;
	}

	.info-popover .popover-title .popover-title-text,
	.popover-template .popover-title .popover-title-text{
		display: block;
	}

	.info-popover .popover-title,
	.popover-template .popover-title .popover-title-text{
		margin-right: 25px;
		word-wrap: break-word;
	}

	.info-popover .popover-title:before,
	.popover-template .popover-title:before {
		content: '\f040';
		position: absolute;
		top: 7px;
		left: 13px;
		width: 22px;
		height: 22px;
		-webkit-border-radius: 2px;
		   -moz-border-radius: 2px;
		        border-radius: 2px;
		color: #9BCB1F;
		font-family: 'FontAwesome';
		font-size: 18px;
		text-align: center;
		line-height: 22px;
	}

	.info-popover .popover-title p,
	.popover-template .popover-title p {
		margin-bottom: 5px;
	}

	.info-popover .popover-content,
	.popover-template .popover-content {
		display: block;
		background: #fff;
		padding: 20px 14px;
	}

	.popover-template .popover-content {
		height: auto;
		overflow-y: auto;
		position: relative;
	}

	.info-template {
		position: fixed;
		top: 100px;
		right: 0;
		-webkit-transform: translateX(105%);
		   -moz-transform: translateX(105%);
		    -ms-transform: translateX(105%);
		     -o-transform: translateX(105%);
		        transform: translateX(105%);
		z-index: 1000;
		width: 100px;
		height: auto;
		-webkit-box-shadow: 0 0 2px #555;
		   -moz-box-shadow: 0 0 2px #555;
		        box-shadow: 0 0 2px #555;
		-webkit-border-radius: 5px 0 0 5px;
		   -moz-border-radius: 5px 0 0 5px;
		        border-radius: 5px 0 0 5px;
		background: #fff;
		padding: 15px 5px 0;
		-webkit-transition: all ease-in-out .5s;
			 -o-transition: all ease-in-out .5s;
		   -moz-transition: all ease-in-out .5s;
				transition: all ease-in-out .5s;
	}

	.info-template.shown {
		background: #ffffff;
		background: -moz-linear-gradient(-45deg, #ffffff 0%, #eeeeee 100%);
		background: -webkit-linear-gradient(-45deg, #ffffff 0%,#eeeeee 100%);
		background: -webkit-linear-gradient(315deg, #ffffff 0%,#eeeeee 100%);
		background: -moz-linear-gradient(315deg, #ffffff 0%,#eeeeee 100%);
		background: -o-linear-gradient(315deg, #ffffff 0%,#eeeeee 100%);
		background: linear-gradient(135deg, #ffffff 0%,#eeeeee 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=1 );
		-webkit-transform: translateX(0);
		   -moz-transform: translateX(0);
		    -ms-transform: translateX(0);
		     -o-transform: translateX(0);
		        transform: translateX(0);
	}

	.info-template .info-icon {
		position: absolute;
		top: 0;
		left: 10px;
		-webkit-transform: translateY(-50%);
		   -moz-transform: translateY(-50%);
		    -ms-transform: translateY(-50%);
		     -o-transform: translateY(-50%);
		        transform: translateY(-50%);
		width: 24px;
		height: 24px;
		-webkit-box-shadow: 0 0 2px #555;
		   -moz-box-shadow: 0 0 2px #555;
		        box-shadow: 0 0 2px #555;
		-webkit-border-radius: 50%;
		   -moz-border-radius: 50%;
		        border-radius: 50%;
		background: #fff;
		color: #9BCB1F;
		font-family: 'FontAwesome';
		font-size: 18px;
		line-height: 24px;
		text-align: center;
	}

	#actividad .info-button {
		display: inline-block;
		width: 24px;
		height: 24px;
		margin: 0 5px;
		-webkit-box-shadow: 0 0 2px #555;
		   -moz-box-shadow: 0 0 2px #555;
		        box-shadow: 0 0 2px #555;
		-webkit-border-radius: 50%;
		   -moz-border-radius: 50%;
		        border-radius: 50%;
		background: #fff;
		color: #9BCB1F;
		font-family: 'FontAwesome';
		font-size: 18px;
		line-height: 24px;
		text-align: center;
	}

	.info-template .info-title {
		position: relative;
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
		        box-sizing: border-box;
		height: 0px;
		overflow: hidden;
		color: #9BCB1F;
		-webkit-transition: all ease-in-out .5s;
			 -o-transition: all ease-in-out .5s;
		   -moz-transition: all ease-in-out .5s;
				transition: all ease-in-out .5s;
		cursor: pointer;
	}

	#actividad .info-button.only-teacher,
	.info-template .info-title.only-teacher {
		border: 1px dashed #d80000;
	}

	.info-template .info-title.shown {
		height: auto;
    	margin: 0px 3px 12px 6px;
		font-size: 1.8rem;
		font-weight: 500;
	}

	.info-template .info-title:hover {
		opacity: .5;
		filter: alpha(opacity=50);
	}

	/*** PLUGINS ONLY VISIBLE BY TEACHER ***/
	.visible-by-teacher {
		border: 1px dashed #d80000 !important;
	}

        /*Scroll para que aparezca en Android*/
        .scrollbar-android::-webkit-scrollbar {
            -webkit-appearance: none;
        }

        .scrollbar-android::-webkit-scrollbar:vertical {
            width: 8px;
        }

        .scrollbar-android::-webkit-scrollbar:horizontal {
            height: 8px;
        }

        .scrollbar-android::-webkit-scrollbar-thumb {
            background-color: #ddd;
            border-radius: 10px;
            border: 2px solid #ffffff;
        }

        .scrollbar-android::-webkit-scrollbar-track {
            border-radius: 10px;
            background-color: #ffffff;
        }

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

	.info-template .info-title {
		font-size: 0;
		line-height: 0;
	}

	.info-template .info-title.shown {
		margin: 0 0 6px;
		line-height: inherit;
	}

}

/****/

   #help-panel-content .jwplayer.aspectMode {
   		margin: 0;
   }

	.view-mode .bck-video-preview,
	.view-mode .bck-subtitles,
	.view-mode .bck-video-edit-title,
	.view-mode .bck-video-controls,
	.view-mode .bck-gallery-controls,
	.view-mode .bck-gallery-images{
	   display: none !important;
	}

	.bck-gallery-wrapper{
	  	min-width:360px;
	  	margin: 10px;
	  	position: relative;
	}

	.bck-gallery-wrapper.right{
	  	float: right;
	}

	.bck-gallery-wrapper.left{
	  	float: left
	}

	.bck-gallery-wrapper.center{
	  	margin: 0 auto;
	}

	.view-mode .bck-gallery-section {
		background-color: none;
	}

	.bck-gallery-section {
	  position:relative;
	  min-width:360px;
	  min-height:240px;
	  background:#bbb;
	  overflow: auto;
	}
	.bck-gallery-images {
	  width: 100%;
	  float: left;
	}
	.bck-gallery-images img {
	  width: 100%;
	  height: auto;
	}
	.bck-gallery-images figure {
	  display: block;
	  float: left;
	  margin: 0 5px 5px 0;
	  width: 150px;
	}

	.bck-gallery-controls{
		text-align: center;
		min-width:360px;
	}

	.bck-gallery-controls button,
	.bck-video-controls button{
		margin: 8px;
	}

	.pswp:not(.pswp--zoom-allowed){
		z-index: 1000000;
	}

	.bck-i-fullscreen-wrapper {
		padding: 10px;
	}
/**/


#responseimg {
	display: block;
	margin: 0 auto;
}

.ias_loader {
	text-align: center;
	margin-top: 20px;
}

.alert-blink {
	background-color: rgb(133, 201, 57);
	border-color: #608930;
	color: #FFF;
}

.btn-solution,
.btn-solution.disabled,
.btn-solution[disabled],
.btn-next,
.btn-next.disabled,
.btn-next[disabled] {
	color: #fff;
	background-color: #00bdff;
	border-color: transparent;
}

.btn-solution:hover,
.btn-solution:focus,
.btn-solution:active,
.btn-next:hover,
.btn-next:focus,
.btn-next:active,
.open .dropdown-toggle.btn-solution {
	color: #fff;
	background-color: #b6ecff;
	border-color: transparent;
}

/**
	Colores:
		selected-dark:      #d8d8d8
		selected:           #e8e8e8
		hover:              #f4f4f4
		ok-dark:            #74d320
		ok:                 #e9fed6
		ko-dark:            #ef0c24
		ko:                 #ffd8dc
		solution-dark:      #00bdff
		solution:           #b6ecff
		idle-dark:          #cccccc
		idle:               #f7f7f7
*/

/* Editar general */
	 #actividad .ui-resizable-handle {
		background-color: #fc4237;
	}

	.img-editar {
		border-style: dashed;
		border-width: 1px;
		position: relative;
	}

	.btn-img-editar {
		position: absolute;
		top: 50%;
		left: 50%;
		z-index: 1;
		-webkit-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		-moz-transform: translate(-50%, -50%);
		  -o-transform: translate(-50%, -50%);
		     transform: translate(-50%, -50%);
	}
	.btn-img-portada {
		display: none;
		visibility: hidden;
		position: absolute;
		top: 50%;
		left: 50%;
		z-index: 1;
		-webkit-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		-moz-transform: translate(-50%, -50%);
		  -o-transform: translate(-50%, -50%);
		     transform: translate(-50%, -50%);
	}
	.btn-img-editar.video {
		top: 70%;
		z-index: 10;
	}

	.btn-img-portada.video {
		display: block;
		visibility: visible;
		top: 87%;
		z-index: 10;
	}

	.ui-resizable-w {
		left: -18px;
	}

	#actividad .ui-resizable-e {
		display: none !important;
	}

	.body_clase.edit .base_foto,
	.body_clase.edit .video-markers {
		margin-top: 5px;
		margin-bottom: 20px;
	}

	.body_clase.edit .base_foto input,
	.body_clase.edit .video-markers input {
		-webkit-border-radius: 4px;
		   -moz-border-radius: 4px;
		        border-radius: 4px;
		margin: 0px auto;
		display: block;
		text-align: center;
	}

	.body_clase.edit .slide-edit-form {
		margin-top: 20px;
	}

	.body_clase.edit .slide-edit-form .preview {
		border: 1px solid red;
		-webkit-border-top-left-radius: 4px;
		   -moz-border-radius-topleft: 4px;
		        border-top-left-radius: 4px;
		-webkit-border-bottom-left-radius: 4px;
		   -moz-border-radius-bottomleft: 4px;
		        border-bottom-left-radius: 4px;
		padding: 6px 12px;
	}

	.body_clase.edit .slide-edit-form .preview img {
		max-width: 100%;
	}

	.body_clase.edit .slide-edit-form.slide-matching .preview img {
		max-width: 80%;
	}

	.body_clase.edit .slide-edit-form.slide-memory .preview img {
		max-width: 80%;
	}

	.body_clase.edit .slide-edit-form.slide-paint .preview img {
		max-width: 80%;
	}

	.body_clase.edit .slide-edit-form.slide-image-slider .preview img {
		max-width: 80%;
	}

	.body_clase.edit .slide_content_type_10 .slide-edit-form .preview{
		max-height: 8em;
		overflow: hidden;
	}

	.body_clase.edit .slide_content_type_10 .slide-edit-form .preview img{
		max-height: 7.5em;
	}

	.body_clase.edit .slide-edit-form .preview p:last-of-type {
		margin-bottom: 0px;
	}

	.body_clase.edit .slide-edit-form .arrow i {
		vertical-align: sub;
	}

	.body_clase.edit .input-group-addon {
		cursor: pointer;
		border-color: red;
		border-left: 0px;
		-webkit-border-top-right-radius: 4px;
		   -moz-border-radius-topright: 4px;
		        border-top-right-radius: 4px;
		-webkit-border-bottom-right-radius: 4px;
		   -moz-border-radius-bottomright: 4px;
		        border-bottom-right-radius: 4px;
	}

	.body_clase.edit .libro .edit-mode,
	.body_clase.edit #indice .unit-content .actividades .item .icons,
	.body_clase.edit #indice .unit-content .actividades .item .nota,
	.body_clase.edit .item .header .chapter,
	.body_clase.edit .class_slide .review,
	.body_clase.edit .libro .edit-mode,
	.body_clase.edit #indice .unit-content .actividades .item .icons,
	.body_clase.edit #indice .unit-content .actividades .item .nota {
		display: none;
	}

	.body_clase.edit #indice .unit-content .material .add {
		display: inline-block;
	}

	.body_clase.edit .item .header .title input {
		display: block;
		font-size: 26px;
		font-weight: 400;
		margin-top: 20px;
		margin-bottom: 5px;
		line-height: 1.1;
		border: none;
	}

	.body_clase.edit #actividad input,
	.body_clase.edit #actividad select,
	.body_clase.edit #actividad textarea {
		border: 1px solid #fc4237;
		outline-color: #fc4237;
	}

	.body_clase.edit .item .header .title input,
	.body_clase.edit .item .entry {
		border: 1px solid #fc4237;
		-webkit-border-radius: 4px;
		   -moz-border-radius: 4px;
		        border-radius: 4px;
		width: 100%;
		padding: 6px;
		outline-color: #fc4237;
	}

	.body_clase.edit .content .photo .title {
		border: 1px solid #fc4237;
		-webkit-border-radius: 4px;
		   -moz-border-radius: 4px;
		        border-radius: 4px;
		padding: 3px;
		display: block;
		width: 100%;
		text-align: center;
	}

	.body_clase.edit #actividad .item .header .categoria,
	.body_clase.edit #actividad .content .edit-options {
		display: block;
	}

	.body_clase.edit #actividad .content .edit-options {
		padding-bottom: 30px;
	}

	.body_clase.edit #indice .unit-content .btn-primary {
		background-color: #a8a8a8;
	}

	.body_clase .libro-left .title {
		white-space: nowrap;
		overflow: hidden;
		-o-text-overflow: ellipsis;
		   text-overflow: ellipsis;
	}

	.body_clase.edit .libro-left .title {
		color: #fc4237;
		white-space: nowrap;
		overflow: hidden;
		-o-text-overflow: ellipsis;
		   text-overflow: ellipsis;
	}

	.body_clase.edit .categoria .btn-group .caret {
		border-color: #fff transparent transparent transparent;
		margin-left: 5px;
	}

	.body_clase.edit .bck-row > div {
		background: #eee;
		-webkit-background-clip: content-box;
		   -moz-background-clip: content-box;
		     -o-background-clip: content-box;
		        background-clip: content-box;
	}
/**/

/* Actividades general */
	#canvasborrador {
		z-index: 200;
		display: none;
		position: fixed;
		top: 0px;
		left: 0px;
		cursor:pointer;
	}

	#final .curso_fin {
		text-align: center;
		padding-top: 40px;
	}

	#final .felicidades_1 {
		font-size: 26px;
		font-weight: bold;
		margin-bottom: 70px;
		margin-top: 50px;
	}

	#final .felicidades_2 {
		font-size: 22px;
		margin-bottom: 70px;
	}

	#final .tiempo_empleado {
		margin-bottom: 60px;
	}

	#final .tiempo_empleado2,
	#final .numero_aciertos2 {
		width: 49%;
		float: left;
	}

	#fin_tiempo_empleado,
	#fin_clasificacion {
		color: #77b800;
		font-size: 20px;
		font-weight: bold;
	}

	#final #btnPrintCertificate {
		background-color: #047a9c;
		margin-left: 50px;
		display: none;
	}

	#final #btnPrintCertificate:hover {
		background-color: #005a70;
	}


	#actividad textarea {
		resize: none;
	}

	body:not(.edit) #actividad .js-rich-group .preview.js-richeditor:after {
		position: absolute;
		content: '';
		border-bottom: 1px solid #ccc;
		width: 100%;
		transform: translateX(-50%);
		bottom: 40px;
		left: 50%;
	}

	#actividad .content img {
		height: auto;
		-webkit-user-drag: none;
	}

	#actividad .player.audio,
	#actividad .player.video,
	#help-panel-content .player,
	#remote-alert-modal-rich .player
	{
		height: 28px !important;
		width: 28px;
		display: inline-block;
		background-color: #008000;
		background-image: url(../../../images/shared/multimedia-icons.png);
		background-repeat: no-repeat;
		-webkit-border-radius: 100%;
		   -moz-border-radius: 100%;
		        border-radius: 100%;
		margin: 0px 5px;
		vertical-align: sub;
	}

	#actividad .player:hover,
	#help-panel-content .player:hover,
	#remote-alert-modal-rich .player:hover
	{
		background-color: #00BB00;
	}

	#actividad .player.video,
	#help-panel-content .player.video,
	#remote-alert-modal-rich .player.video {
		background-position: 0px -1px;
	}


	#actividad .player.casals-video,
	#remote-alert-modal-rich .player.casals-video {
		background-position: 0px -1px;
	}

   .edit #actividad .player.video ,
   .wiki_body .player{
	 color: transparent;
	 overflow: hidden;
   }

   .edit #actividad .bck-sub-label{
	  display: none;
   }

   .edit.body_clase .jwcontrolbar{
	  display:none !important;
   }

	.bck-audio-container {
		max-width: 400px;
		min-width: 23px;
	}

	#actividad .player.audio,
	#help-panel-content .player.audio,
	#remote-alert-modal-rich .player.audio {
		background-position: -29px -1px;
	}

	.bck-audio-player img.class_sonido,
	.bck-video-player img.class_video {
		text-indent: 100%;
		overflow: hidden;
	}

	.edit #actividad .player.audio {
		color: transparent;
	}

	#help-panel-content .bck-video-container > div {
		width: 100% ! important;
	}

	#actividad .content .header .title {
		min-height: 37px;
		margin-bottom: 10px;
	}

	#actividad .content .header .title img {
		max-height: 30px;
		margin-right: 15px;
	}

	#actividad .content .header .title h3 {
		font-size: 1.6rem;
		display: inline-block;
		margin-bottom: 0px;
		margin-top: 30px;
		vertical-align: bottom;
	}

	#actividad .slide_img .base_foto,
	#actividad .slide_img .video-markers {
		text-align: center;
	}

	#actividad .slide_img .multimedia-container.image {
		margin-bottom: 20px;
	}

	#actividad .image_slide {
		width: 100%;
	}

	#actividad .image_slide.center {
		display: block;
		float: none;
		margin-left: auto;
		margin-right: auto;
	}

	#actividad .multimedia-column .layout-panel {
		display: block;
		float: none;
		margin: 20px auto;
	}

	#actividad .workspace {
		clear: both;
		font-size: 1.8rem;
		line-height: 2.1rem;
	}

	#actividad .workspace label {
		font-weight: normal;
	}
/**/

/* Essay */

.essay-answer-guide {
	margin: 30px 0;
}

.essay .respuesta .ta-respuesta {
	display: none;
}

.essay .pista .ta-pista {
	display: none;
	border: 1px solid #00bdff;
	background-color: #b6ecff;
	padding: 10px;
	margin-top: 10px;
}

.essay .pista .ta-pista.mostrar-pista {
	display: block;
}

/* Short Answers */
.short-answer .input-container,
.short-answer .textarea-container {
	display: inline-block;
	width: 100%;
}

.shortanswer-container {
	position: relative;
	display: block;
	max-width: 100%;
}

.shortanswer-container.input {
	display: inline-block;
}

.shortanswer-container:not(.input){
	width: 100%;
}

.shortanswer-container .js-rich-group {
	position: relative;
	display: inline-block;
	width: 100%;
	max-width: 100%;
	height: 100%;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border: 1px solid #ccc;
	background: transparent;
}

.shortanswer-container textarea:focus,
.shortanswer-container input:focus,
.shortanswer-container .preview:focus {
	-webkit-box-shadow: 0 0 2px #3AC62A;
	   -moz-box-shadow: 0 0 2px #3AC62A;
	        box-shadow: 0 0 2px #3AC62A;
	border-color: #3AC62A;
}

.shortanswer-container textarea {
	width: 100%;
}

.shortanswer-container .js-richeditor-input,
.shortanswer-container .preview {
	display: inline-block;
	width: 100%;
	height: 100%;
	margin: 0;
}

.shortanswer-container .preview {
	padding: 0px 0px 40px 12px;
}


.shortanswer-container .input-group-addon {
	position: absolute;
	bottom: 5px;
	right: 15px;
	width: 22px;
	z-index: 10;
	height: 19px;
	margin-right: 5px;
	border: 0;
	background: transparent;
	padding: 0 0 4px 0;
	text-align: right;
	margin-right: 40px;
}

.shortanswer-container .input-group-addon i {
	display: inline-block;
	width: 20px;
	height: 160%;
	background: url("../../../images/shared/microphone_gris.png") center bottom / auto 100% no-repeat;
	-webkit-transition: all .2s ease-in;
	-o-transition: all .2s ease-in;
	-moz-transition: all .2s ease-in;
	transition: all .2s ease-in;
	opacity: .5;
	filter: alpha(opacity=50);
}


.shortanswer-container .input-group-addon i.icon-micro {
	display: none;
}
.shortanswer-container .input-group-addon i.icon-camera {
	background-image: url("../../../images/shared/camera_gris.png");
	display: none;
}


.shortanswer-container .input-group-addon i.icon-edit {
	background-image: url("../../../images/shared/edit_gris.png");
	opacity: 1;
	filter: alpha(opacity=100);
	cursor: pointer;
	background-size: 160%;
	padding: 13px;
	margin-left: 7px;
}

.shortanswer-container .input-group-addon i:first-child:nth-last-child(1).icon-edit{
	margin-left: 40px;
}

.shortanswer-container .input-group-addon i.icon-edit:hover {
	background-image: url("../../../images/shared/edit_gris.png");
	opacity: 0.5;
}

.shortanswer-container .input-group-addon i.disabled,
.shortanswer-container .uploaded-file-editor.disabled i {
	pointer-events: none;
}

.shortanswer-container .input-group-addon:hover .fa.fa-edit {
	font-weight: bolder;
}

body.is_app .shortanswer-container .input-group-addon i{
	height:20px;
	width:20px
}

body.is_app .shortanswer-container .input-group-addon i.icon-file{
	 background-size: cover;
}

body.is_app .shortanswer-container .input-group-addon{
	width:20px;
	height:20px;
}
body.is_app .shortanswer-container .input-group-addon i.icon-edit{
	opacity:.5;
}
body.is_app .uploaded-file-name{
	font-size:20px;
    line-height: 2rem;
}
body.is_app .uploaded-file-editor{
	height:22px
}

.shortanswer-container .nota {
	cursor: pointer;
}

.short-answer .textarea-container.full-width{
	width: 100%;
}

.input-group textarea.form-control{
	float: inherit;
}

.input-group textarea.form-control.js-richeditor-input {
	margin-bottom: 40px;
}

.input-group .textarea-answer ~ .input-group-addon {
    bottom: 15px;
}

.input-group .textarea-answer ~ .input-group-addon.js-richeditor{
	bottom: 5px;
}

/* Fillblanks */
.fillblanks-draggable-wrapper {
	text-align: center;
	margin-bottom: 20px;
}

.fillblanks-draggable-wrapper .response {
	margin: 2px;
	min-width: 100px;
	border: 3px solid #d8d8d8;
	display: inline-block;
	-webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
	        border-radius: 4px;
	cursor: pointer;
}

.fillblanks-draggable-wrapper .response.respuesta_over {
	background-color: #f4f4f4;
}

.fillblanks-draggable-wrapper .response p {
	position: relative;
	margin: 0px;
	text-align: center;
	padding: 5px 10px;
	font-size: 1.5rem;
	text-decoration: none;
}

.fillblanks-draggable-wrapper .response .bck-i-fullscreen,
.fillblanks-draggable .img-input-container.imgFilled img {
	width: auto;
	height: 200px !important;
	padding: 0;
}

.fillblanks-draggable-wrapper .response.used p {
	text-decoration: line-through;
}

.fillblanks-draggable-wrapper .response.used p:after,
.fillblanks-draggable-wrapper .response.used p:before {
	content: "\00a0";
}

.fillblanks-draggable .drag-over {
	border-top-color: #3AC62A;
	border-right-color: #3AC62A;
	border-bottom-color: #3AC62A;
	border-left-color: #3AC62A;
	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);
}

.fillblanks-draggable .droppableDiv.drag-over {
	border: none;
	-webkit-box-shadow: none;
	   -moz-box-shadow: none;
	        box-shadow: none;
}
.fillblanks-draggable .img-input-container {
	position: relative;
	display: inline-block;
	width: 200px;
	margin: 5px;
	vertical-align: middle;
}

.fillblanks-draggable.fill-text .img-input-container {
	display: none;
}

.fillblanks-draggable .img-input-container.imgFilled {
	width: auto;
}

.fillblanks-draggable .img-input-container.drag-over,
.fillblanks-draggable .img-input-container.drag-over input {
	height: 200px;
}

.fillblanks-draggable-wrapper .response .count {
	display: inline-block;
	position: absolute;
	width: 24px;
	height: 24px;
	top: -10px;
	right: -10px;
	padding: 6px;
	font-size: 14px;
	font-size: 1.4rem;
	font-weight: 700;
	line-height: 12px;
	text-align: center;
	background-color: #3AC62A;
	color: white;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}

@-webkit-keyframes imgInserted {
	from { opacity: 0.99; }
	to  { opacity: 1; }
}

@-moz-keyframes imgInserted {
	from { opacity: 0.99; }
	to   { opacity: 1; }
}

@-o-keyframes imgInserted {
	from { opacity: 0.99; }
	to   { opacity: 1; }
}

@keyframes imgInserted {
	from { opacity: 0.99; }
	to   { opacity: 1; }
}

.cke_reset[aria-label*="textFillblanks"] img {
	-webkit-animation-duration: 0.001s;
	   -moz-animation-duration: 0.001s;
	     -o-animation-duration: 0.001s;
	        animation-duration: 0.001s;
	-webkit-animation-name: imgInserted;
	   -moz-animation-name: imgInserted;
	     -o-animation-name: imgInserted;
	        animation-name: imgInserted;
}
/**/

/* Fillblankimages */
.fillblankimages-draggable-wrapper {
	text-align: center;
	margin-bottom: 20px;
}

.fillblankimages-draggable-wrapper .response {
	margin: 2px;
	min-width: 100px;
	border: 3px solid #d8d8d8;
	display: inline-block;
	-webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
	        border-radius: 4px;
	cursor: pointer;
    vertical-align: top;
	max-width: 48%;
}

.fillblankimages-draggable-wrapper .response.respuesta_over {
	background-color: #f4f4f4;
}
.slide_main .fillblankimages .img-input-container input.imgInput {
	opacity: 0;
}
.fillblankimages-draggable-wrapper .response p {
	position: relative;
	margin: 0px;
	text-align: center;
	padding: 5px 10px;
	font-size: 1.5rem;
}

.fillblankimages-draggable-wrapper .response .bck-i-fullscreen,
.fillblankimages-draggable .img-input-container.imgFilled img {
	max-width: 100%;
	width: auto !important;
	padding: 0;
	max-height: 220px;
}

.fillblankimages-draggable-wrapper .response.used p:before {
	content: '';
	position: absolute;
	top: 50%;
	left: 10px;
	z-index: 10;
	width: -webkit-calc(100% - 20px);
	width: -moz-calc(100% - 20px);
	width: calc(100% - 20px);
	height: 1px;
	border-top: 3px solid #d8d8d8;
}

.fillblankimages-draggable .drag-over {
	border-top-color: #3AC62A;
	border-right-color: #3AC62A;
	border-bottom-color: #3AC62A;
	border-left-color: #3AC62A;
	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);
}

.fillblankimages-draggable .img-input-container {
	position: relative;
	display: inline-block;
	margin: 5px;
	vertical-align: middle;
}
.slide_main .fillblankimages-draggable .img-input-container input.imgInput,
.slide_main .fillblankimages-draggable .img-input-container.imgFilled input.imgInput {
	height: 100%;
}

.fillblankimages-draggable.fill-text .img-input-container {
	display: none;
}

.slide_main .fillblankimages-draggable .img-input-container.imgFilled.drag-over {
    height: auto;
}
.slide_main .fillblankimages-draggable .img-input-container.drag-over input.imgInput {
    height: 100%!important;
}

.slide_main .fillblankimages-draggable-wrapper .bck-i-fullscreen-wrapper {
    padding: 0px;
}

.cke_reset[aria-label*="textFillblankimages"] img {
	-webkit-animation-duration: 0.001s;
	   -moz-animation-duration: 0.001s;
	     -o-animation-duration: 0.001s;
	        animation-duration: 0.001s;
	-webkit-animation-name: imgInserted;
	   -moz-animation-name: imgInserted;
	     -o-animation-name: imgInserted;
	        animation-name: imgInserted;
}

/*BK-16165 Nuevo CSS para la slide FillBlankImage*/
/*input imagen*/
.slide_main .fillblankimages-draggable .img-input-container {
    border: 2px dashed;
    border-color: #CCC;
    height: 180px;
    width: 180px;
}

.slide_main .fillblankimages-draggable .img-input-container.drag-over {
    height: 180px;
    width: 180px;
}

.fillblankimages-draggable .img-input-container.imgFilled {
    height: auto !important;
    width: auto!important;
}

/*respuesta ok, ko y solucion*/

.slide_main .fillblankimages-draggable  .img-input-container.respuesta_ko {
    border-color: #ef0c24;
}

.slide_main .fillblankimages-draggable  .img-input-container.respuesta_ok {
    border-color: #74d320;
}

.slide_main .fillblankimages-draggable  .img-input-container.solucion {
    border-color: #00bdff;
}

/*Espacio después última imagen*/
.slide_main .fillblankimages-draggable p.last-image:last-child {
    margin-bottom: 0px !important;
}

/*Quitar espacio entre la ultima respuesta y los botones de corregir y demas*/
#actividad .carousel-inner .item-container .workspace.fillblankimages.fillblankimages-draggable.frame .droppable-container input[type=text] {
    height: 180px;
}

#actividad .carousel-inner .item-container .workspace.fillblankimages.fillblankimages-draggable.frame .droppable-container .img-input-container,
.fillblankimages-draggable-wrapper .response { outline-color: transparent; }

.slide_main .fillblanks-draggable p.last-image:last-child {
    margin-bottom: 0px !important;
}

.fillblankimages-draggable p.last-image {
    margin-bottom: 0px !important;
}
/**/

/* HTML Content */
	.body_clase.edit .slide_content_type_24 .slide-edit-form {
		margin-top: 0px;
	}

	.slide_content_type_24 textarea {
		width: 100%;
		margin-top: 10px;
	}

	.html-book {
		-webkit-transform: translate3d(0, 0, 0);
		   -moz-transform: translate3d(0, 0, 0);
		        transform: translate3d(0, 0, 0);
	}

	.html-book .js-rich-group {
		position: relative;
		display: inline-block;
		width: 100%;
		max-width: 100%;
		height: 100%;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		border: 1px solid #ccc;
		background: transparent;
	}

	.slide_main .html-book input{
		-webkit-border-radius: 5px;
		   -moz-border-radius: 5px;
		        border-radius: 5px;
		border: 1px solid #ccc;
		background: transparent;
	}

	.html-book input:focus,
	.html-book textarea:focus,
	.html-book .preview:focus {
		-webkit-box-shadow: 0 0 2px #3AC62A;
		   -moz-box-shadow: 0 0 2px #3AC62A;
		        box-shadow: 0 0 2px #3AC62A;
		border-color: #3AC62A;
	}

	.html-book .js-richeditor-input,
	.html-book .preview {
		display: inline-block;
		width: 100%;
		height: 100%;
		margin: 0;
	}

	.html-book .preview {
	    padding: 0px 0px 40px 12px;
	}

	.html-book .input-group-addon {
		position: absolute;
		bottom: 0;
		right: 0;
		z-index: 10;
		width: 84px;
		height: 19px;
		margin-right: 20px;
		border: 0;
		background: transparent;
		padding: 0 0 4px 0;
		text-align: right;
	}

	.html-book .input-group-addon i {
		display: inline-block;
		width: 20px;
		height: 160%;
		background: url("../../../images/shared/microphone_gris.png") center bottom / auto 100% no-repeat;
		-webkit-transition: all .2s ease-in;
		-o-transition: all .2s ease-in;
		-moz-transition: all .2s ease-in;
		transition: all .2s ease-in;
		opacity: .5;
		filter: alpha(opacity=50);
	}

	.input-group textarea.form-control{
		float: inherit;
	}

	.input-group .preview.js-richeditor, .input-group .preview.js-richeditor p {
	    line-height: initial !important;
	}

	.html-book .input-group-addon i.icon-camera {
		background-image: url("../../../images/shared/camera_gris.png");
	}

	.html-book .input-group-addon i.icon-edit {
		background-image: url("../../../images/shared/edit_gris.png");
		opacity: 1;
		filter: alpha(opacity=100);
		cursor: pointer;
		background-size: 160%;
		padding: 13px;
		margin-left: 7px;
	}

	.html-book .input-group-addon i.icon-edit:hover {
		background-image: url("../../../images/shared/edit_gris.png");
		opacity: 0.5;
	}

	.html-book .input-group-addon i.icon-file {
		background-image: url("../../../images/shared/icon_archivo.png");
		opacity: 1;
		cursor: pointer;
		-webkit-background-size: 160% 160%;
		-moz-background-size: 160%;
		-o-background-size: 160%;
		background-size: 160%;
		background-position-y: top;
		padding: 13px;
	}

	.html-book .input-group-addon i.icon-file:hover {
		opacity: .5;
	}

	.shortanswer-container .input-group-addon i.icon-file {
		background-image: url("../../../images/shared/icon_archivo.png");
		cursor: pointer;
		-webkit-background-size: 160% 160%;
		-moz-background-size: 160%;
		-o-background-size: 160%;
		background-size: 160%;
		background-position-y: top;
		opacity:1;
		padding: 13px;
	}

	.shortanswer-container .input-group-addon i.icon-file:hover {
		opacity: .5;
	}
	.uploaded-file-editor{
	    position: absolute;
	    bottom: 5px;
	    z-index: 10;
	    height: 19px;
	    margin-right: 5px;
	    border: 0;
	    background: transparent;
	    padding-bottom: 30px;
	    text-align: right;
	    width: 70%;
	    left:20px;
	}

	.uploaded-file-editor i.icon-uploaded-file {
	    display: inline-block;
	    width: 20px;
	    height: 19px;
	    -webkit-background-size: contain;
	       -moz-background-size: contain;
	         -o-background-size: contain;
	            background-size: contain;
	    background-position-y: center;
	    background-position-x: center;
	    left: 0;
	    position: absolute;
	    background-repeat: no-repeat;
	}

	.uploaded-file-editor i.icon-uploaded-file.uVideo{
		background-image: url("../../../images/shared/icon_video.png");
	}

	.uploaded-file-editor i.icon-uploaded-file.uAudio{
		background-image: url("../../../images/shared/icon_audio.png");
	}

	.uploaded-file-editor i.icon-uploaded-file.uImage{
		background-image: url("../../../images/shared/icon_image.png");
	}

	.uploaded-file-editor i.icon-uploaded-file.uFile{
		background-image: url("../../../images/shared/icon_archivo.png");
		-webkit-background-size: cover;
		   -moz-background-size: cover;
		     -o-background-size: cover;
		        background-size: cover;
	}

	.html-book .input-group-addon:hover .fa.fa-edit {
		font-weight: bolder;
	}

	.uploaded-file-name i.fa-times{
	    cursor: pointer;
	    vertical-align: top;
	    font-size: 18px;
	    margin-top: 2px;
	    margin-left: 4px;
	}

	.uploaded-file-name{
	    text-align: left;
	    padding-left: 22px;
	    height: 19px;
	    line-height: 1.42857143;
	    font-size: 1.4rem;

	}
	.uploaded-file-name .uploaded-file-content{
	    white-space: nowrap;
	    -o-text-overflow: ellipsis;
	       text-overflow: ellipsis;
	    cursor: pointer;
	}

	.bck-file-attach span{
		display: inline-block;
		max-width: 75%;
		text-overflow: ellipsis;
		overflow: hidden;
	}
	/* Crossword */
	.slide.crosswords {
		color: #525252;
		font-size: 1.5rem;
	}

	.slide.crosswords .enunciados {
		margin-right: 0;
		display: inline-block;
		border: 2px solid #dedede;
		-webkit-border-radius: 7px;
		   -moz-border-radius: 7px;
		        border-radius: 7px;
		padding: 0.5rem 3rem;
		width: 300px;
		line-height: 2.1rem;
	}
	.slide.crosswords .enunciados {overflow: hidden; float: left;}
	.slide.crosswords .enunciados .enunciado {padding: 0px 0 10px 0; font-size: 1.6rem;}
	.slide.crosswords .respuestas { display: block; padding-right: 20px; vertical-align: top; float: left; max-width: 100%;overflow-x: auto; padding-bottom: 20px; margin-bottom: 20px;}
	.slide.crosswords .respuestas .respuesta {line-height: 30px;}
	.slide.crosswords .respuestas .respuesta.offset1 {margin-left: 30px;}
	.slide.crosswords .respuestas .respuesta.offset2 {margin-left: 60px;}
	.slide.crosswords .respuestas .respuesta.offset3 {margin-left: 90px;}
	.slide.crosswords .respuestas .respuesta.offset4 {margin-left: 120px;}
	.slide.crosswords .respuestas .respuesta.offset5 {margin-left: 150px;}
	.slide.crosswords .respuestas .respuesta.offset6 {margin-left: 180px;}
	.slide.crosswords .respuestas .respuesta.offset7 {margin-left: 210px;}
	.slide.crosswords .respuestas .respuesta.offset8 {margin-left: 240px;}
	.slide.crosswords .respuestas .respuesta.offset9 {margin-left: 270px;}
	.slide.crosswords .respuestas .respuesta.offset10 {margin-left: 300px;}
	.slide.crosswords .respuestas .respuesta.offset11 {margin-left: 330px;}
	.slide.crosswords .respuestas .respuesta.offset12 {margin-left: 360px;}
	.slide.crosswords .respuestas .respuesta.offset13 {margin-left: 390px;}
	.slide.crosswords .respuestas .respuesta.offset14 {margin-left: 420px;}
	.slide.crosswords .respuestas .respuesta.offset15 {margin-left: 450px;}
	.slide.crosswords .respuestas .respuesta .caracter {cursor: pointer; height: 3rem; width: 3rem; background-color: #d8d8d8; margin: 0; text-transform:uppercase; border: 1px solid #ffffff;}
	.slide.crosswords .respuestas .respuesta .caracter.solucion {background-color: #a1a1a1; color: #fff; font-weight: bold;}
	.slide.crosswords .respuestas .respuesta .caracter span {display: block; height: 100%; width: 100%; text-align: center; vertical-align: middle;}
	.slide.crosswords .respuestas .respuesta .resultado {height: 30px; width: 30px; margin: 1px 15px 1px 1px; border: none;}
	.slide.crosswords .respuestas .respuesta.respuesta_ok {border: none; background: none;}
	.slide.crosswords .respuestas .respuesta.respuesta_ok .caracter {background-color: #cefda4;}
	.slide.crosswords .respuestas .respuesta.respuesta_ok .caracter.solucion {background-color: #74d320;}
	.slide.crosswords .respuestas .respuesta.respuesta_ko .caracter {background-color: #ffa5ae;}
	.slide.crosswords .respuestas .respuesta.respuesta_ko .caracter.solucion {background-color: #ef0c24;}
	.slide.crosswords .respuestas .respuesta.solucion {border: none; background: none;}
	.slide.crosswords .respuestas .respuesta.solucion .caracter {background-color: #b6ecff;}
	.slide.crosswords .respuestas .respuesta.solucion .caracter.solucion {background-color: #00bdff;}
	.slide.crosswords .respuestas .respuesta input {height: 32px; display: none; float: left; border: 2px solid #ccc; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; letter-spacing: 20px; padding: 0px 0px 0px 10px; margin: 0;}
	.slide.crosswords .respuestas .respuesta input.size1 {width: 30px;}
	.slide.crosswords .respuestas .respuesta input.size2 {width: 60px;}
	.slide.crosswords .respuestas .respuesta input.size3 {width: 90px;}
	.slide.crosswords .respuestas .respuesta input.size4 {width: 120px;}
	.slide.crosswords .respuestas .respuesta input.size5 {width: 150px;}
	.slide.crosswords .respuestas .respuesta input.size6 {width: 180px;}
	.slide.crosswords .respuestas .respuesta input.size7 {width: 210px;}
	.slide.crosswords .respuestas .respuesta input.size8 {width: 240px;}
	.slide.crosswords .respuestas .respuesta input.size9 {width: 270px;}
	.slide.crosswords .respuestas .respuesta input.size10 {width: 300px;}
	.slide.crosswords .respuestas .respuesta input.size11 {width: 330px;}
	.slide.crosswords .respuestas .respuesta input.size12 {width: 360px;}
	.slide.crosswords .respuestas .respuesta input.size13 {width: 390px;}
	.slide.crosswords .respuestas .respuesta input.size14 {width: 420px;}
	.slide.crosswords .respuestas .respuesta input.size15 {width: 440px;}
	.slide.crosswords .respuesta .indice,
	.slide.crosswords .caracter { float: left; }
	.slide.crosswords .indice {font-size: 0.8em; height: 3rem;}
	.slide.crosswords .enunciado .indice { margin-right: 10px; }
	.slide.crosswords .respuesta .indice {width: 20px;}

@media (max-width: 767px) {
	.slide.crosswords .respuestas {float: none; width: 100%!important}
	.slide.crosswords .enunciados {width: 100%!important; float: none; padding: 0 0 0 20px;}
}

/**/

/* Sopa de letras */
	/* Style for grid cells */
	.rf-tgrid {
		height: 26px;
		width: 26px;
		font-family: Verdana,Arial,Helvetica,sans-serif;
		font-weight: bold;
		font-size: 1.2rem;
		border: 1px solid transparent;
		vertical-align: middle;
		text-align: center;

	}

	/* Style for the grid */
	.rf-tablestyle {
		border: 2px solid;
		border-color: #d8d8d8;
		background-color: #FFF;
		cursor: pointer;
		border-collapse: collapse;
		line-height: 2.1rem;
	}

	/* Style for the div containing the grid */
	.rf-searchgamecontainer {
		float: left;
		padding-right: 10px;
		position: relative;
	}

	.rf-searchgamecontainer .rf-mask {
		background-color: rgba(128, 128, 128, 0.2);
		position: absolute;
	}

	/* Style for the div containing the word list */
	.rf-wordcontainer {
		font-family: Verdana,Arial,Helvetica,sans-serif;
		font-size: 1.5rem;
		float :left;
		padding: 10px;
		cursor: default;
		max-width: 450px;
		border: 2px solid;
		border-color: #d8d8d8;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
		border-radius: 10px;
		line-height: 2.1rem;
	}

	.rf-wordcontainer li {
		margin-bottom: 4px;
	}

	.rf-wordcontainer li .index {
		margin-right: 5px;
	}

	.rf-wordcontainer li .index::after {
		content: ". ";
	}

	.rf-foundword {
		font-family: Verdana,Arial,Helvetica,sans-serif;
		text-decoration : line-through;
		color : lightgray;
		font-style : italic;
	}

	.rf-wordcontainer.no-queries .rf-foundword {
		text-decoration: none;
		font-style: normal;
		color: #000;
	}

	.rf-wordcontainer.no-queries .query span {
		visibility: hidden;
	}

	.rf-wordcontainer.no-queries .rf-foundword .query span {
		visibility: visible;
	}

	.rf-tablegrid .rf-armed {
	}

	.rf-tablegrid .rf-highlight {
		background: #b6ecff;
	}


	.rf-tablegrid .rf-glowing {
		background: #e9e9e9;
	}

	.slide.wordsearch .rf-selected {
		background-color: #d0ffa6;
	}

	.slide.wordsearch .rf-selected.selected-horizontal {border-bottom-color: #00AB49;}
	.slide.wordsearch .rf-selected.selected-vertical {border-right-color: #00AB49;}

	.slide.wordsearch .pool.solution .rf-tgrid.rf-selected {
		background-color: #b6ecff;
	}

	.slide.wordsearch .rf-tgrid.selected-horizontal.solucion {
		border-bottom-color: #00bdff !important;
		background-color: #b6ecff !important;}
	.slide.wordsearch .rf-tgrid.selected-vertical.solucion {
		border-right-color: #00bdff !important;
		background-color: #b6ecff !important;}

	.slide.wordsearch .rf-wordcontainer .rf-ptrue.not-found .query span {
		border-bottom: 2px solid #ef0c24;
		background-color: #ffd8dc;
	}

	.slide.wordsearch .rf-tgrid.not-found,
	.slide.wordsearch .rf-wordcontainer .rf-ptrue.found .query span {
		border-bottom: 2px solid #3AC62A;
		background-color: #d0ffa6;
	}

	.rf-wordcontainer.no-queries .rf-ptrue.not-found .query span,
	.rf-wordcontainer.no-queries .rf-ptrue.found .query span {
    	visibility: visible;
	}

	.slide.wordsearch .rf-tgrid.rf-selected.selected-horizontal {border-bottom-color: #00AB49; background-color: #d0ffa6;}
	.slide.wordsearch .rf-tgrid.rf-selected.selected-vertical {border-right-color: #00AB49; background-color: #d0ffa6;}

	.slide.wordsearch .rf-tgrid.selected-horizontal.ejemplo {border-bottom-color: #00bdff; background-color: #b6ecff;}
	.slide.wordsearch .rf-tgrid.selected-vertical.ejemplo {border-right-color: #00bdff; background-color: #b6ecff;}


	.rf-pfalse {
		color: gray;
		visibility: hidden;
	}
/**/

/* Crucigrama */
	table.slide.crosswords-puzzle {float: left;}
	table.slide.crosswords-puzzle input {max-width: 200px;}
	.crosswords-puzzle .titulos {visibility: hidden; text-align: center;}
	.crosswords-puzzle .manual {display: none; width: 130px; text-align: center;}
	.crosswords-puzzle .manual input {width: 2em; text-align: right;}
	.crosswords-puzzle .manual input.fail {background-color: red;}



	.slide.crosswords-puzzle .enunciados {
		border: 2px solid #dedede;
		-webkit-border-radius: 7px;
		   -moz-border-radius: 7px;
		        border-radius: 7px;
		display: inline-block;
		width: 350px;
		padding: 1rem 3rem;
		line-height: 2.1rem;
	}

	.slide.crosswords-puzzle .enunciado {
		font-size: 1.6rem;
	}

	.slide.crosswords-puzzle .indice {
		font-size: 13px;
		float: left;
		padding-top: 5px;
	}

	.slide.crosswords-puzzle .enunciado .indice {
		float: none;
	}

	.btn-generate-crosswords-puzzle {padding: 5px;}
	.btn-generate-crosswords-puzzle.btn-error {background-color: #ffa5ae;}
	.btn-switch-modo-crosswords-puzzle {padding: 5px;}
	.crossword-puzzle-example {margin-top: 20px;}
	.crossword-puzzle-example table {border-collapse: collapse; margin: 0 auto;}
	.crossword-puzzle-example td {text-align: center; border: 1px solid #000; height: 20px; width: 20px;}
	.crossword-puzzle-example td.no-border {border: none;}
	.slide.crosswords-puzzle table.puzzle {
		border-collapse: collapse;
		border-spacing: 0;
		max-width: 100%;
		border: none;
	}
	.slide.crosswords-puzzle table.puzzle tr{
		width: 100%;
	}
	.slide.crosswords-puzzle table.puzzle td {
		width: 31px;
		height: 31px;
		padding: 0;
		margin: 0;
		position: relative;
		border: none;
	}

	.slide.crosswords-puzzle table.puzzle td.hasEntry {
		border: 1px solid #cdcdcd;
	}

	.slide.crosswords-puzzle table.puzzle td input {
		width: 100%;
		height: 100%;
		padding: 0em;
		border: none;
		text-align: center;
		color: #666;
		background-color: #f4f4f4;
		text-transform: uppercase;
	}

	.slide.crosswords-puzzle table.puzzle td input:focus {
		background-color: #fff;
	}

	.slide.crosswords-puzzle table.puzzle td span {
		color: #444;
		font-size: 13px;
		position: absolute;
	}

	.slide.crosswords-puzzle table.puzzle td span.across {
		top: 7px;
		left: -16px;
		width: 12px;
		text-align: right;
	}

	.slide.crosswords-puzzle table.puzzle td span.down {
		top: -18px;
		left: 10px;
	}

	.slide.crosswords-puzzle table.puzzle td span.ta-mask {
		border: none;
		top: 0px;
		left: 0px;
		z-index: 1;
	}

	.slide.crosswords-puzzle table.puzzle td span.ta-mask.visible {
		border-color: #cdcdcd;
		background-color: #FFF;
	}

	.slide.crosswords-puzzle .ta-table-cw {
		resize: none;
		line-height: 31px;
		background-color: transparent;
		padding: 0px;
		position: absolute;
		z-index: 9999999;
		left: -1px;
		top: -1px;
		overflow: hidden;
		letter-spacing: 10px;
		padding-left: 12px;
		padding-top: 1px;
		border: none;
		text-transform: uppercase;
	}

	.slide.crosswords-puzzle .ta-table-cw:focus {
		background-color: transparent;
		outline: none;
	}

	.slide.crosswords-puzzle .ta-table-cw.down {
		padding-left: 11px;
	}

	.slide.crosswords-puzzle .ta-table-cw.across {
		letter-spacing: 20px;
		padding-left: 11px;
	}

	.slide.crosswords-puzzle table.puzzle input {
		color: #525252;
	}

	.slide.crosswords-puzzle table.puzzle input.fail {
		background-color: #ffa5ae;
	}

	.slide.crosswords-puzzle table.puzzle input.solution {
		background-color: #b6ecff;
	}

	.slide.crosswords-puzzle table.puzzle input.done {
		background-color: #cefda4;
	}

	.slide.crosswords-puzzle table.puzzle .active,
	.slide.crosswords-puzzle table.puzzle .clues-active {
		background-color: #ddd;
	}

	.slide.crosswords-puzzle table.puzzle .clue-done {
		color: #999;
		text-decoration: line-through;
	}

	.puzzle-wrapper {
		float: left;
		width: 54%;
		margin-top: 13px;
		margin-right: 10px;
		margin-left: 15px;
		font-size: 1.5rem;
	}
	.slide.crosswords-puzzle .puzzle-clues {
		float: left;
		width: 40%;
		display: none;
	}

	.slide.crosswords-puzzle .puzzle-clues li{
		font-size: 1.2em;
		margin: .3em;
		line-height: 1.6em;
	}
/**/

/* Test */
	#actividad .workspace.test .respuestas {
		margin-top: .3em;
		margin-bottom: 1em;
	}

	#actividad .workspace.test img {
		max-width: 100%;
	}

	#actividad .workspace.test .respuestas li {
		width: 45%;
		display: inline-block;
		vertical-align: top;
	}

	@media screen and (max-width: 1023px) {
		#actividad .workspace.test .respuestas li {
			width: 34%;
		}
	}

	@media screen and (max-width: 520px) {
		#actividad .workspace.test .respuestas li {
			width: 45%;
		}
	}

	#actividad .workspace.test input {
		vertical-align: bottom;
	}

	#actividad .workspace.test .respuesta_ok {
		border-bottom: 2px solid #74d320;
	}

	#actividad .workspace.test .respuesta_ko {
		border-bottom: 2px solid #ef0c24;
	}

	#actividad .workspace.test .solucion {
		border-bottom: 2px solid #00bdff;
	}

	.workspace.test {
	  text-align: initial;
	}

	/* Editar */
	.slide-edit-form.slide-test hr:last-of-type {
		display: none;
	}
/**/


/* ChooseBlanks */
	#actividad .workspace.chooseblanks select {
		border: none;
		border-bottom: 1px solid #CCC;
	}

	#actividad .workspace.chooseblanks .respuesta_ok {
		border-bottom: 1px solid #74d320;
		background-color: #e9fed6;
	}

	#actividad .workspace.chooseblanks .respuesta_ko {
		border-bottom: 1px solid #ef0c24;
		background-color: #ffd8dc;
	}

	#actividad .workspace.chooseblanks .solucion {
		border-bottom: 1px solid #00bdff;
		background-color: #b6ecff;
	}

	#actividad .workspace.chooseblanks .inline-answer {
		display: inline;
	}

	#actividad .workspace.chooseblanks .inline-answer a {
		display: inline-block;
		vertical-align: top;
		border: 2px solid #cfcfcf;
		padding: 3px 6px;
		margin: 0 2px;
		-webkit-border-radius: 13px;
		   -moz-border-radius: 13px;
		        border-radius: 13px;
	}

	#actividad .workspace.chooseblanks .inline-answer a:hover {
		background-color: #e7e7e7;
		color: #414141;
	}

	#actividad .workspace.chooseblanks .inline-answer a.selected:not(.respuesta_ok):not(.respuesta_ko ):not(.solucion) {
		background-color: #e7e7e7;
	}

	#actividad .workspace.chooseblanks .inline-answer a.selected {
		font-weight: bold;
	}

	#actividad .workspace.chooseblanks .inline-answer a.respuesta_ok {
		color: #3AC62A;
		border-color: #3AC62A;
	}

	#actividad .workspace.chooseblanks .inline-answer a.respuesta_ko {
		color: #db3228;
		border-color: #db3228;
	}

	#actividad .workspace.chooseblanks .inline-answer a.solucion {
		color: #00bdff;
		border-color: #00bdff;
	}

/**/

/* Fillblankschoosemixed */

	#actividad .workspace.fillblankschoosemixed select {
		border: none;
		border-bottom: 1px solid #CCC;
	}

	#actividad .workspace.fillblankschoosemixed .respuesta_ok {
		border-bottom: 1px solid #74d320;
		background-color: #e9fed6;
	}

	#actividad .workspace.fillblankschoosemixed .respuesta_ko {
		border-bottom: 1px solid #ef0c24;
		background-color: #ffd8dc;
	}

	#actividad .workspace.fillblankschoosemixed .solucion {
		border-bottom: 1px solid #00bdff;
		background-color: #b6ecff;
	}

	#actividad .workspace.fillblankschoosemixed .inline-answer {
		display: inline;
	}

	#actividad .workspace.fillblankschoosemixed .inline-answer a {
		display: inline-block;
		border: 2px solid #cfcfcf;
		padding: 3px 6px;
		margin: 0 2px;
		-webkit-border-radius: 13px;
		   -moz-border-radius: 13px;
		        border-radius: 13px;
	}

	#actividad .workspace.fillblankschoosemixed .inline-answer a:hover {
		background-color: #e7e7e7;
		color: #414141;
	}

	#actividad .workspace.fillblankschoosemixed .inline-answer a.selected:not(.respuesta_ok):not(.respuesta_ko ):not(.solucion) {
		background-color: #e7e7e7;
	}

	#actividad .workspace.fillblankschoosemixed .inline-answer a.selected {
		font-weight: bold;
	}

	#actividad .workspace.fillblankschoosemixed .inline-answer a.respuesta_ok {
		color: #3AC62A;
		border-color: #3AC62A;
	}

	#actividad .workspace.fillblankschoosemixed .inline-answer a.respuesta_ko {
		color: #db3228;
		border-color: #db3228;
	}

	#actividad .workspace.fillblankschoosemixed .inline-answer a.solucion {
		color: #00bdff;
		border-color: #00bdff;
	}

/* Clasificar */
	#actividad .workspace.clasificar .clasificar_lista {
		position: relative;
		top: 50%;
		text-align: center;
		margin-bottom: 20px;
  	}

	#actividad .workspace.clasificar .clasificar_lista .hidden-classify {
		visibility: hidden;
		opacity: 0;
	}

	/*BK-10884*/
	#actividad .workspace.clasificar .clasificar_lista > ul {
		display: inline-block;
		min-height: 70px;
	}

	#actividad .workspace.clasificar .clasificar_lista .classify-item {
		margin: 2px;
		vertical-align: top;
		min-width: 100px;
		max-width: 250px;
		border: 3px solid #d8d8d8;
		display: inline-block;
		-webkit-border-radius: 4px;
		   -moz-border-radius: 4px;
		        border-radius: 4px;
		cursor: pointer;
  		height:auto;
  		transform:scaleY(1);
		word-wrap: break-word;
		padding-bottom: 10px;
	}

		#actividad .workspace.clasificar .clasificar_lista .classify-item:focus {
			outline-color: transparent;
		}

	#actividad .workspace.clasificar .clasificar_lista img,
	#actividad .workspace.clasificar .clasificar_conjuntos img {
		max-width: 200px;
	}


	#actividad .workspace.clasificar .clasificar_lista .respuesta_over {
		background-color: #f4f4f4;
	}

	#actividad .workspace.clasificar .clasificar_lista .respuesta_checked {
		background-color: #e8e8e8;
	}

	#actividad .workspace.clasificar .clasificar_lista table {
		width: 100%;
	}

	#actividad .workspace.clasificar .clasificar_lista li > p {
		text-align: center;
		margin: 0;
		position: relative;
		top: 40%;
		transform: translateY(-35%);
 	}

	#actividad .workspace.clasificar .clasificar_lista li.ui-draggable-dragging[data-height] > p {
	    transform: none;
	}

	#actividad .workspace.clasificar .clasificar_lista li p img{
		margin: 0;
 	}

 	#actividad .workspace.clasificar .clasificar_lista img.Wirisformula {
		max-width: 200px;
		transform: translateY(10%);
	}



	#actividad .workspace.clasificar .clasificar_conjuntos {
		height: 100%;
		clear: both;
		margin: 0px auto 20px auto;
	}

	#actividad .workspace.clasificar .clasificar_conjuntos .conjunto {
		height: 100%;
		padding: 0px 5px 10px;
	}

	#actividad .workspace.clasificar .clasificar_conjuntos .conjunto .group-box {
		border: 3px solid #d8d8d8;
		-webkit-border-radius: 4px;
		   -moz-border-radius: 4px;
		        border-radius: 4px;
	}

	/*BK-10884*/
	#actividad .workspace.clasificar .clasificar_conjuntos .clasify-group {
		width: 100%;
		height: 100%;
		min-height: 220px;
		word-wrap: break-word;
	}

	#actividad .workspace.clasificar .clasificar_conjuntos span.reset {
		display: block;
	}

	#actividad .workspace.clasificar .clasificar_conjuntos .classify-item {
		text-align: center;
		margin-bottom: 5px;
		cursor: pointer;
		background-color: #f8f8f8;
	}

		#actividad .workspace.clasificar .clasificar_conjuntos .classify-item:focus {
			outline-color: transparent;
		}

	#actividad .workspace.clasificar .clasificar_conjuntos span {
		display: inline-block;
		max-width: 100%;
	}

	#actividad .workspace.clasificar .clasificar_conjuntos .respuesta_ok {
		border-bottom: 1px solid #74d320;
		background-color: #e9fed6;
	}

	#actividad .workspace.clasificar .clasificar_conjuntos .respuesta_ko {
		border-bottom: 1px solid #ef0c24;
		background-color: #ffd8dc;
	}

	#actividad .workspace.clasificar .clasificar_conjuntos span.solucion {
		border-bottom: 1px solid #00bdff;
		background-color: #b6ecff;
	}

	#actividad .workspace.clasificar .clasificar_conjuntos .group-name-top {
		text-align: center;
		font-weight: bold;
		border-bottom: 1px solid #d8d8d8;
		display: table;
		width: 80%;
		margin: 0px 10% 15px;
	}

	#actividad .workspace.clasificar .clasificar_conjuntos .group-name-bottom {
		display: none;
	}

	#actividad .workspace.clasificar .clasificar_conjuntos .group-name-title {
		display: table-cell;
		vertical-align: middle;
 	}

	#actividad .workspace.clasificar .clasificar_conjuntos .row {
		text-align:center;
	}

	#actividad .workspace.clasificar .clasificar_conjuntos .row .col-centered {
		display:inline-block;
		float:none;
		text-align:left;
		margin-right:-4px;
		vertical-align: top;
	}
	/* Editar */

/**/

/* Analisis Sintactico */
#actividad .workspace.syntax .sintaxis_adder .filled {
	border: 1px solid blue;
}

#actividad .workspace.syntax option {
	background-color: inherit;
	color: inherit;
}

#actividad .workspace.syntax select {
	height: 3em;
}

#actividad .workspace.syntax .circulo {
	background-color: #525252;
	color: #fff;
	-webkit-border-radius: 50%;
	   -moz-border-radius: 50%;
	        border-radius: 50%;
	width: 20px;
	height: 20px;
	text-align: center;
	font-weight: bold;
	padding: 0;
	margin-top: 0.7em;
	line-height: 1.6em;
	font-size: 12px;
}

#actividad .workspace.syntax .bloque:before,
#actividad .slide-syntax .bloque:before {
	content: attr(data-contador);
	position: absolute;
	bottom: -25px;
	color: #fff;
	-webkit-border-radius: 50%;
	   -moz-border-radius: 50%;
	        border-radius: 50%;
	display: inline-block;
	height: 20px;
	left: 50%;
	width: 20px;
	font-size: 12px;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	  -o-transform: translateX(-50%);
	     transform: translateX(-50%);
	line-height: 1.6em;
}

#actividad .slide-syntax .bloque:before {
	background-color: #525252;
}

#actividad .slide-syntax .sintaxis_clean {
	padding: 10px;
	text-align: center;
}

#actividad .workspace.syntax .empty:before,
#actividad .slide-syntax .empty:before{
	background-color: #525252;
}

#actividad .workspace.syntax .bloque:not(.respuesta_ko){
	background-color: #fff;
}

#actividad .slide-syntax .empty:before{
	cursor: pointer;
}

#actividad .workspace.syntax .filled:before,
#actividad .workspace.syntax .sintaxis_adder .circulo.filled{
	background-color: blue;
}

#actividad .workspace.syntax .bloque.filled{
		border-bottom: 2px blue solid;
		border-left: 2px blue solid;
		border-right: 2px blue solid;
}

#actividad .workspace.syntax .sintaxis_adder {
	padding: 10px 0px;
}
#actividad .workspace.syntax .sintaxis_frase .tooltip.bottom { margin-top: 27px !important;   }

#actividad .workspace.syntax .sintaxis_frase,
 #actividad .slide-syntax .sintaxis_frase{
	text-align: center;
	font-size: 2.8rem;
	font-weight: bold;
	padding: 10px 0px;
}

#actividad .workspace.syntax .bloque,
#actividad .slide-syntax .sintaxis_frase .bloque {
		position: relative;
		border-bottom: 2px #d8d8d8 solid;
		border-left: 2px #d8d8d8 solid;
		border-right: 2px #d8d8d8 solid;
		padding-bottom: 0.25em;
		padding-left: 5px;
		padding-right: 5px;
		display: -webkit-inline-flex;
		display: -ms-inline-flexbox;
		display: inline-block;
		vertical-align: top;
		margin-bottom: 25px;
	}

#actividad .workspace.syntax .sintaxis_frase .bloque.respuesta_ok,
.sintaxis_adder .respuesta_ok {
border-bottom: 1px solid #74d320;
border-left: 1px solid #74d320;
border-right: 1px solid #74d320;
background-color: #e9fed6;
}

#actividad .workspace.syntax .sintaxis_frase .bloque.respuesta_ko,
.sintaxis_adder .respuesta_ko {
	border-bottom: 1px solid #ef0c24;
	border-left: 1px solid #ef0c24;
	border-right: 1px solid #ef0c24;
	background-color: #ffd8dc;
}

#actividad .workspace.syntax .sintaxis_frase .bloque.respuesta_ok:before,
#actividad .workspace.syntax .circulo.respuesta_ok{
	background-color: #74d320;
}

#actividad .workspace.syntax .sintaxis_frase .bloque.respuesta_ko:before,
#actividad .workspace.syntax .circulo.respuesta_ko{
	background-color: #ef0c24;
}

#actividad .workspace.syntax.solucion .bloque,
#actividad .workspace.syntax.solucion .sintaxis_adder select{
	border-color: #00bdff;
	background-color: #b6ecff;
}

	/* Editar */

#actividad .slide-syntax .sintaxis_frase .tooltip.bottom { margin-top: 27px !important; white-space:pre-wrap;   }

#actividad .slide-syntax .grupo-sintaxis {
		border: 3px solid #d8d8d8;
		-webkit-border-radius: 4px;
		   -moz-border-radius: 4px;
		        border-radius: 4px;
	}

#actividad .slide-syntax .sintaxis_frase,
#actividad .slide-syntax .sintaxis_raya {
		font-weight: 700;
		font-size: 30px;
		padding: 10px 0px;
	}

#actividad .slide-syntax .sintaxis_pre{
	margin: 10px 0px;
}

#actividad .slide-syntax .sintaxis_frase .selecion {
		  background-color: blue;
	}
#sintaxis_adder .vis-hidden{
	visibility: visible;
}



#actividad .slide-syntax .sintaxis_adder_boton button{
		width: 100%;
	}
#actividad .slide-syntax .sintaxis_adder{
		padding: 10px 0px;
	}

#actividad .slide-syntax .new_block{
		padding: 30px 0px;
	}

/**/

/* Ordenar */
	#actividad .workspace.ordenar ul {

	}

	#actividad .workspace.ordenar .js-rank-item {
		border: 3px solid #d8d8d8;
		-webkit-border-radius: 4px;
		   -moz-border-radius: 4px;
		        border-radius: 4px;
		margin-bottom: 5px;
		cursor: pointer;
	}

	#actividad .workspace.ordenar li .texto {

	}

	#actividad .workspace.ordenar li .texto p {
		margin-bottom: 0px;
	}

	#actividad .workspace.ordenar li .texto img {
		max-width: 100%;
	}

	#actividad .workspace.ordenar.ordenar_horizontal li {
		display: inline-block;
		margin-right: 10px;
		padding: 0px 40px;
	}

	#actividad .workspace.ordenar .respuesta_over {
		background-color: #f4f4f4;
	}

	#actividad .workspace.ordenar li > p {
		margin-bottom: 0px;
		padding: 5px;
	}

	#actividad .workspace.ordenar.ejercicio_ok {
		background: url(../../../images/i/solucion_ok.gif) no-repeat right top;
	}

	#actividad .workspace.ordenar.ejercicio_ko {
		background: url(../../../images/i/solucion_ko.gif) no-repeat right top;
	}

	#actividad .workspace.ordenar .solucion {
		border-color: #00bdff;
		background-color: #b6ecff;
	}

	#actividad .workspace.ordenar li.ejercicio_ok {
		background: url(../../../images/i/solucion_ok.gif) no-repeat right top;
	}

	#actividad .workspace.ordenar li.ejercicio_ko {
		background: url(../../../images/i/solucion_ko.gif) no-repeat right top;
	}

/**/

/* Calculo */

	#actividad .workspace.calculo table {
		border-collapse: separate;
		border-spacing: 0px;
	}

	#actividad .workspace.calculo li {
		float: left;
	}

	#actividad .workspace.calculo li:nth-child(2n + 1) {
		clear: left;
	}

	#actividad .workspace.calculo .marco {
		padding: 0 0 3px 0;
	}

	#actividad .workspace.calculo {
		width: 90%;
		margin-left: auto;
		margin-right: auto;
	}

	#actividad .workspace.calculo ul {
		width: 100%;
	}

	#actividad .workspace.calculo li {
		float: left;
	}

	#actividad .workspace.calculo li .marco {
		padding: 0 0 20px 0;
	}

	#actividad .workspace.calculo .respuesta_ko .marco {
		background: url(../../../images/i/solucion_ko.gif) top right no-repeat;
	}

	#actividad .workspace.calculo .respuesta_ok .marco {
		background: url(../../../images/i/solucion_ok.gif) top right no-repeat;
	}

	#actividad .workspace.calculo .cifra {
		text-align: center;
		width: 18px;
		padding: 0px;
	}

	#actividad .workspace.calculo .cifra input[type=text],
	#actividad .workspace.calculo .cifra input[type=tel] {
		text-align: center;
		width: 1.6rem;
		padding: 0px;
	}
/**/

/* Drag and drop */
	.layout-panel.right.column {
		float: none;
		margin: 0 auto;
	}

	#actividad .workspace.drag-and-drop {
		position: relative;
	}

	#actividad .drag .circulo_gris p {
		background: url(../../../images/i/drop_izquierda2.png) 0 0 no-repeat;
		/*height: 20px;*/
		padding: 0px 10px 0px 30px;
		word-wrap: break-word;
	}

	.dnd-base{
	  padding-top:10px;
   }

   .dnd-base .circulo_gris{
		cursor: pointer;
		z-index: 3;
   }

	#actividad .drag li {
		float: left;
		width: 50%;
		min-height: 30px;
		position: relative;
	}

	#actividad .drag-and-drop .drag li div {
		cursor: pointer;
		z-index: 3;
	}

	#actividad .circulo_gris.ui-draggable-dragging {
		height: 20px;
		width: 20px;
	}

	#actividad .circulo_gris.ui-draggable-dragging p {
		position: absolute;
		min-width: 100px;
		min-height: 12px;
		text-align: center;
		margin: 12px;
		padding: 2px 5px;
	}

	#actividad .multimedia-container .circulo_gris.editar:before,
	#actividad .multimedia-container .circulo_gris.drop_solucion:before,
	#actividad .multimedia-container .circulo_gris.respuesta:before {
		min-height: 12px;
		color: #fff;
		text-align: center;
		background: rgba(0,0,0,0.7);
		margin: 12px;
		padding: 2px 5px;
		z-index: -1;
		display: block;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		overflow: hidden;
		-o-text-overflow: ellipsis;
		   text-overflow: ellipsis;
		min-width: 100px;
	}

	#actividad .multimedia-container .circulo_gris.editar[data-content]:before,
	#actividad .multimedia-container .circulo_gris.drop_solucion[data-content]:before {
		content: attr(data-content);
	}

	#actividad .multimedia-container .circulo_gris.respuesta[data-content-user]:before {
		content: attr(data-content-user);
	}

	#actividad .multimedia-container .circulo_gris {
		height: 20%;
		width: 20%;
		-webkit-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		-moz-transform: translate(-50%, -50%);
		  -o-transform: translate(-50%, -50%);
		     transform: translate(-50%, -50%);
		cursor: default;
	}

	#actividad .multimedia-container .circulo_gris.ver:after,
	#actividad .multimedia-container .respuesta,
	#actividad .multimedia-container .circulo_gris.editar {
		background-color: white;
		-webkit-border-radius: 50%;
		   -moz-border-radius: 50%;
		        border-radius: 50%;
		-webkit-box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.75);
		   -moz-box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.75);
		        box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.75);
		height: 12px;
		width: 12px;
		position: absolute;
		cursor: pointer;
		z-index: 10;
	}

	#actividad .multimedia-container .circulo_gris.ver:after {
		content: '';
		left: 50%;
		top: 50%;
		-webkit-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		-moz-transform: translate(-50%, -50%);
		  -o-transform: translate(-50%, -50%);
		     transform: translate(-50%, -50%);
	}
	body:not(.edit) #actividad .multimedia-container .circulo_gris:not(.respuesta){
		pointer-events: none
	}


	#actividad .multimedia-container .drop_nada {
		background-position: 0 0;
	}

	#actividad .multimedia-container  .drop_nada_texto {
		background-position: 0 -120px;
	}

	.multimedia-container .respuesta.drop_ok,
	#actividad .multimedia-container .circulo_gris.drop_solucion,
	#actividad .multimedia-container .circulo_gris.drop_solucion:after,
	.multimedia-container .respuesta.drop_ko {
		-webkit-box-shadow: none;
		   -moz-box-shadow: none;
		        box-shadow: none;
		-webkit-border-radius: 0;
		   -moz-border-radius: 0;
		        border-radius: 0;
		background-color: transparent;
	}

	.multimedia-container .respuesta.drop_ok:after,
	.multimedia-container .answer.drop_ok span:before,
	#actividad .multimedia-container .circulo_gris.drop_solucion,
	#actividad .multimedia-container .circulo_gris.drop_solucion:after,
	.multimedia-container .respuesta.drop_ko:after,
	.multimedia-container .answer.drop_ko span:before {
		background-repeat: no-repeat;
		background-position: center center;
		content: '';
		height: 26px;
	    width: 30px;
	    position: absolute;
	    top: 0;
	    -webkit-transform: translate(-25%, -25%);
		-ms-transform: translate(-25%, -25%);
		-moz-transform: translate(-25%, -25%);
		  -o-transform: translate(-25%, -25%);
		     transform: translate(-25%, -25%);
	}

	#actividad .multimedia-container .circulo_gris.drop_solucion,
	#actividad .multimedia-container .circulo_gris.drop_solucion:after {
		-webkit-transform: translate(-50%, -25%);
		-ms-transform: translate(-50%, -25%);
		-moz-transform: translate(-50%, -25%);
		  -o-transform: translate(-50%, -25%);
		     transform: translate(-50%, -25%);
	}

	.multimedia-container .respuesta.drop_ko:after,
	.multimedia-container .answer.drop_ko span:before {
		background-image: url(../../../images/i/drop_miniko.png);
	}

	.multimedia-container .respuesta.drop_ok:after,
	.multimedia-container .answer.drop_ok span:before {
		background-image: url(../../../images/i/drop_miniok.png);
	}

	.multimedia-container .circulo_gris.drop_solucion:after {
		background-image: url(../../../images/i/drop_izquierda.png);
	}

	.video.multimedia-container {
		height: 270px;
		position: relative;
	}

	#actividad .multimedia-container iframe.vimeo-iframe {
		width: 100%;
		margin: auto;
	}

/**/

/* Image over image */
.layout-panel.right.column {
	float: none;
	margin: 0 auto;
}

#actividad .workspace.imageoverimage {
	position: relative;
}

#actividad .workspace.image-over-image {
	width: 90%;
    margin: 25px auto;
}

#actividad .slide-imageoverimage .drag .circulo_gris p {
	background: none;
	padding: 0px;
	word-wrap: break-word;
}

.slide-imageoverimage .dnd-base{
  padding-top:0;
}

.dnd-base .circulo_gris{
	cursor: pointer;
	z-index: 3;
}

#actividad .slide-imageoverimage .drag_image-over-image ul {
	padding: 20px 30px 0;
}

#actividad .slide-imageoverimage .drag_image-over-image li {
	float: none;
	display: inline-block;
	vertical-align: top;
	width: 50%;
	height: 120px;
	position: relative;
	margin-bottom: 20px;
}

#actividad .slide-imageoverimage .drag_image-over-image li img {
	cursor: pointer;
	z-index: 3;
	display: inline-block;
	max-height: 100%;
}
#actividad .slide-imageoverimage .drag_image-over-image li img.ui-draggable-dragging {
	max-width: inherit!important;
	max-height: inherit!important;
}
#actividad .image-over-image .drag_image-over-image li {
	height: 120px;
	margin-bottom: 20px;
	margin: auto;
   	float: left;
   	width: 25%;
   	min-height: 33px;
   	position: relative;
  	text-align: center;
}
#actividad .image-over-image .drag_image-over-image li img {
	max-height: 100%;
}
#actividad .image-over-image .drag_image-over-image li img.ui-draggable-dragging {
	max-width: inherit!important;
	max-height: inherit!important;
}
.layout-panel.left .drop_solucion img ,
.layout-panel.left .answer img,
.layout-panel.right .drop_solucion img ,
.layout-panel.right .answer img {
	max-width: none;
	width: 100%;
}
.layout-panel.left .drop_solucion span,
.layout-panel.left .answer span,
.layout-panel.right .drop_solucion span ,
.layout-panel.right .answer span {
	position: absolute;
    top: 50%;
    left: 50%;
	transform: translate(-50%, -50%);
}

/**/

#actividad .multimedia-container .circulo_gris.editar:before,
#actividad .multimedia-container .circulo_gris.drop_solucion:before,
#actividad .multimedia-container .circulo_gris.respuesta:before {
	min-height: 12px;
	color: #fff;
	text-align: center;
	background: rgba(0,0,0,0.7);
	margin: 12px;
	padding: 2px 5px;
	z-index: -1;
	display: block;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	-o-text-overflow: ellipsis;
	   text-overflow: ellipsis;
	min-width: 100px;
}

#actividad .multimedia-container .circulo_gris.editar[data-content]:before,
#actividad .multimedia-container .circulo_gris.drop_solucion[data-content]:before {
	content: attr(data-content);
}

#actividad .multimedia-container .circulo_gris.respuesta[data-content-user]:before {
	content: attr(data-content-user);
}

#actividad .slide-imageoverimage .multimedia-container .circulo_gris {
	height: auto;
	width: auto;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	  -o-transform: translate(-50%, -50%);
		 transform: translate(-50%, -50%);
	cursor: default;
}

#actividad .multimedia-container .circulo_gris.ver:after,
#actividad .multimedia-container .respuesta,
#actividad .multimedia-container .circulo_gris.editar {
	background-color: white;
	-webkit-border-radius: 50%;
	   -moz-border-radius: 50%;
			border-radius: 50%;
	-webkit-box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.75);
	   -moz-box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.75);
			box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.75);
	height: 12px;
	width: 12px;
	position: absolute;
	cursor: pointer;
	z-index: 10;
}

#actividad .multimedia-container .circulo_gris.ver:after {
	content: '';
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	  -o-transform: translate(-50%, -50%);
		 transform: translate(-50%, -50%);
}
body:not(.edit) #actividad .multimedia-container .circulo_gris:not(.respuesta){
	pointer-events: none
}


#actividad .multimedia-container .drop_nada {
	background-position: 0 0;
}

#actividad .multimedia-container  .drop_nada_texto {
	background-position: 0 -120px;
}

.multimedia-container .respuesta.drop_ok,
#actividad .multimedia-container .circulo_gris.drop_solucion,
#actividad .multimedia-container .circulo_gris.drop_solucion:after,
.multimedia-container .respuesta.drop_ko {
	-webkit-box-shadow: none;
	   -moz-box-shadow: none;
			box-shadow: none;
	-webkit-border-radius: 0;
	   -moz-border-radius: 0;
			border-radius: 0;
	background-color: transparent;
}

.image-over-image-multimedia .multimedia-container .respuesta.drop_ok:after,
.image-over-image-multimedia .multimedia-container .answer.drop_ok span:before,
#actividad .image-over-image-multimedia .multimedia-container .circulo_gris.drop_solucion,
#actividad .image-over-image-multimedia .multimedia-container .circulo_gris.drop_solucion:after,
.image-over-image-multimedia .multimedia-container .respuesta.drop_ko:after,
.image-over-image-multimedia .multimedia-container .answer.drop_ko span:before {
	background-repeat: no-repeat;
	background-position: center center;
	content: '';
	height: 40px;
	width: 40px;
	position: absolute;
	top: 0;
	-webkit-transform: translate(-25%, -25%);
	-ms-transform: translate(-25%, -25%);
	-moz-transform: translate(-25%, -25%);
	  -o-transform: translate(-25%, -25%);
		 transform: translate(-25%, -25%);
}

#actividad .multimedia-container .circulo_gris.drop_solucion,
#actividad .multimedia-container .circulo_gris.drop_solucion:after {
	-webkit-transform: translate(-50%, -25%);
	-ms-transform: translate(-50%, -25%);
	-moz-transform: translate(-50%, -25%);
	  -o-transform: translate(-50%, -25%);
		 transform: translate(-50%, -25%);
}

.image-over-image-multimedia .multimedia-container .respuesta.drop_ko:after,
.image-over-image-multimedia .multimedia-container .answer.drop_ko span:before {
	background-image: url(../../../images/i/drop_miniko.png);
	background-size: 100%;
}

.image-over-image-multimedia .multimedia-container .respuesta.drop_ko img,
.image-over-image-multimedia .multimedia-container .answer.drop_ko img {
	outline: 2px dashed #fc4237;
}

.image-over-image-multimedia .multimedia-container .respuesta.drop_ok:after,
.image-over-image-multimedia .multimedia-container .answer.drop_ok span:before {
	background-image: url(../../../images/i/drop_miniok.png);
	background-size: 100%;
}

.image-over-image-multimedia .multimedia-container .respuesta.drop_ok img,
.image-over-image-multimedia .multimedia-container .answer.drop_ok img {
	outline: 2px dashed #85c939;
}

.image-over-image-multimedia .multimedia-container .circulo_gris.drop_solucion:after {
	background-image: url(../../../images/i/drop_izquierda.png);
}

.video.multimedia-container {
	height: 270px;
	position: relative;
}

#actividad .multimedia-container iframe.vimeo-iframe {
	width: 100%;
	margin: auto;
}

/**/

/* Multiple Choice*/

	/*BK-12227 Para que se mantenga la misma separación entre elementos cuando estos están dispuestos en lista hozizontal*/
	#actividad .workspace.multiplechoice_horizontal>ul{
		text-align: center;
	}
	#actividad .workspace.multiplechoice_horizontal>ul.move-text{
		text-align: left;
	}

	#actividad .workspace.multiple-choice .opcion {
		min-width: 100px;
		border: 3px solid #d8d8d8;
		-webkit-border-radius: 4px;
		   -moz-border-radius: 4px;
		        border-radius: 4px;
		margin-bottom: 10px;
		padding: 5px 0px;
		cursor: pointer;
	}


	#actividad .workspace.multiple-choice .opcion {
		max-width: 100%;
	}

	/*BK-10884*/
	#actividad .workspace.multiple-choice .opcion > ol,
	#actividad .workspace.multiple-choice .opcion > ul {
		margin-left: 10%;
	}

	#actividad .workspace.multiple-choice .opcion img {
		max-width: 100%;
	}

	#actividad .workspace.multiple-choice .opcion.respuesta_over {
		background-color: #f4f4f4;
	}

	#actividad .workspace.multiple-choice .opcion.respuesta_checked {
		border-color: #d8d8d8;
		background-color: #e8e8e8;
	}

	#actividad .workspace.multiple-choice .opcion.respuesta_ok {
		border-color: #74d320;
		background-color: #e9fed6;
	}

	#actividad .workspace.multiple-choice .opcion.respuesta_ok {
		background-image: url(../../../images/i/solucion_ok.gif);
		background-position: 10px center;
		background-repeat: no-repeat;
	}

	#actividad .workspace.multiple-choice .opcion.respuesta_ko {
		border-color: #ef0c24;
		background-color: #ffd8dc;
	}

	#actividad .workspace.multiple-choice .opcion.respuesta_ko {
		background-image: url(../../../images/i/solucion_ko.gif);
		background-position: 10px center;
		background-repeat: no-repeat;
	}

	#actividad .workspace.multiple-choice .opcion.solucion {
		border-color: #00bdff;
		background-color: #b6ecff;
	}

	#actividad .workspace.multiple-choice .opcion p {
		padding: 5px 5px 7px 60px;
		margin: 0px;
		text-align: left;
	}

	#actividad .workspace.multiplechoice_horizontal .opcion{
		display: inline-block;
		margin: 10px;
		padding: 0px 50px;
	}

	#actividad .workspace.multiplechoice_horizontal .opcion p {
		padding: 5px 5px 7px 7px;
	}

/**/

/*True-False*/
	#actividad .workspace.true-false li {
		margin-bottom: 20px;
	}

	#actividad .workspace.true-false li img {
		max-width: 100%;
	}

	#actividad .workspace.true-false .tf-option {
		display: inline-block;
		margin-left: 20px;
	}

	#actividad .workspace.true-false .respuesta_ok {
		border-bottom: 2px solid #74d320;
	}

	#actividad .workspace.true-false .respuesta_ko {
		border-bottom: 2px solid #ef0c24;
	}

	#actividad .workspace.true-false .solucion {
		border-bottom: 2px solid #00bdff;
	}

   #actividad .add-option {
		display: block;
		margin: 0 auto;
		width: 30px;
		height: 30px;
		background: #3AC62A url(../../../images/shared/controls.png) no-repeat -30px 0;
		-webkit-border-radius: 100%;
		   -moz-border-radius: 100%;
		        border-radius: 100%;
	}

	#actividad .add-option.disabled {
		cursor: default;
		opacity: .5;
		filter: alpha(opacity=50);
	}
/**/

/*Matching*/
	#actividad .workspace.matching {
		width: 100%;
	}

	#actividad .opciones,
	#actividad .img-relaciones {
		float: left;
	}

	#actividad .opciones {
		width: 45%;
	}

	#actividad .workspace.matching .opcion {
		overflow: hidden;
		min-height: 2.5em;
		-webkit-border-radius: 4px;
		   -moz-border-radius: 4px;
		        border-radius: 4px;
		border: 1px solid #d8d8d8;
		margin: 2px 0px;
		padding: 5px;
		width: 100%;
		float:left;
	}

	#actividad .workspace.matching.blocks .opcion {
		-webkit-border-radius: 4px;
		   -moz-border-radius: 4px;
		        border-radius: 4px;
	}

	#actividad .workspace.matching.blocks .opciones .emparejado.destino {
		border-top-right-radius: 4px 4px;
		border-bottom-right-radius: 4px 4px;
		border-top-left-radius: 0px;
		border-bottom-left-radius: 0px;
	}

	#actividad .workspace.matching.blocks .opciones .emparejado.origen {
		border-top-left-radius: 4px 4px;
		border-bottom-left-radius: 4px 4px;
		border-bottom-right-radius: 0px;
		border-top-right-radius: 0px;
	}

	#actividad .workspace.matching.blocks .opciones .opcion.origen:not(.emparejado) {
		    margin-right: 14px;
		    transition: margin-right .2s;
		    width: calc(100% - 14px);
	}

	#actividad .workspace.matching.blocks .opciones .opcion.destino:not(.emparejado) {
		    margin-left: 14px;
		    transition: margin-left .2s, padding-left .2s;
		    width: calc(100% - 14px);
	}

	#actividad .workspace.matching .opciones .opcion.emparejado.destino {
		border-width: 1px 1px 1px 0;
	}

	#actividad .workspace.matching .opciones .opcion.emparejado.origen {
		border-width: 1px 0 1px 1px;
	}

	#actividad .workspace.matching .emparejado.ok {
		border-color: #74d320;
	}

	#actividad .workspace.matching .emparejado.ko {
		border-color: #ef0c24;
	}

	#actividad .workspace.matching .emparejado.ok {
		border-color: #74d320;
	}

	#actividad .workspace.matching .emparejado.sol {
		border-color: #00bdff;
	}

	#actividad .workspace.matching .block {
		display: block;
		position: static;
		top: 0;
		margin: 2px 0;
		border: 1px solid;
		float: left;
		width: 100%;
		border-color: #fff;
		cursor: pointer;
	}

	#actividad .workspace.matching .block.emparejado {
		border-top-color: #d8d8d8;
		border-bottom-color: #d8d8d8;
		visibility: hidden;
	}

	#actividad .workspace.matching .block.emparejado.ok {
		border-color: #fff;
		border-top-color: #74d320;
		border-bottom-color: #74d320;
	}

	#actividad .workspace.matching .block.emparejado.ko {
		border-color: #fff;
		border-top-color: #ef0c24;
		border-bottom-color: #ef0c24;
	}

	#actividad .workspace.matching .block.emparejado.sol {
		border-color: #fff;
		border-top-color: #00bdff;
		border-bottom-color: #00bdff;
	}


	 #actividad .workspace.matching .box {
		-webkit-border-radius: 0;
		   -moz-border-radius: 0;
		        border-radius: 0;
	}

	#actividad .workspace.matching .opcion img {
		max-width: 80%;
		margin: 0; /* BK-16797 Centrar imagenes en slides matching */
	}

	#actividad .reducida .opcion {
		height: 3em;
	}

	#actividad .box {
		text-align: center;
		display: table;
		width: 100%;
		height: 100%;
		min-height: 2.5em;
		cursor: pointer;
	}

	#actividad .box p {
		display: table-cell;
		vertical-align: middle;
	}

	#actividad .box.row p {
		display: table-row;
		vertical-align: middle;
	}

	#actividad .box.row{
	    margin: 0 auto;
	}

	#actividad .respuesta_over .box {
		background-color: #f4f4f4;
	}

	#actividad .respuesta_checked .box {
		background-color: #e8e8e8;
	}

	#actividad .img-relaciones {
		width: 10%;
		min-height: 1px;
		position: relative;
	}

	#actividad .workspace.matching.blocks .img-relaciones {
		width: 0%;
	}

	/* Ponemos en linea el tamaño en slide_matching.js */
	#actividad .img-relaciones img {
		width: 100% ! important;
	}

	/* New canvas for matching */
	#actividad .matchingRelaciones {
		width:100%;
	}
/**/

/* Reading */
	#actividad .workspace.reading {
		margin-top: 20px;
		line-height: 2.1rem;
	}

	#actividad .workspace.reading .slide-text {
		word-wrap: break-word;
	}

	.workspace.reading .reading_result {
		text-align: center;
	}

	.workspace.reading .linea_separadora {
		background-color: #fc4237;
		height: 3px;
		width: 70%;
		margin: 15px auto;
	}

	.workspace.reading .title {
		font-weight: bold;
	}

	.workspace.reading .value {
		font-weight: bold;
		color: #77b800;
	}
/**/

/* Dictation */
	.workspace.dictation .textarea.respuesta_ok {
		border: 2px solid #74d320;
		background: #e9fed6;
	}

	.workspace.dictation .textarea.solucion {
		border: 2px solid #00bdff;
		background: #b6ecff;
	}
/**/

/*Markwords*/

	#actividad .markwords-word {
		cursor: pointer;
		line-height: 2.0em !important;
	}

	#actividad .markword-active {
		border-radius: 12px !important;
		padding: 4px !important;
		border: 2px solid #CCC !important;
	}

	#actividad .markword-correct {
		padding: 4px !important;
		color: #78bb31 !important;
	    background-color: #d8efbe !important;
		border-radius: 12px !important;
	    border: 2px solid #78bb31 !important;
	}

	#actividad .markword-false {
		padding: 4px !important;
		color: #a91e16 !important;
	    background-color: #ffbfbf !important;
		border-radius: 12px !important;
	    border: 2px solid #a91e16 !important;
	}

	#actividad .markword-solution {
		padding: 4px !important;
		color: #3195bb !important;
	    background-color: #bee1ef !important;
		border-radius: 12px !important;
	    border: 2px solid #3195bb !important;
	}

	@media (max-width: 1024px) {
		#actividad .slide_content_type_32 .slide-wrapper {
			padding: 0 30px 0 10px;
		}
	}

	@media (max-width: 768px) {
		#actividad .slide_content_type_32 .slide-wrapper {
		    padding: 0 60px 0 20px;
		}
	}

	@media (max-width: 425px) {
		#actividad .slide_content_type_32 .slide-wrapper {
		    padding: 0 30px 0 0;
		}
	}

/**/

/*Slider Image*/



	/*Editar*/
		.edit #actividad .btn-primary .fa-plus {
			padding-right: 5px;
		}

		.edit #actividad .img-thumbs-name, .edit #actividad .img-thumbs-delete {
			line-height: 2;
		}

		.edit #actividad .img-thumbs-name {
			display: block;
			float: left;
			max-width: 275px;
			text-overflow: ellipsis;
			white-space: nowrap;
			overflow: hidden;
		}

		.edit #actividad .img-thumbs-delete .fa-times {
			padding-left: 5px;
			color: #fA3c40;
			cursor: pointer;
		}

		.edit #actividad .form-questions {
			margin-bottom: 40px;
		}
	/**/



	.imageslider .img-main .slick-slide img{
		max-height:600px;
	}
	.imageslider .img-main{
		/*min-height:600px;*/
	}
	.slick-arrow0{
		background-image:none !important;
	}

	.imageslider .img-main{
		display: flex ;
		flex-direction: row ;
		align-items: center ;
		vertical-align: middle;
	}

		/*Ver*/

		#actividad .slick-slide:focus {
			outline: 0;
		}

		/*--- SLIDE CONTAINER  --------------------------------------------*/
			#actividad .slider-container {
				padding: 0px 40px;
	 			margin: 0 auto;
			}

		/*--- FLECHAS DESPLAZAMIENTO  --------------------------------------------*/
			#actividad .slick-arrow {
				height: 100%;
				width: 70px;
				z-index: 101;
			}
				#actividad .slick-next {
					text-align: right;
					background-image: linear-gradient(to right, rgba(255, 255, 255, 0), rgb(255, 255, 255), rgb(255, 255, 255));
					right: -25px;
				}
				#actividad .slick-prev {
					text-align: left;
					background-image: linear-gradient(to right, rgb(255, 255, 255), rgb(255, 255, 255), rgba(255, 255, 255, 0));
					left: -25px;
				}

			#actividad .slick-arrow:before {
				font-size: 30px;
				font-weight: 600;
			}
				#actividad .slick-prev:before, #actividad .slick-next:before {
					font-family: 'FontAwesome';
					color: black;
				}

				#actividad .slick-prev:before {
					content: '\f053';
				}

				#actividad .slick-next:before {
					content: '\f054';
				}

				#actividad .slick-next:hover, #actividad .slick-next:focus {
					background-image: linear-gradient(to right, rgba(255, 255, 255, 0), rgb(255, 255, 255), rgb(255, 255, 255));
				}

				#actividad .slick-prev:hover, #actividad .slick-prev:focus {
					background-image: linear-gradient(to right, rgb(255, 255, 255), rgb(255, 255, 255), rgba(255, 255, 255, 0));
				}

				#actividad .slick-prev:not(.slick-disabled):hover:before, #actividad .slick-next:not(.slick-disabled):hover:before{
					color: #999;
				}

		/* VISTA IMAGEN  --------------------------------------------*/
			#actividad .img-main {
				margin-top: 20px;
				text-align: center;
				width: 100%;
			}

			#actividad .img-main .slick-slide img {
				max-width: 94%;
				display: inline;
			}

			#actividad .img-main .slick-track{
				display: flex;
				align-items: center;
			}
		/* TITULO IMG  --------------------------------------------*/
			#actividad .img-title {
				width: 100%;
				text-align: center;
				margin: 10px 0;
			}
			#actividad .img-title h5 {
				min-height:1em;
				position: relative;
				margin: 0;
			}

		/* SLIDER  --------------------------------------------*/
			#actividad .img-thumbs {
				margin-top: 20px;
			}

				#actividad .img-thumbs .slick-track {
					padding: 5px 0px;
				}

					#actividad .img-thumbs .slick-slide {
						padding: 20px 0px;
						margin: 0px 10px;
						height: inherit;
					}

						#actividad .img-thumbs .slick-slide img {
							position: relative;
							max-width: 100%;

							-webkit-transition: all 200ms ease-in-out;
						    -moz-transition: all 200ms ease-in-out;
						    -ms-transition: all 200ms ease-in-out;
						    -o-transition: all 200ms ease-in-out;
						}

						#actividad .img-thumbs .slick-slide:not(.slick-current) img {
							opacity: 0.2;

						    z-index: 100;
						}

						/* Clase para dar Hover a las imágenes que no sean las principales */
						#actividad .img-thumbs .slick-slide img.img-notCurrent:hover {
							opacity: 1;
						    box-shadow: 0px 0px 4px #aaa;
						}

						#actividad .img-thumbs .slick-slide.slick-current img{
							opacity: 1;

							transform:scale(1.4);
							-ms-transform:scale(1.4);
							-moz-transform:scale(1.4);
							-webkit-transform:scale(1.4);
							-o-transform:scale(1.4);

						    box-shadow: 0px 0px 2px 2px #999;

						    z-index: 101;
						}
/**/

/* Content */
	.slide_content_type_1 .content-clone-panel {
		display: none;
	}
/**/

#iframe_div {
	background-color:#ffffff;
	position:fixed;
	z-index: 9000;
	display: none
}

#iframe_div.iframe_div.audio {
	background-color: transparent;
	margin-left: -180px;
	bottom: 30px;
}

#iframe_div.iframe_div.audio.nav-mode {
	bottom: 100px;
}

#iframe_div.image {
	background: none;
}

#iframe_div.image img {
	width: 100%!important;
	height: auto!important;
}

#iframe_div.panel {
	position: absolute;
}

.btn-close-iframe {
	position: absolute;
	right: 0;
	-webkit-transform: translate(0, -100%);
    -moz-transform: translate(0, -100%);
     -ms-transform: translate(0, -100%);
      -o-transform: translate(0, -100%);
	     transform: translate(0, -100%);
    margin-top: -5px;
}

.btn-close-iframe a {
	padding: 10px;
}

.btn-close-iframe a:hover,
.btn-close-iframe a:active,
.btn-close-iframe a:focus {
	color: black;
	font-weight: bold;
}

#iframe_div.panel .btn-close-iframe {
	background-color: #4D4D4F;
    width: 100%;
    min-width: 500px;
    left: 0;
    top: 0 ! important;
    margin-top: 0;
    padding: 0;
    height: 44px;
    text-align: right;
}

#iframe_div.panel .btn-close-iframe h4 {
	display: inline-block;
    float: left;
    margin-top: 10px;
    padding-left: 15px;
    color: white;
    font-size: 24px;
}

#iframe_div.panel .btn-close-iframe a {
	color: #fff;
	background: url('../../../images/shared/tools.png') 0 0 no-repeat;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	background-position: 0 -550px !important;
	height: 44px;
	width: 54px;
	position: relative;
	-webkit-transition: none;
	-o-transition: none;
	-moz-transition: none;
	transition: none;
	display: inline-block;
	padding: 0;
	opacity: 0.5;
}

#iframe_div.panel .btn-close-iframe a:hover {
	opacity: 1;
	background-color: transparent;
}

#iframe_div.panel .btn-close-iframe a:before {
	content: '';
	background-color: #333;
    display: block;
    width: 1px;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
}

#iframe_div.panel .btn-close-iframe a:after{
	content: '';
	background-color: #666666;
    left: 1px;
    display: block;
    width: 1px;
    height: 100%;
    position: absolute;
    top: 0;
    z-index: 10;
}

#iframe_div.panel .btn-close-iframe span, #iframe_div.panel .btn-close-iframe i {
	display: none;
}

.btn-close-iframe.inside-close-btn {
	bottom: 0;
	width: 54px;
	height: 44px;
	-webkit-transform: translate(0, 0);
	   -moz-transform: translate(0, 0);
	    -ms-transform: translate(0, 0);
	     -o-transform: translate(0, 0);
	        transform: translate(0, 0);
}

.btn-close-iframe.inside-close-btn:before,
.btn-close-iframe.inside-close-btn:after {
	content: '';
	display: block;
	width: 1px;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
	background-color: #2E4469;
}

.btn-close-iframe.inside-close-btn:after {
	left: 1px;
	background: #496492;
}

.btn-close-iframe.inside-close-btn a {
	display: inline-block;
	width: 52px;
	height: 100%;
	margin-left: 2px;
	background: url('../../../images/shared/tools.png') 0 0 no-repeat;
	background-position: -2px -548px !important;
	padding: 0;
	opacity: 0.5;
	filter: alpha(opacity=50);
	color: transparent;
}

.btn-close-iframe.inside-close-btn a:hover,
.btn-close-iframe.inside-close-btn a:focus {
	background-color: transparent;
	opacity: 1;
	filter: alpha(opacity=100);
}

#iframe_div.panel #class_iframe {
	-webkit-border-radius: 0;
	   -moz-border-radius: 0;
	        border-radius: 0;
	border: 1px solid #4D4D4F;
}

.control {
	z-index: 10;
}

/* Bootstrap override */

	.btn:focus,
	.btn:active:focus,
	.btn.active:focus {
		outline: none;
	}

	.slider-control,
	.slider-control:focus {
		position: fixed;
		height: 150px;
		width: 75px;
		background-color: #4b4b4b;
		top: 50%;
		margin-top: -55px;
		color: #FFF;
		opacity: .5;
		font-size: 20px;
	}

	body:not(.android) .slider-control:not([disabled]):not(.disabled):hover {
		opacity: .9;
		color: #FFF;
	}

	body:not(.android) .main-navigator .slider-control:not(.disabled):hover {
		color: #444;
	}

	.slider-inner > .next.left,
	.slider-inner > .prev.right {
	  left: 0;
	  width: 960px;
	}

	.slider-control span {
		top: 50%;
		position: absolute;
		margin-top: -20px;
		font-size: 2em;
	}

	.slider-control.left {
		left: 0px;
		-webkit-border-radius: 0px 75px 75px 0px;
		   -moz-border-radius: 0px 75px 75px 0px;
		        border-radius: 0px 75px 75px 0px;
	}

	.slider-control.left.continuo {
		right: 50%;
		left: initial;
		margin-top: 0;
		top: 5px;
		-webkit-transform: rotate(90deg);
		   -moz-transform: rotate(90deg);
		    -ms-transform: rotate(90deg);
		     -o-transform: rotate(90deg);
		        transform: rotate(90deg);
	}

	.slider-control.left span {
		right: 30px;
	}

	.slider-control.right {
		right: 0px;
		-webkit-border-radius: 75px 0px 0px 75px;
		   -moz-border-radius: 75px 0px 0px 75px;
		        border-radius: 75px 0px 0px 75px;
	}

	.slider-control.right.continuo {
		right: 50%;
		margin-top: 0;
		top: initial;
		bottom: -38px;
		-webkit-transform: rotate(90deg);
		   -moz-transform: rotate(90deg);
		    -ms-transform: rotate(90deg);
		     -o-transform: rotate(90deg);
		        transform: rotate(90deg);
	}

	.slider-control.right span {
		left: 30px;
	}
/**/

.home-sections .dos .js-carousel5 .carousel-inner:after {
	background: none;
}

.home-sections .dos .js-carousel5 .carousel-inner {
	background-color: white;
}

.home-sections .dos .js-carousel5 .carousel-inner > .item > img {
	height: 100%;
	left: -212px;
	max-width: 960px;
	position: relative;
	top: -29px;
}

/*  Actividades */

	#actividad .pregunta {
		margin-bottom: 20px;
	}

	#actividad .pregunta .texto_curso {
		font-size: 2.4rem;
	}

	#actividad .slide_content_type_1 .pregunta .texto_curso {
		font-size: 1.8rem;
	}
/**
 * BK-8011
 */
	.texto_curso {
		word-wrap: break-word;
		position: relative;
	}

	.floating {
		width:100%;
	}

	.zoom_flag {
		position: relative;
		z-index: 1;
		right: 0px;
		display: none;
	}
	.is_app .zoom_flag {
		display: none!important;
	}
	.zoom_flag_img {
		position: absolute;
		top: 10px;
		right: 10px;
		vertical-align: top;
		background-image: url('../../../images/shared/tools.png');
		-webkit-background-size: 81px auto;
		   -moz-background-size: 81px auto;
		     -o-background-size: 81px auto;
		        background-size: 81px auto;
		background-position: -7px -549px;
		background-repeat: no-repeat;
		height: 28px;
		width: 28px;
		background-color: rgba(75, 75, 75, .57);
	}

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

		.body_clase .content-wrapper.no-padding-bottom { padding-bottom: 0 }

	.carousel-inner {
		background-color: transparent;
	}

	#help-panel .layout img:not([width] .texto_curso) { /* BK-17772 No poner width a img de contenido de las faqs */
		width: 100%;
		height: auto;
	}

	.layout-panel {
		display: inline-block;
		vertical-align: top;
		max-width: 100%;
	}

	.layout-panel.left {
		min-width: 150px;
	}

	.layout-panel.left img {
		max-width: 100%;
	}


	.layout-panel.left .pregunta {
		margin-bottom: 20px;
	}

	.layout-panel.right {
		margin: 0px;
		max-width: 100%;
		margin-left: 30px;
	}

	#actividad .carousel-inner .item-container.is-video .fs-img-container {
		position: absolute;
		top: 0;
		bottom: 0;
		width: 100%;
		height: 100%;
		overflow: hidden;
	}
	#actividad .carousel-inner .item-container .video-background {
		/* Make video to at least 100% wide and tall */
		min-width: 100%;
		min-height: 100%;

		/* Setting width & height to auto prevents the browser from stretching or squishing the video */
		width: auto;
		height: auto;

		/* Center the video */
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%,-50%);
	}
	#actividad .carousel-inner .item-container.aux-fullscreen,
	#actividad .carousel-inner .item-container.aux-bckg  {
		overflow: hidden;
		padding-bottom: 0;
	}
	#actividad .carousel-inner .item-container.aux-fullscreen > .fs-img-container,
	#actividad .carousel-inner .item-container.aux-bckg > .fs-img-container  {
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center center;
	}
	/*BK-18805 */
	#actividad .carousel-inner .item-container > .fs-img-container.img-back-slide{
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center center;
	}
	#actividad .carousel-inner .item-container.aux-fullscreen .slide_aux,
	#actividad .carousel-inner .item-container.aux-bckg .slide_aux {
		display: none;
	}
	#actividad .carousel-inner .item-container.aux-fullscreen:not(.is-top):not(.is-bottom) .slide-concatenate .slide_aux,
	#actividad .carousel-inner .item-container.aux-bckg .slide-concatenate .slide_aux {
		display: block!important;
		width: 100%!important;
		margin: 0;
		margin-top: 20px;
		margin-left: 0;
		margin-right: 0;
		margin-bottom: 30px;
	}

	#actividad .carousel-inner .item-container.aux-fullscreen.is-top .slide-concatenate .slide_aux,
	#actividad .carousel-inner .item-container.aux-fullscreen.is-bottom .slide-concatenate .slide_aux {
		display: inline-block!important;
	}

	#actividad .carousel-inner .item-container.aux-bckg.is-small {
		padding-bottom: 20px;
	}

	#actividad .carousel-inner .item-container.aux-bckg.is-small.is-left {
		padding-bottom: 70px;
	}

	#actividad .carousel-inner .item-container.aux-fullscreen.is-left {
		padding-right: 0;
	}
	#actividad .carousel-inner .item-container.aux-fullscreen.is-top,
	#actividad .carousel-inner .item-container.aux-fullscreen.is-bottom,
	#actividad .carousel-inner .item-container.aux-bckg.is-medium,
	#actividad .carousel-inner .item-container.aux-bckg.is-bottom {
		padding-bottom: 80px;
	}

	#actividad .carousel-inner .item-container.aux-fit.is-top,
	#actividad .carousel-inner .item-container.aux-fit.is-bottom {
		width: 100%;
	}

	#actividad .carousel-inner .item-container.aux-bckg.is-top {
		padding-bottom: 60px;
	}

/*css width transp*/
	#actividad .carousel-inner .item-container.aux-fullscreen.is-large .class_slide,
	#actividad .carousel-inner .item-container.aux-bckg.is-large .class_slide {
		width: 28%;
		margin-top: -1px;
	}

	#actividad .carousel-inner .item-container.aux-fullscreen.is-medium .class_slide,
	#actividad .carousel-inner .item-container.aux-bckg.is-medium .class_slide {
		width: 50%;
		margin-top: -1px;
	}

	#actividad .carousel-inner .item-container.aux-fullscreen.is-small:not(.is-bottom):not(.is-top) .class_slide,
	#actividad .carousel-inner .item-container.aux-bckg.is-small:not(.is-bottom):not(.is-top) .class_slide {
		width: 75%;
		margin-top: -1px;
	}

	#actividad .carousel-inner .item-container.aux-fullscreen.is-bottom .class_slide,
	#actividad .carousel-inner .item-container.aux-fullscreen.is-top .class_slide,
	#actividad .carousel-inner .item-container.aux-fullscreen.is-right .class_slide {
		margin-left: 60px;
		padding-left: 0px;
	}


	#actividad .item-container.aux-fullscreen .layout-panel.left {
		position: relative;
		padding-top: 2px;
	}

	#actividad .item-container.aux-fullscreen.is-top .layout-panel.left {
		padding-top: 30px;
	}

	#actividad .item-container.aux-fit.is-large .layout-panel.left,
	#actividad .item-container.automatic .slide-concatenate.aux-fit.is-large .layout-panel.left,
	#actividad .item-container.aux-fit .slide-concatenate.aux-fit.is-large .layout-panel.left,
	#actividad .item-container.aux-fullscreen.is-top .slide-concatenate.aux-fit.is-large .layout-panel.left,
	#actividad .item-container.aux-fullscreen.is-bottom .slide-concatenate.aux-fit.is-large .layout-panel.left {
		width: 30%;
	}

	#actividad .item-container.aux-fit.is-large .layout-panel.right,
	#actividad .slide-concatenate.aux-fit.is-large .layout-panel.right {
		width: 60%;
	}

	#actividad .item-container.aux-fit.is-medium .layout-panel.left,
	#actividad .item-container.automatic .slide-concatenate.aux-fit.is-medium .layout-panel.left,
	#actividad .item-container.aux-fit .slide-concatenate.aux-fit.is-medium .layout-panel.left,
	#actividad .item-container.aux-fullscreen.is-top .slide-concatenate.aux-fit.is-medium .layout-panel.left,
	#actividad .item-container.aux-fullscreen.is-bottom .slide-concatenate.aux-fit.is-medium .layout-panel.left {
		width: 48%;
	}

	#actividad .item-container.aux-fit.is-medium .layout-panel.right,
	#actividad .slide-concatenate.aux-fit.is-medium .layout-panel.right {
		width: 48%;
	}

	#actividad .item-container.aux-fit.is-small .layout-panel.left,
	#actividad .item-container.automatic .slide-concatenate.aux-fit.is-small .layout-panel.left,
	#actividad .item-container.aux-fit .slide-concatenate.aux-fit.is-small .layout-panel.left,
	#actividad .item-container.aux-fullscreen.is-top .slide-concatenate.aux-fit.is-small .layout-panel.left,
	#actividad .item-container.aux-fullscreen.is-bottom .slide-concatenate.aux-fit.is-small .layout-panel.left {
		width: 68%;
	}

	#actividad .item-container.aux-fit.is-small .layout-panel.right,
	#actividad .slide-concatenate.aux-fit.is-small .layout-panel.right {
		width: 25%;
	}

	#actividad .slide-concatenate.automatic .layout-panel.left {
		width: 60%;
	}

	#actividad .slide-concatenate.automatic.no-image .layout-panel.left,
	#actividad .slide-concatenate.automatic .js-slide-wrapper.slide_content_type_34 .layout-panel.left,
	#actividad .item-container.is-bottom.aux-fit .layout-panel.left,/* BK-18534 Si es columna unica, 100% */
	#actividad .slide-concatenate.is-bottom.aux-fit .layout-panel.left {
		width: 100%;
	}

	#actividad .slide-concatenate.automatic .js-slide-wrapper:not(.slide_content_type_34) .layout-panel.right {
		width: calc(40% - 30px);
	}
	#actividad .slide-concatenate.automatic.no-image .layout-panel.right.hidden {
		display: none;
	}

	#actividad .carousel-inner .item-container.aux-fullscreen .class_slide,
	#actividad .carousel-inner .item-container.aux-bckg .class_slide {
		position: relative;
		background-color: #fff;
		padding-right: 20px;
		padding-bottom: 0px;
		margin-right: 0;
	}

	#actividad .carousel-inner .item-container.aux-bckg.is-top .class_slide {
		margin-top: 17px;
		margin-bottom: 35%;
	}

	#actividad .carousel-inner .item-container.aux-bckg.is-bottom .class_slide {
		margin-top: 40%;
		padding-bottom: 17px;
	}

	#actividad .carousel-inner .item-container.aux-bckg .class_slide,
	#actividad .carousel-inner .item-container.aux-fullscreen.is-left .class_slide {
		padding-left: 20px;
	}

	#actividad .carousel-inner .item-container.aux-fullscreen.is-left .class_slide,
	#actividad .carousel-inner .item-container.aux-bckg.is-left .class_slide,
	#actividad .carousel-inner .item-container.aux-fullscreen.is-left .slide-concatenate,
	#actividad .carousel-inner .item-container.aux-bckg.is-left .slide-concatenate
	{
		float: right;
	}

	#actividad .carousel-inner .item-container.aux-bckg.is-medium .class_slide {
		margin-bottom: 25px;
	}
	#actividad .carousel-inner .item-container.aux-bckg.is-right .class_slide {
		margin-left: 30px;
	}
	#actividad .carousel-inner .item-container.aux-bckg.is-left .class_slide {
		margin-right: 30px;
	}
	#actividad .carousel-inner .item-container.aux-bckg.is-top .class_slide {
		margin-right: 30px;
		margin-top: 30px;
		margin-left: 50px;
	}
	#actividad .carousel-inner .item-container.aux-bckg.is-bottom .class_slide {
		margin-right: 30px;
		margin-bottom: 30px;
		margin-left: 50px;
	}

	#actividad .carousel-inner .item-container.aux-bckg.is-left.is-small .class_slide {
		margin-bottom: 30px;
	}

	#actividad .carousel-inner .item-container.aux-fullscreen .fs-img-container {
		width: 90%;
		right: 0;
	}

	#actividad .carousel-inner .item-container.aux-fullscreen.is-left .fs-img-container {
		width: 100%;
	}

	#actividad .carousel-inner .item-container.aux-bckg .fs-img-container {
		right: 0;
	}

	#actividad .carousel-inner .item-container.aux-fullscreen.is-top .fs-img-container {
		width: 100%;
	}

	#actividad .carousel-inner .item-container.aux-fullscreen.is-bottom .fs-img-container {
		width: 100%;
		bottom: 0;
	}

	#actividad .carousel-inner .item-container.aux-fullscreen .fs-img-container-mobile,
	#actividad .carousel-inner .item-container.aux-bckg .fs-img-container-mobile {
		position: absolute;
		left: 0;
		width: 100%;
		z-index: 10;
	}

	#actividad .carousel-inner .item-container.aux-fullscreen .fs-img-container-mobile,
	#actividad .carousel-inner .item-container.aux-bckg .fs-img-container-mobile {
		display: none;
	}

	#actividad .carousel-inner .item-container.aux-fullscreen.is-top .layout-panel.right.fill,
	#actividad .carousel-inner .item-container.aux-fullscreen.is-bottom .layout-panel.right.fill {
		display: none;
	}

	#actividad .carousel-inner .item-container.aux-fullscreen.is-top .fs-img-container-mobile,
	#actividad .carousel-inner .item-container.aux-fullscreen.is-bottom .fs-img-container-mobile {
		display: block;
	}
	#actividad .carousel-inner .item-container.aux-fullscreen.is-top .fs-img-container,
	#actividad .carousel-inner .item-container.aux-fullscreen.is-bottom .fs-img-container {
		display: none;
	}

	#actividad .carousel-inner .item-container.aux-fullscreen.is-bottom .fs-img-container-mobile,
	#actividad .carousel-inner .item-container.aux-bckg.is-bottom .fs-img-container-mobile {
		bottom: 0;
	}

	#actividad .carousel-inner .item-container.aux-fullscreen .fs-img-container-mobile img,
	#actividad .carousel-inner .item-container.aux-bckg .fs-img-container-mobile img {
		width: 100%;
	}
	#actividad .carousel-inner .item-container.aux-fullscreen .review,
	#actividad .carousel-inner .item-container.aux-bckg .review {
		position: relative;
		margin-top: 20px;
		width: 100%;
		padding: 0 0 80px 0;
	}

	#actividad .carousel-inner .item-container.aux-bckg.is-medium .review {
		margin-top: 0;
	}

	#actividad .carousel-inner .item-container.aux-bckg .review {
		line-height: 40px;
	}

@media screen and (max-width: 1023px) {
	#actividad .carousel-inner .item-container {
		padding-bottom: 0;
	}
	#actividad .carousel-inner .item-container.aux-bckg.is-bottom .class_slide {
		margin-top: 20px;
	}
	#actividad .carousel-inner .item-container.aux-fullscreen .class_slide,
	#actividad .carousel-inner .item-container.aux-bckg .class_slide,
	#actividad .carousel-inner .item-container.aux-fullscreen .layout-panel.left,
	#actividad .carousel-inner .item-container.aux-bckg .layout-panel.left {
		width: 100% !important;
	}
	#actividad .carousel-inner .item-container.aux-fullscreen .fs-img-container,
	#actividad .carousel-inner .item-container.aux-bckg .fs-img-container {
		display: none;
	}
	#actividad .carousel-inner .item-container.aux-fullscreen:not(.has-concatenate) .fs-img-container-mobile,
	#actividad .carousel-inner .item-container.aux-bckg .fs-img-container-mobile {
		display: block;
		position: absolute;
		left: 0;
		width: 100%;
		z-index: 10;
	}
	#actividad .carousel-inner .item-container.aux-fullscreen.has-concatenate .slide_aux {
		display: block;
	}
	#actividad .carousel-inner .item-container.aux-fullscreen .fs-img-container-mobile img,
	#actividad .carousel-inner .item-container.aux-bckg .fs-img-container-mobile img {
		width: 100%;
	}
	#actividad .carousel-inner .item-container.aux-bckg.is-left .class_slide {
		float: none;
	}

	#actividad .carousel-inner .item-container.aux-fullscreen .class_slide,
	#actividad .carousel-inner .item-container.aux-bckg .class_slide{
		padding-left: 0px !important;
		margin-left: 0px !important;
	}

	#actividad .carousel-inner .item-container.aux-bckg.is-top .class_slide {
		margin-top: 0px;
		margin-bottom: 0px;
	}
	#actividad .carousel-inner .item-container.aux-bckg.is-bottom .class_slide {
		margin-bottom: 0px;
	}

	#actividad .carousel-inner .item-container.aux-fullscreen,
	#actividad .carousel-inner .item-container.aux-bckg {
		padding-left: 60px;
	}

	#actividad .carousel-inner .item-container.aux-fullscreen.is-right .fs-img-container-mobile,
	#actividad .carousel-inner .item-container.aux-bckg.is-right .fs-img-container-mobile,
	#actividad .carousel-inner .item-container.aux-fullscreen.is-bottom .fs-img-container-mobile,
	#actividad .carousel-inner .item-container.aux-bckg.is-bottom .fs-img-container-mobile {
		bottom: 0px;
	}

	#actividad .carousel-inner .item-container.copy-fullscreen-top .js-slide-wrapper.class_slide,
	#actividad .carousel-inner .item-container.copy-fullscreen-bottom .js-slide-wrapper.class_slide {
		width: 100% !important;
	}

	#actividad .carousel-inner .item-container.copy-fullscreen-top .js-slide-wrapper.class_slide .layout-panel.right,
	#actividad .carousel-inner .item-container.copy-fullscreen-bottom .js-slide-wrapper.class_slide .layout-panel.right {
		display: block;
		visibility: hidden;
	}

	#actividad .carousel-inner .item-container.copy-fullscreen-top .fs-img-container,
	#actividad .carousel-inner .item-container.copy-fullscreen-bottom .fs-img-container {
		width: 100%;
		min-height: 100;
		z-index: 1;
	}

	#actividad .item-container.copy-fullscreen-bottom .layout-panel.slide_main.left {
		margin-bottom: 0;
	}

	#actividad .carousel-inner .item-container.is-top.aux-fullscreen .layout-panel.right.fill,
	#actividad .carousel-inner .item-container.is-left.aux-fullscreen .layout-panel.right.fill,
	#actividad .carousel-inner .item-container.is-top.aux-bckg .layout-panel.right.fill,
	#actividad .carousel-inner .item-container.is-left.aux-bckg .layout-panel.right.fill,
	#actividad .carousel-inner .item-container.copy-fullscreen-top .layout-panel.right.fill {
		margin: 30px auto;
		width: 100% !important;
	}

}
	/*#actividad .carousel-inner .item-container.aux-fullscreen .review .attemps,
	#actividad .carousel-inner .item-container.aux-bckg .review .attemps {
		padding: 20px 0px 20px 0px;
	}*/

	#actividad .carousel-inner .item-container .fs-img-container {
    	position: absolute;
    	height: 100%;
    	width: 100%;
    	margin-top: -1px;
	}

	.layout-panel.right.aux-left {
		margin: 0 30px 0 0;
	}

	#actividad .layout-panel.right.aux-left .ui-resizable-e {
		display: block !important;
		right: -18px;
	}

	.layout-panel.left.fill {
		width: 100% !important;
	}

	.layout-panel.right.fill {
		width: 90% !important;
		display: block;
		margin: 10px auto;
	}

	#help-panel-content .layout-panel {
		display: block;
	}

	#help-panel-content .layout-panel.right {
		margin-left: 0;
	}

	#actividad {
		margin-bottom: 0;
	}

	#actividad.touch-carousel {
		margin-bottom: 0px;
		margin-top: -1px;
	}

	#actividad.touch-carousel .content {
		margin-bottom: 0px;
	}

	#actividad.touch-carousel .carousel-inner {
		min-width: 100%;
	}


	#actividad.touch-carousel .item {
		overflow: auto;
		min-width: 100%;
	}

	#actividad.continuo {
		margin-bottom: 15px;
	}

	#actividad.continuo .content {
		margin-bottom: 0px;
	}

	.slider-indicators {
		position: static;
		z-index: 15;
		list-style: none;
		text-align: center;
		margin: 0px;
		padding-top: 10px;
		width: auto;
	}

	.edit .slider-indicators {
		padding-top: 5px;
	}

	.slider-indicators li {
		background-color: #EEE;
		text-indent: -99999px;
		cursor: pointer;
	}

	#top-navigator.show_left:before {
		content: '\F053';
		font-family: 'FontAwesome';
		position: absolute;
		left: 0;
		z-index: 100;
		color: white;
		top: 10px;
		-webkit-transition: 1s;
		-o-transition: 1s;
		-moz-transition: 1s;
		transition: 1s;
		background: -webkit-gradient(linear, left top, right top, from(#7aac39), to(transparent));
		background: -webkit-linear-gradient(left, #7aac39, transparent);
		background: -moz-linear-gradient(left, #7aac39, transparent);
		background: -o-linear-gradient(left, #7aac39, transparent);
		background: linear-gradient(to right, #7aac39, transparent);
		height: 35px;
		line-height: 35px;
		width: 20px;
		text-align: left;
	}

	#top-navigator.show_right:after {
		content: '\F054';
		font-family: 'FontAwesome';
		position: absolute;
		right: 0;
		color: white;
		top: 10px;
		-webkit-transition: 1s;
		-o-transition: 1s;
		-moz-transition: 1s;
		transition: 1s;
		background: -webkit-gradient(linear, right top, left top, from(#7aac39), to(transparent));
		background: -webkit-linear-gradient(right, #7aac39, transparent);
		background: -moz-linear-gradient(right, #7aac39, transparent);
		background: -o-linear-gradient(right, #7aac39, transparent);
		background: linear-gradient(to left, #7aac39, transparent);
		height: 35px;
		line-height: 35px;
		width: 20px;
		text-align: right;
	}

	#top-navigator .slider-indicators li {
		text-indent: 0;
	}

	.slider-indicators .tooltip.in {
		top: -30px !important;
	}

	.navbar-bottom {
		min-height: 44px;
		background-color: #4b4b4b;
		position: fixed;
		width: 100%;
		bottom: 0px;
		left: 0px;
		z-index: 100;
	}

	.navbar-bottom span {
		padding: 5px 10px;
		margin-bottom: 0px;
		margin-top: 6px;
	}

	.navbar-bottom .msgAJAX {
		-webkit-box-shadow: 0 0 7px rgba(0, 0, 0, 0.4);
		   -moz-box-shadow: 0 0 7px rgba(0, 0, 0, 0.4);
		        box-shadow: 0 0 7px rgba(0, 0, 0, 0.4);
		position: absolute;
		top: -48px;
	}

	.navbar-bottom #msgAJAXClass {
		left: 15px;
	}

	.navbar-bottom #msgAJAXClassError {
		right: 15px;
	}

/* msg ajax error*/
	#msgAJAXClassNotification{
		right: 20px;
		position: absolute;
		bottom: 0px;
	}

	#msgAJAXClassNotification li{
		text-align: right;
		bottom: 0px;
		padding-top: 5px;
	}

	#msgAJAXClassNotification li span.msgAJAX{
		display: inline-block;
		position: relative;
	}

	#actividad .content {
		background-image: none;
		background-color: #eee;
		padding: 0px;
		-webkit-box-shadow: none;
		   -moz-box-shadow: none;
		        box-shadow: none;
	}

	#actividad .carousel-inner .item-container {
		position: relative;
		background: #fff url('../../../images/libro/actividad-bg.png') repeat-y;
		/* padding: 1px 17px 30px 60px; BK-16940 quitamos el padding left y right al contenedor de la slide */
		padding: 1px 0px 30px 0px;
		-webkit-box-shadow: rgba(0, 0, 0, 0.298039) 0px 3px 9px;
		   -moz-box-shadow: rgba(0, 0, 0, 0.298039) 0px 3px 9px;
		        box-shadow: rgba(0, 0, 0, 0.298039) 0px 3px 9px;
		margin: 20px;
	}

	/*#actividad .carousel-inner .item-container.aux-bckg .class_slide {
		background-color: #fff;
		width: 25%;
	}*/

	/*#actividad .carousel-inner .item-container.aux-fullscreen .layout-panel.right {
		display: none;
	}*/

	body.edit #actividad .carousel-inner .item-container {
		padding-bottom: 0;
	}

	.slider-indicators .end-class {
		background-color: #db3228;
	}

	.slider-indicators .end-class.active {
		background-color: blue;
	}

	.touch-carousel .navbar-bottom,
	.touch-carousel .slider-control {
		display: none;
	}

	#actividad .content .header .categoria .text {
		color: #FFF;
	}

	#canvas-wrapper {
		position: absolute;
		z-index: 90;
		pointer-events: none;
	}

	.canvaspintar {
		cursor: url(../../../images/i/draw.png),
				url(../../../images/i/draw.cur),
				pointer !important;
	}

	.canvassubrayar {
		cursor: url(../../../images/i/marker.png),
				url(../../../images/i/marker.cur),
				pointer !important;
	}

	.canvasbrocha {
		cursor: url(../../../images/i/brush.png),
				url(../../../images/i/brush.cur),
				pointer !important;
	}

	.canvasborrar {
		cursor: url(../../../images/i/borrador.png),
				url(../../../images/i/borrador_2.cur),
				pointer !important;
	}

	.canvasnote {
		cursor: url(../../../images/libro/postit_cursor.cur),
				/*url(/images/i/iconos/postit_cursor.cur),*/
				pointer !important;
	}


	.canvasdivclass .nota_pos {
		position: absolute;
		height: 40px;
		width: 40px;
	}

	.canvasdivclass .nota_pos .nota {
		pointer-events: auto;
		position: absolute;
		z-index: 410;
		cursor: pointer;
		background: url(../../../images/libro/postit.png) 50% 50% no-repeat transparent;
		-webkit-background-size: cover;
		   -moz-background-size: cover;
		     -o-background-size: cover;
		        background-size: cover;
	}

	.canvasdivclass .nota_pos .nota.note_opened {
		z-index: 420;
	}

	.canvasdivclass .nota_pos .nota img {
		display: none;
	}

	.canvasdivclass .nota_pos .digitalnote,
	.canvasdivclass .nota_pos .note-text{
		width: 80%;
		height: 80%;
		font-size: 12px;
		resize: none;
		background-color: transparent;
		border: none;
		margin-left: 22px;
		margin-top: 10px;
		overflow: hidden;
		word-wrap: break-word;
		cursor: initial;
		line-height: 1.2em;
	}

	.postit-save {
		position: relative;
		z-index: 0;
	}

	.postit-save:before {
		content: '';
		background: rgba(255,255,255,0.2);
		position: absolute;
		top: 0px;
		bottom: 5px;
		left: 5px;
		right: 0px;
		z-index: -1;

		-ms-transform: rotate(4deg);
		-webkit-transform: rotate(4deg);
		-moz-transform: rotate(4deg);
		  -o-transform: rotate(4deg);
		     transform: rotate(4deg);
	}

	.nota_content .js-save,
	.nota_content .js-edit {
		line-height: 0.9em;
	}


	.canvasdivclass .nota_pos .digitalnote:focus,
	.canvasdivclass .nota_pos .note-text:focus {
		outline: none;
	}

	.canvasdivclass .nota_pos .nota_content{
		position: absolute;
		top: 0px;
		left: 0px;
		z-index: 410;
		padding: 10%;
		width: 100%;
		height: 100%;
		display: none;
	}

	.canvasdivclass .nota_pos .deletedigitalnote {
		font-size: 10px;
	}

	.btn-postit {
		bottom: 17px;
		position: absolute;
		right: 25px;
		width: 30px;
		opacity: 0.7;
		font-size: small;
		-moz-transition: opacity 0.5s ease;
		-webkit-transition: opacity 0.5s ease;
		-o-transition: opacity 0.5s ease;
		transition: opacity 0.5s ease;
	}

	.btn-postit:hover {
		opacity: 1;
	}

	.btn-postit.save {
		bottom: 2px;
		right: 17px;
	}

	.texto_curso p {
		line-height: 1.43em ! important;
		margin-bottom: 20px;
	}

	.texto_curso img {
		max-width: 100%;
		height: auto;
	}

	.texto_curso li {
		line-height: 1.43em ! important;
	}

	.texto_curso li input {
		height: 1.43em;
		margin: 0;
	}

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

	.texto_curso ul,
	.texto_curso ol,
	.workspace:not(.multiple-choice, .matching, .ordenar, .clasificar, .test) ul li ul,
	.workspace:not(.multiple-choice, .matching, .ordenar, .clasificar, .test) ul li ol,
	.cke_contents ul,
	.cke_contents ol,
	.popover-content ul,
	.popover-content ol {
		margin-bottom: 20px;
	}

	.foro_wiki_cke_text ul li,
	.texto_curso ul li,
	.popover-template .popover-content ul li,
	.workspace ul li ul li,
	.cke_contents ul li,
	.preview ul li {
		padding-left: 30px;
	}

	.popover-content .row {
		margin-left: 0;
		margin-right: 0;
	}

	.texto_curso .nota{
		display: inline;
		position: relative;
	}

	.texto_curso input{
		margin: 5px 5px;
	}

	.texto_curso input.imgInput,
	.texto_curso div.divImgInput{
		margin: 0;
	}

	 .texto_curso textarea{
		margin: 5px 0px;
	}

	.foro_wiki_cke_text ul li:before,
	.texto_curso ul li:before,
	.workspace:not(.test) ul li ul li:before,
	.cke_contents ul li:before,
	.preview ul li:before,
	.classify-item ul li:before,
	.popover-template .popover-content ul li:before {
		content: "";
		height: 6px;
		width: 6px;
		background-color: #3AC62A;
		position: absolute;
		-webkit-border-radius: 100%;
		   -moz-border-radius: 100%;
		        border-radius: 100%;
		margin-top: 0.6em;
		margin-left: -15px;
	}

	.texto_curso .bck-activity-link,
	.texto_curso .bck-link{
		cursor: pointer;
	}

	.edit .bck-activity-link,
	.edit .bck-link{
		border: 1px solid red;
	}

	#actividad .workspace.clasificar .classify-item ul li,
	#actividad .workspace.multiple-choice .js-item ul li,
	#actividad .workspace.matching .box ul li,
	#actividad .workspace.ordenar .js-rank-item ul li  {
		text-align: left;
		padding-left: 30px;
	}

	.slide_main input,
	.slide_main .img-input-container {
		border: 1px solid transparent;
		border-bottom-color: #CCC;
		background-color: #f7f7f7;
		height: 1.8em;
		padding: 0px 6px;
		max-width: 100%;
	}

	.slide_main p.last-image:last-child {
		margin-bottom: 100px;
	}

	.slide_main .img-input-container.drag-over,
	.slide_main .img-input-container.imgFilled,
	.slide_main p:last-child .img-input-container.imgFilled {
		height: auto;
		overflow: hidden;
		margin-bottom: 0;
		padding: 6px;
	}

	.slide_main .img-input-container.drag-over {
		height: 100px;
	}

	.slide_main input.respuesta_ko,
	.slide_main .img-input-container.respuesta_ko {
		border-bottom-color: #ef0c24;
		background-color: #ffd8dc;
	}

	.slide_main input.respuesta_ok,
	.slide_main .img-input-container.respuesta_ok {
		border-bottom-color: #74d320;
		background-color: #e9fed6;
	}

	.slide_main input.solucion,
	.slide_main textarea.solucion,
	.slide_main .shortanswer-container .preview.solucion,
	.slide_main .img-input-container.solucion {
		border-bottom-color: #00bdff;
		background-color: #b6ecff;
	}

	.slide_main .multiple-solution-marker {
		position: relative;
		display: inline-block;
		height: 31px;
		left: -5px;
		top: 2px;
		margin-left: -15px;
	}
	.slide_main .multiple-solution-marker::after {
		content: url(../../../images/common/Vector_right_arrow_link.svg);
	}
	.multiple-solution.small {
		margin: 0 !important;
		font-size: 12px !important;
		font-size: 1.2rem !important;
		color: #333;
		background-color:white !important;
		margin-top:0px;
		padding: 2px !important;
		-webkit-border-radius: 0px !important;
		-moz-border-radius: 0px !important;
			 border-radius: 0px !important;
		border-color:#999;
	}

	.slide_main input.solucion.multiple-solution {
		background-repeat: no-repeat !important;
		background-position: right 5px center !important;
		padding-right:23px !important;
	}

	.slide_main .img-input-container input.imgInput,
	.slide_main .img-input-container input.imgInput[readonly] {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		opacity: 0;
		filter: alpha(opacity=0);
	}

	.slide_main .img-input-container.drag-over input.imgInput {
		height: 112px;
	}

	.popover.multiple-solution {
		background-color: #b6ecff;
		border: 1px solid #00bdff;
	}

	.popover.multiple-solution .popover-title {
		display: none;
	}

	.popover.multiple-solution.top .arrow:after {
		border-top-color: #b6ecff;
	}

	.popover.multiple-solution.left .arrow:after {
		border-left-color: #b6ecff;
	}

	.popover.multiple-solution.right .arrow:after {
		border-right-color: #b6ecff;
	}

	.popover.multiple-solution.bottom .arrow:after {
		border-bottom-color: #b6ecff;
	}

	#multiple-solution-tooltip {
		padding: 5px;
		margin-top:-5px;
		margin-left:5px;
		min-width:200px;
		font-size: 14px;
		color: #525252;
	}

	#multiple-solution-tooltip div:before {
		content: "";
		border: 5px solid transparent;
		border-left-color: #525252;
		display: inline-block;
	}

.respuesta_ko:focus {
		outline-color: #ef0c24;
	}

	.respuesta_ok:focus {
		outline-color: #74d320;
	}

	.solucion:focus {
		outline-color: #00bdff;
	}

	.slide_main input:focus {
		outline: none;
	}

	.workspace.frame {
		padding: 10px;
		-webkit-border-radius: 4px;
		   -moz-border-radius: 4px;
		        border-radius: 4px;
		border: 3px solid #CCC;
	}
/**/

#tester-width { display: none; }

#edit_message_type_8 .checkbox {
	text-align: left;
}

#edit_message_type_8 .form-control[readonly] {
	background-color: #FFF;
	cursor: pointer;
}

#mensajes .content-box.event .post .content .text {
	padding: 6px 0px;
}

#mensajes .reply-bt {
	margin-bottom: -18px;
}

#mensajes .reply .content textarea {
	height: 7em;
}

#mensajes .post .content .when {
	border-top: none;
}

#mensajes .post .content .title {
	margin-bottom: 0px;
}

ul { list-style: none; }

.text-label { font-weight: bold; }

.modal-footer-help{
	float: left;
	font-size: 12px;
	text-align: left;
}

.label-OS { margin-top: 10px; }

#capaTest { margin-bottom: 10px; }


#repeatable_help {
  display: inline;
  margin-left: 10px;
}

#random_help {
  display: inline;
  margin-left: 10px;
}

#sequencing_help {
  display: inline;
  margin-left: 10px;
}

body.body_clase.view-mode .oxfl-slider-control.not-allowed,
body.body_clase.view-mode .oxfl-slider-control.not-allowed:hover,
body.body_clase.view-mode .slider-control.not-allowed,
body.body_clase.view-mode .slider-control.not-allowed:hover,
body.body_clase.view-mode .slider-control:focus.not-allowed,
body.body_clase.view-mode .slider-control:focus.not-allowed:hover {
	opacity: .1;
}

#mensajes .sfilter {
	padding-bottom: 0;
	margin-bottom: 16px;
}

.sfilter ul li.status {
	background-color: #eee;
}
/* Repetido para que pese mas que .status */
.sfilter ul li:hover, .sfilter ul li:focus {
	background-color: #e5e5e5;
}

/* FileUpload */

.fileinput-button {
	width: 100%;
}

.fileinput-button.disabled {
	opacity: 0.5;
}

.fileinput-button input {
	width: 100%;
	height: 100%;
}

#btn-extension {
	display: block;
	margin: 10px 0;
	background: #fff;
	color: #5cb85c;
	font-size: 1.6rem;
	cursor: pointer !important;
}

.fs-upload-progress {
	margin-top: 5px;
}

.upload-check {
	color: #39c1d5;
	padding-right: 10px;
	font-size: 2rem;
}

.list-group-item-default {
	color: #333333;
	background-color: #f5f5f5;
	border-color: #dddddd;
}

#listacolaboradores > div {
	border-top: 1px solid #dddddd;
	padding-top: 12px;
}
/**
 * BK-8023
 */
#dlgForm #listacolaboradores > div {
	border-top: 0px;
	border-bottom: 1px solid #dddddd;
	padding-top: 12px;
	padding-bottom: 12px;
}

.alumno.selected, .padre.selected {
	background: #dddddd;
	-webkit-border-radius: 3px;
	   -moz-border-radius: 3px;
	        border-radius: 3px;
}

#campos_alumno {
	overflow: hidden;
}

#campos_alumno > div {
	padding-bottom: 1px;
	padding-left: 0;
	padding-right: 5px;
}

#dlgForm .alumno , #dlgForm .padre {
	overflow: hidden;
}

.userlist-item  {
	margin-bottom: 15px;

}



.userlist-item > div:not(:last-child), .userlist-item > .tabla_alumno_email2{
	height: 25px;
	margin-top: 6px;
	overflow: hidden;
	-o-text-overflow: ellipsis;
	   text-overflow: ellipsis;
	white-space: nowrap !important;
	display: inline-block;
}

.userlist-item:last-child {
	margin-bottom: -20px;
}


#userlist .userlist-item:last-child {margin-bottom: 0}


.alumno, .padre {
	padding-top: 12px;
}

.control_alumn {
	margin-left: -12px;
	padding-left: 0 !important;
}

.slideGallery .slide {
	-webkit-border-radius: 8px;
	   -moz-border-radius: 8px;
	        border-radius: 8px;
	display: inline-block;
	height: 100px;
	list-style: none outside none;
	margin: 0 17px 20px;
	overflow: hidden;
	padding: 4px 15px;
	position: relative;
	vertical-align: top;
	width: 160px;
	background-color: #efefef;
	color: #7b797a;
	cursor: pointer;
}

.slideGallery .slide.slide--twoLines {
	height: 110px;
}

.slideGallery .slide.slide--twoLines .titulo {
	line-height: 16px;
	padding: 0 10px 0 10px;
}

.slideGallery .slide.slide--twoLines .mask {
	height: 110px;
}

.slideGallery .slide:nth-child(2n+1) {
	margin-left: 22px;
}

.slideGallery .slide:before {
	display: block;
	content: "";
	height: 90px;
	width: 90px;
	margin: 0 auto;
	background-image: url(../../../images/slides/sprite-slides.png);
	background-position: -35px 0px;
	background-repeat: no-repeat;
}

.slideGallery .slide.contenido:before {
	background-position: -35px 0px;
}

.slideGallery .slide.imagen:before {
	background-position: -35px -200px;
}

.slideGallery .slide.video:before {
	background-position: -35px -100px;
}

.slideGallery .slide.multiple:before {
	background-position: -35px -300px;
}

.slideGallery .slide.true-false:before,
.slideGallery .slide.test:before {
	background-position: -35px -400px;
}

.slideGallery .slide.drag-and-drop:before {
	background-position: -35px -510px;
}

.slideGallery .slide.fillblanks:before,
.slideGallery .slide.chooseblanks:before,
.slideGallery .slide.fillblankschoosemixed:before {
	background-position: -35px -600px;
}

.slideGallery .slide.fillblankimages:before {
	background-position: -35px -2116px;
}

.slideGallery .slide.calculo:before {
	background-position: -35px -700px;
}

.slideGallery .slide.relacionar:before {
	background-position: -35px -800px;
}

.slideGallery .slide.ordenar:before {
	background-position: -35px -900px;
}

.slideGallery .slide.clasificar:before {
	background-position: -35px -1000px;
}

.slideGallery .slide.crosswords:before {
	background-position: -35px -1613px;
}

.slideGallery .slide.wordsearch:before {
	background-position: -35px -1200px;
}

.slideGallery .slide.crucigrama:before {
	background-position: -35px -1100px;
}

.slideGallery .slide.redaccion:before,
.slideGallery .slide.lectura:before {
	background-position: -35px -1300px;
}

.slideGallery .slide.dictado:before {
	background-position: -35px -1400px;
}

.slideGallery .slide.short-answer:before {
	background-position: -35px -1500px;
}

.slideGallery .slide.audio-recorder:before {
	background-position: -35px -1708px;
}

.slideGallery .slide.memory:before {
	background-position: -35px -1815px;
}

.slideGallery .slide.image-slider:before {
	background-position: -35px -1910px;
}

.slideGallery .slide.paint:before {
	background-position: -35px -2011px;
}

.slideGallery .slide.markwords:before {
	background-position: -35px -2210px;
}

.slideGallery .slide.archivo-entregable:before {
	background-position: -35px -2310px;
}

.slideGallery .slide.imageoverimage:before {
	background-position: -35px -2415px;
}

.slideGallery .slide .mask {
	background-color: rgba(58, 198, 42, 0.7);
	height: 100px;
	left: 0;
	opacity: 0;
	overflow: hidden;
	padding-top: 70px;
	position: absolute;
	top: 0;
	-webkit-transition: all 0.4s ease-in-out 0s;
	-o-transition: all 0.4s ease-in-out 0s;
	-moz-transition: all 0.4s ease-in-out 0s;
	transition: all 0.4s ease-in-out 0s;
	width: 160px;
	-webkit-border-radius: 8px;
	   -moz-border-radius: 8px;
	        border-radius: 8px;
}

.slideGallery ul .slide:hover .mask {
	opacity: 1;
}

.slideGallery ul {
	text-align: center;
}

.slideGallery  ul .slide .mask span.add-icon {
	background: url("../../../images/shared/catalog-sprite.png");
	background-position: -40px 0;
	display: block;
	height: 40px;
	margin: 5px auto;
	opacity: 0;
	position: relative;
	-webkit-transform: translateY(30px);
	   -moz-transform: translateY(30px);
	    -ms-transform: translateY(30px);
	     -o-transform: translateY(30px);
	        transform: translateY(30px);
	-webkit-transition: all 0.2s linear 0s;
	-o-transition: all 0.2s linear 0s;
	-moz-transition: all 0.2s linear 0s;
	transition: all 0.2s linear 0s;
	width: 40px;
}

.slideGallery ul .slide:focus .mask span.add-icon, .slideGallery ul .slide:hover .mask span.add-icon {
	opacity: 1;

	-webkit-transform: translateY(-50px);
	-moz-transform: translateY(-50px);
	-o-transform: translateY(-50px);
	-ms-transform: translateY(-50px);
	transform: translateY(-50px);
}

.slide.js-add-slide .titulo {
	bottom: 5px;
	left: 0;
	position: absolute;
	text-align: center;
	width: 100%;
}

#buscadorMultimedia {
	text-align: center;
}

.lista-multimedia li,
.lista-multimedia-external li {
	display: inline-block;
	height: 130px;
	margin-bottom: 30px;
	margin-right: 22px;
	position: relative;
	vertical-align: bottom;
	width: 150px;
}

.lista-multimedia li:nth-child(4n/*3n*/),
.lista-multimedia-external li:nth-child(4n/*3n*/){
	margin-right: 0;
}


.multi_media img {
	-webkit-border-radius: 2px;
	   -moz-border-radius: 2px;
	        border-radius: 2px;
	margin-left: auto;
	margin-right: auto;
	max-width: 150px;
	max-height: 110px;
}
.multi_media div.imagen {
	word-wrap: break-word;
}

.multi_media img[data-isFolder="true"] {
	-webkit-box-shadow: none;
	   -moz-box-shadow: none;
	        box-shadow: none;
	cursor: pointer;
}

.lista-multimedia .titulo,
.lista-multimedia-external .titulo {
	display: block;
	font-weight: 600;
	line-height: 16px;
	margin-top: 10px;
	text-align: center;
}

.lista-multimedia-external .license-container {
	display: flex;
	flex-direction: column;
	margin-bottom: 20px;
}
.lista-multimedia-external .license-container .license-images {
	align-items: center;
	display: flex;
	flex-direction: row;
	margin-bottom: 10px;
}
.lista-multimedia-external .license-container .license-images img {
	margin: 0;
	max-height: 110px;
	max-width: 150px;
}
.lista-multimedia-external .license-container span {
	display: block;
	font-size: 12px;
	margin: 0 auto;
	text-align: justify;
}

.multi_media .control.delete {
	position: absolute;
}

.list-subjects > li {
	float: left;
	margin-right: 5px;
	min-width: 140px;
}

.last-publications .controls, .last-publications .profesor, .last-publications .materia, .last-publications .js-follow{
	display: none !important;
}


.subjects .btn-group {
	text-align: center;
}

.subjects .dropdown-toggle {
	width: 100%;
}

.subjects .dropdown-menu {
	width: 100%;
}

/* Spinner */
	#spinner-backdrop {
		z-index: 1060;
	}

	.spinner {
		width: 100px;
		height: 100px;
		position: fixed;
		text-align: center;
		top: 50%;
		left: 50%;
		margin-left: -50px;
		margin-top: -50px;
		z-index: 1070;

		-webkit-animation: rotate 2s infinite linear;
		-moz-animation: rotate 2s infinite linear;
		  -o-animation: rotate 2s infinite linear;
		     animation: rotate 2s infinite linear;
	}

	.ias_loader {
		display: none;
	}

	.ias_loader .spinner,
	#lista-actividades .spinner,
	#lista-multimedia .spinner,
	.waiting .spinner,
	#blinkTransp .spinner,
	#mensajes_list .spinner,
	#destinatarios_parent .spinner {
		position: static;
		margin: 0 auto;
	}

	#destinatarios_parent .spinner {
		width: 20px;
		height: 20px;
		display: none;
		float: right;
	}

	#destinatarios_parent .ui-autocomplete-loading + .spinner {
		display: inline-block;
	}

	.ias_loader .spinner {
		width: 50px;
		height: 50px;
	}

	#lista-actividades .spinner,
	#mensajes_list .spinner {
		width: 50px;
		height: 50px;
	}

	button .spinner {
		width: 20px;
		height: 20px;
	}

	#waitingImage {
		display: none;
		-webkit-transition: all .5s;
		-o-transition: all .5s;
		-moz-transition: all .5s;
		transition: all .5s;
	}

	.disabled #waitingImage {
		display: block;
		float: left;
	}

	.disabled #waitingImage.waitingRegistro {
		display: inline-block;
		margin-left: -25px;
		margin-right: 5px;
		float: none;
	}

	.waiting.disabled {
		background-color: #7a7a7a ! important;
		border-color: transparent ! important;
	}

	.waiting span {
		-webkit-transition: all .5s;
		-o-transition: all .5s;
		-moz-transition: all .5s;
		transition: all .5s;
	}

	.dot {
		width: 60%;
		height: 60%;
		display: inline-block;
		position: absolute;
		top: 0;
		background-color: white;
		-webkit-border-radius: 100%;
		   -moz-border-radius: 100%;
		        border-radius: 100%;

		-webkit-animation: bounce 2s infinite ease-in-out;
		-moz-animation: bounce 2s infinite ease-in-out;
		  -o-animation: bounce 2s infinite ease-in-out;
		     animation: bounce 2s infinite ease-in-out;
	}

	.ias_loader .dot,
	#lista-actividades .dot,
	#lista-multimedia .dot,
	#blinkTransp .dot,
	#mensajes_list .dot,
	.content .dot,
	#destinatarios_parent .dot,
	#responseimg .dot {
		background-color: #3AC62A;
	}

	.login-loading .login-progress-spinner .dot{
		background-color:#fff;
	}

	.content .spinner {
		z-index: 0;
	}

	.dot2 {
		top: auto;
		bottom: 0px;
		-webkit-animation-delay: -1s;
		-moz-animation-delay: -1s;
		  -o-animation-delay: -1s;
		     animation-delay: -1s;
	}



/* CALIFICACIONES */

.ticks {
	background-image: url('../../../images/shared/ticks.png');
	display: block;
	height: 17px;
	margin: auto;
	width: 23px;
}

.tema .item .ticks,
.subtemas .item .ticks {
	margin: 25px auto;
}
.tick_green {
	background-position: 0 -17px;
}

.tick_red {
	background-position: 0 -34px;
}

#ejercicios .table .temas .tema .item.top .titulo {
	height: 34px;
	padding: 0 10px;
	font-size: 14px;
	display: block;
	line-height: 16px;
}

#ejercicios .table .alumnos, #ejercicios .table .right-arrow, #competencias .table .alumnos, #competencias .table .right-arrow,  #wrapTemas {
	padding-top: 20px;
}

#ejercicios .table .name, #competencias .table .name {
	width: 55%;
	height: 42px;
}

#ejercicios .table .temas {
}

#ejercicios .table .temas .subtemas.subtemas-deberes {
	border: 0 none;
	overflow: visible;
}

#ejercicios .table .temas .subtemas.subtemas-deberes .subtema:not(.item) {
	margin-left: 5px;
	margin-right: 15px;
	position: relative;
}

#ejercicios .table .temas .subtemas.subtemas-deberes .subtema:first-child {
	margin-left: 10px;
}

#ejercicios .table .temas .subtemas.subtemas-deberes .subtema .item {
	border-top: 0 solid #d4d4d4;
	border-right: 1px solid #d4d4d4;
	border-left: 1px solid #d4d4d4;
	border-bottom: 0 solid #d4d4d4;
}

#ejercicios .table .temas .subtemas .subtema .item.top {
	padding: 5px;
}

#ejercicios .table .temas .subtemas.subtemas-deberes .subtema .item.top {
	border-top: 1px solid #d4d4d4;
	-webkit-border-radius: 5px 5px 0 0;
	   -moz-border-radius: 5px 5px 0 0;
	        border-radius: 5px 5px 0 0;
	padding: 10px 5px;
}

#ejercicios .table .temas .subtemas.subtemas-deberes .subtema .item:last-child {
	border-bottom: 1px solid #d4d4d4;
	-webkit-border-radius: 0 0 5px 5px;
	   -moz-border-radius: 0 0 5px 5px;
	        border-radius: 0 0 5px 5px;
}

#ejercicios .table .temas .subtemas.subtemas-deberes .control {
	position: absolute;
	margin: 0;
	top: -14px;
	right: -14px;
}

.temas-container {
	display: table;
	border-collapse: separate;
	border-spacing: 5px;
}

.actividad .title img {
	margin-left: 5px;
	margin-top: -4px;
}

.en_edicion input {
	margin: 18px auto;
	text-align: center;
	width: 80%;
}

#ejercicios .table .temas .tema .item.top.selected {
	padding: 10px;
}

#competencias .progress {
	margin: 23px 10px;
}

#competencias .table .name {
	width: 75%;
}

/* ADMIN PANEL */

.smenu {
	margin: 20px 0;
	overflow: hidden;
}

	.smenu li {
		float: left;
	}

	.smenu ul li {
		margin: 4px 12px;
	}

	.smenu select, .smenu input {
		padding: 5px 4px;
	}

	.smenu ul li span {
		-webkit-border-radius: 3px;
		   -moz-border-radius: 3px;
		        border-radius: 3px;
		color: #777;
		display: inline-block;
		padding: 2px 6px;
	}

	.smenu.leyend ul li {
		font-size: 12px;
		float: right;
	}

	.smenu .col-xs-6 {
		padding-right: 0;
		padding-left: 0;
	}

.search {
	background-color: #fff;
	border: 1px solid #c8c8c8;
	-webkit-border-radius: 15px;
	   -moz-border-radius: 15px;
	        border-radius: 15px;
	display: inline-block;
	height: 30px;
	list-style: none outside none;
	margin: 0;
	padding: 1px 9px 0 6px;
	text-align: left;
	position: relative;
}

.search:hover {
	background-color: #e5e5e5;
}

		.search i {
			opacity: 0.3;
		}

		.search i:hover,
		.search i:focus {
			opacity: 0.9;
		}

.tipo_acceso_0, .tipo_acceso_5 {
	font-size: 20px;
}


/******** Herramienta documentacion constantes ********/

#admin .content-box.constantes .filtros form{
	margin-top:10px;
}

#admin .content-box.constantes .filtros form select{
	min-width:150px;
	height:27px;
	float:left;
}

#admin .content-box.constantes .filtros form button.reset{
	float:right;
	margin-left:12px;
}

#admin .content-box.constantes .filtros p.error{
	clear:both;
	margin-top:10px;
	color:red;
	padding: 10px;
}

#admin .content-box.constantes .constantesCategoria .constante{
	width:94%;
	margin:4px auto;
	background-color:#f5f5f5;
}

#admin .content-box.constantes .constantesCategoria .constante span.title{
	display:block;
	position:relative;
	word-wrap: break-word;
}

#admin .content-box.constantes .constantesCategoria .constante span.value{
	font-weight:bold;
}

#admin .content-box.constantes .constantesCategoria .constante span.icon{
	position:absolute;
	right:2px;
	font-weight:bold;
}

#admin .content-box.constantes .danger{
	color:red;
}

#admin .content-box.constantes .success{
	color:green;
}

#admin .content-box.constantes .nombreCategoria.panel-heading{
	user-select: none;
	cursor:pointer;
}

#admin .content-box.constantes span.false{
	color:orange;
}

#admin .content-box.constantes span.empty{
	color:red;
}

#admin .content-box.constantes span.true{
	color:green;
}

#admin .content-box.constantes span.str{
	color:#85266c;
}

#admin .content-box.constantes span.number{
	color:#3297ac;
}

#admin .content-box.constantes span.null{
	color:#5a4218;
}

#admin .content-box.constantes span.key{
	color:black;
	font-weight: bold;
}

/******** Fin Herramienta documentacion constantes ********/

.download-excel{
    float: right;
}
.download-excel:after{
	background-image: url(/images/icono-excel.png);
	background-repeat: no-repeat;
	background-size: contain;
    display: inline-block;
    width: 30px;
    height: 30px;
    content:"";
}

/*********** Administracion textweb ***********/

#admin .empty label:before{
    content: "\f05a";
    font-family: FontAwesome;
    color: #FFA90B;
    font-size: 15px;
    margin-right: 5px;
}

#admin .empty textarea{
    border: 2px solid #FFA90B;
}

/*-------------------------------------------------------------------------------------------------------------------*/
/* HOME */

.dos .carousel {
	display: none;
}

.dos .carousel.active {
	display: block;
}

#formcontacto label {
	margin-top: 7px;
}

#country {
	width: 100%;
}

.home-sections .cinco .dropdown-menu-home {
	left: 27px;
	top: 14px;
}

.home-sections .cinco .dropdown-menu-home li {
	margin: 5px auto;
	padding-bottom: 5px;
	text-align: left;
}

.home-sections .cinco .dropdown-menu-home li:not(:last-child) {
	border-bottom: 1px solid #ededed;
}


.home-sections .cinco .dropdown-menu-home li:hover a, .home-sections .cinco .dropdown-menu-home li:hover a {
	background: transparent;
	color: #3AC62A;
}




/* *********************************************************************************************************************
 * SECTION > LOGIN
 */
.home-login .login-box {
	min-height: 228px;
	overflow: visible;
	padding: 0 33px 75px;
}

.home-login .login-box .registro {
	margin-top: 0;
}

.home-login .login-box .login-form #registro {
	margin-bottom: 0;
}

.js-login {
	position: relative;
	top: 35px;
}

.login-box .login-title {
	margin-left: -40px;
	margin-top: 0;
	text-align: center;
	top: -90px;
}

.home-login .login-box .close {
	display: inline-block;
	font-size: 25px !important;
	line-height: 15px;
	margin-right: -29px;
	margin-top: -25px;
	padding: 7px;
	width: auto;
}

.home-login .login-box select {
	margin-bottom: 8px;
	height: 38px;
}



/* CLASE */

.tipo_acceso_grupo {
	cursor: pointer;
}

.tipo_acceso_grupo:after {
	background: url('../../../images/shared/padlock-sprite.png') no-repeat;
	content: "";
	display: inline-block;
	height: 20px;
	width: 20px;
	-moz-transition: background 0.5s ease;
	-webkit-transition: background 0.5s ease;
	-o-transition: background 0.5s ease;
	transition: background 0.5s ease;
}


.tipo_acceso_grupo.tipo_acceso_grupo_0:after {
	background-position:  -80px 1px;
}

.tipo_acceso_grupo.tipo_acceso_grupo_1:after {
	background-position:  -100px 1px;
}

.cod_clase_txt {
	margin-bottom: 15px;
	font-size: 30px;
	font-weight: 700;
}

.cod_clase_txt h5 {
	color: #3AC62A;
	font-size: 48px;
	font-weight: 700;
	margin: 7px 0;
}

.text-help-clase {
	color: #bababa;
	font-size: 15px;
}





/*-----------------------------------------------------------------------------------------------------------*/
/* PERFIL */

#f .alert-danger::-webkit-input-placeholder, #f .alert-danger::-moz-placeholder, #f .alert-danger:-moz-placeholder, #f .alert-danger:-ms-input-placeholder {
  color: #FBBABA;
}

#f .alert-danger:focus {
	border-color: #FBBABA;
	-webkit-box-shadow: 0 1px 5px #FBBABA;
	   -moz-box-shadow: 0 1px 5px #FBBABA;
	        box-shadow: 0 1px 5px #FBBABA;
}

#msgRegister{
	-webkit-box-shadow: 0 0 7px rgba(0, 0, 0, 0.4);
	   -moz-box-shadow: 0 0 7px rgba(0, 0, 0, 0.4);
	        box-shadow: 0 0 7px rgba(0, 0, 0, 0.4);
	position: absolute;
	left: 15px;
	padding: 5px 10px;
	margin-bottom: 0px;
	margin-top: 6px;
}

@media screen and (min-width: 1025px) {

	#profile .data div.fecha-nacimiento select {
		width: 16% !important;
	}

	.data .fecha-nacimiento select {
		margin-left: 6px;
	}
}

@media screen and (max-width: 1024px) {
	.formulario-captcha input {
		display: inline-block;
		margin-left: 2px;
		width: 49%;
	}

	.data .fecha-nacimiento select {
		width: 16% !important;
	}

	.data .fecha-nacimiento select {
		margin-left: 6px;
	}

	.body_clase.edit #actividad .item .header .categoria,
	.body_clase.edit #actividad .item .header .title input {
		width: 100%;
		display: block;
	}

	.body_clase.edit #actividad .item .header .categoria {
		margin: 10px 0px;
	}

	#actividad .content .header .categoria .btn-group {
		float: left;
	}

	#actividad .content .header .categoria .sound-name {
		float: right;
	}

	#iframe_div.iframe_div.audio {
		bottom: 20px;
	}
}

/* BK-18448 */
@media screen and (max-width: 949px){
	#canvas-wrapper {
		display: none ! important;
	}
}
@media screen and (max-width: 1023px) {
	.ui-resizable-e {
		display: block !important;
		right: -7px;
	}

	.ui-resizable-w {
		left: -7px;
	}

	.layout-panel.left {
		max-width: 100%;
		width: 100% ! important;
	}

	.layout-panel.right {
		max-width: 100%;
		width: 100% ! important;
		margin-left: 0px;
	}

	.layout-panel.right.aux-left {
		margin-right: 0;
		margin-bottom: 20px;
	}

	.body_clase.edit .layout-panel.right {
		display: block;
		max-width: 100%;
		margin: 0 auto;
	}

	#help-panel-content .layout-panel.right {
		float: none;
		max-width: 100%;
	}

	.body_clase.edit .slide_content_type_1 .layout-panel.right,
	.body_clase.edit .slide_content_type_24 .layout-panel.right {
		float: none;
	}

	.slide_content_type_1 .layout-panel,
	.slide_content_type_24 .layout-panel {
		display: block;
		max-width: 100%;
	}
}

@media screen and (min-width: 580px) and (max-width: 979px) {
	.formulario-captcha div {
		float: none;
		margin-top: 5px;
		width: 100%;
	}

	.formulario-captcha input {
		display: inline-block;
		margin-left: 4px;
		width: 49%;
	}

	.data .fecha-nacimiento select {
		float: right !important;
		width: 18% !important;
	}

	.data .fecha-nacimiento select {
		margin-left: 11px;
	}

	#usertype > div {
		width: 60%;
	}
}

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

	.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: 579px) {
   .formulario-captcha div, #usertype div {
		float: none;
		margin-top: 5px;
		width: 100%;
	}

	.formulario-captcha input {
		display: inline-block;
		margin-left: 2px;
		width: 48%;
	}

	.data .fecha-nacimiento select {
		float: right !important;
		width: 30% !important;
	}

	.data .fecha-nacimiento select {
		margin-left: 12px;
	}
}

@media screen and (max-width: 480px) {
	.bck-img.right, img[style~="float:right"] {
		width: 100%;
	}

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

#terms-and-conditions {
	margin-top: 15px;
	padding: 0 25px;
	width: 100%;
}

.info_licencia {
	color: #b3b3b3;
	font-size: 12px;
	position: relative;
	text-align: center;
	width: 100%;
}


/*----------------------------------------------------------------------------------------------------------*/

body.is_app .content-wrapper,
body.app:not(.offline-pc) .content-wrapper,
body.user_demo .content-wrapper {
	margin-top: 0;
	padding-top: 0;
	top: 0px;
}

.nav-anonymus {
	width: 100%;
	height: 44px;
	background: #555353 url('../../../images/home/menu-bg.png') repeat-x;
	text-align: center;
}

.nav-anonymus button {
	margin-top: 5px;
}



.fsolicitar input, .fsolicitar select, .fsolicitar textarea {
	margin-bottom: 8px;
}




/*-------------------------------------------------------------------------------------------------------------*/
/* BOTONES Toolbar y cabecera */

#main-nav ul li a,#main-nav .libro-right ul li a, #main-nav .libro-right ul li span {
	display: inline-block;
}

#tools ul li a, .libro-left ul li a, .libro-right ul li a, .libro-right ul li span {
	background: url('../../../images/shared/tools.png') 0 0 no-repeat;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.toolbar .blink-hover-active, .libro-left .info.blink-hover-active {
	background-color: #808080 !important;
}

.isTablet .toolbar .blink-hover-active {
	background-color: initial !important;
}

.toolbar .active, .libro-left .active .info  {
	background-color: #3AC62A !important;
}
.isTablet .toolbar .active {
	background-color: #3AC62A !important;
}

.toolbar .disabled {
	background-color: transparent !important;
	cursor: default;
	opacity: 0.5;
	pointer-events: none;
}

.toolbar .off:before {
	background-color: #fc4237 !important;
	content: "";
	display: block;
	left: 26px;
	position: absolute;
	width: 3px;
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	  -o-transform: rotate(45deg);
	     transform: rotate(45deg);
}

#tools .off:before {
	height: 62px;
}

.libro-right .off:before {
	height: 90%;
	top: 5px;
}

.libro-right ul li span, .libro-right ul li a {
	height: 52px;
	margin-top: -8px;
	position: relative;

	-moz-transition: none;
	-webkit-transition: none;
	-o-transition: background-position 0 ease-in;
	-o-transition: none;
	transition: none;
}

.libro-right ul li span, .libro-right ul li a {
   -webkit-touch-callout: none;
}

.libro-right ul li span {
   cursor: pointer;
}

.libro-left .info, .libro-left .index  {
	opacity: 1;
}

.libro-left ul li a {
	margin-top: -6px;
	height: 50px;
}

.libro-left .info {
	background-position: -3px -480px;
	margin-right: -4px;
	width: 49px;
}

.libro-left #btn-book-index {
	background-position: -3px -602px;
	margin-right: -4px;
	width: 49px;
}

a.edit-mode {
	background-position: -10px -254px;
}


#info-libro,
#book-index {
	background: white;
	border-right: 1px solid rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	   -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	        box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	left: -320px;
	width: 320px;
	padding: 35px;
	position: fixed;
	top: 0;
	z-index: 100;
}

#info-libro {
	margin-top: 44px;
}

#info-libro h3 {
	word-wrap: break-word;
}

#info-libro .image {
	width: 250px;
	position: relative;
}

#info-libro .image img {
	-webkit-border-radius: 2px;
	   -moz-border-radius: 2px;
	        border-radius: 2px;
	-webkit-box-shadow: 0 0 5px #bcbcbc;
	   -moz-box-shadow: 0 0 5px #bcbcbc;
	        box-shadow: 0 0 5px #bcbcbc;
	width: 250px;
}

#info-libro .image .edit, #colaboradores .edit {
	background: url("../../../images/shared/activ-icon-edit.png") no-repeat scroll 6px 6px transparent;
	display: inline-block;
	height: 32px;
	width: 32px;
}

#info-libro .image .edit {
	position: absolute;
	left: 109px;
	margin-top: -16px;
	top: 50%;
}

#info-libro > div {
	padding-bottom: 70px;
}

.block {
	border-top: 1px solid #cdcdcd;
	margin-top: 15px;
}

#colaboradores {
	position: relative;
	overflow: hidden;
}

#colaboradores .edit {
	float: left;
	margin-top: 7px;
}

.block h6 {
	display: inline-block;
	margin-top: 5px;
	margin-bottom: 0;
}

#lista-colaboradores {
	float: left;
}

.block li {
	margin-top: 7px;
}

.block li:not(:first-child) {
	color: #999;
	padding-left: 15px;
}

.icontool-0 {
background-position: 0 -0px !important;
}

.premium.icontool-0 {
background-position: -54px -0px !important;
}

.icontool-1 {
background-position: 0 -60px !important;
}

.premium.icontool-1 {
background-position: -54px -60px !important;
}

.icontool-2 {
background-position: 0 -120px !important;
}

.premium.icontool-2 {
background-position: -54px -120px !important;
}

.icontool-3 {
background-position: 0 -180px !important;
}

.premium.icontool-3 {
background-position: -54px -180px !important;
}

.icontool-4 {
background-position: 0 -240px !important;
}

.premium.icontool-4 {
background-position: -54px -240px !important;
}

.icontool-5 {
background-position: 0 -300px !important;
}

.premium.icontool-5 {
background-position: -54px -300px !important;
}

.icontool-6 {
background-position: 0 -360px !important;
}

.premium.icontool-6 {
background-position: -54px -360px !important;
}

.icontool-7 {
background-position: 0 -420px !important;
}

.premium.icontool-7 {
background-position: -54px -420px !important;
}

.icontool-8 {
background-position: 0 -480px !important;
}

.premium.icontool-8 {
background-position: -54px -480px !important;
}

.icontool-9 {
background-position: 0 -540px !important;
}

.premium.icontool-9 {
background-position: -54px -540px !important;
}

.icontool-10 {
background-position: 0 -600px !important;
}

.premium.icontool-10 {
background-position: -54px -600px !important;
}

.icontool-11 {
background-position: 0 -660px !important;
}

.premium.icontool-11 {
background-position: -54px -660px !important;
}

.icontool-12 {
background-position: 0 -720px !important;
}

.premium.icontool-12 {
background-position: -54px -720px !important;
}

.icontool-13 {
background-position: 0 -780px !important;
}

.premium.icontool-13 {
background-position: -54px -780px !important;
}

.icontool-14 {
background-position: 0 -840px !important;
}

.premium.icontool-14 {
background-position: -54px -840px !important;
}

.icontool-15 {
background-position: 0 -900px !important;
}

.premium.icontool-15 {
background-position: -54px -900px !important;
}

.icontool-16 {
background-position: 0 -960px !important;
}

.premium.icontool-16 {
background-position: -54px -960px !important;
}

.icontool-17 {
background-position: 0 -1020px !important;
}

.premium.icontool-17 {
background-position: -54px -1020px !important;
}

.icontool-18 {
background-position: 0 -1080px !important;
}

.premium.icontool-18 {
background-position: -54px -1080px !important;
}

.icontool-19 {
background-position: 0 -1140px !important;
}

.premium.icontool-19 {
background-position: -54px -1140px !important;
}

.icontool-20 {
background-position: 0 -1200px !important;
}

.premium.icontool-20 {
background-position: -54px -1200px !important;
}

.icontool-21 {
background-position: 0 -1260px !important;
}

.premium.icontool-21 {
background-position: -54px -1260px !important;
}

.icontool-22 {
background-position: 0 -1320px !important;
}

.premium.icontool-22 {
background-position: -54px -1320px !important;
}

.icontool-23 {
background-position: 0 -1380px !important;
}

.premium.icontool-23 {
background-position: -54px -1380px !important;
}

.icontool-24 {
background-position: 0 -1440px !important;
}

.premium.icontool-24 {
background-position: -54px -1440px !important;
}

.icontool-25 {
background-position: 0 -1500px !important;
}

.premium.icontool-25 {
background-position: -54px -1500px !important;
}

.icontool-26 {
background-position: 0 -1560px !important;
}

.premium.icontool-26 {
background-position: -54px -1560px !important;
}

.icontool-27 {
background-position: 0 -1620px !important;
}

.premium.icontool-27 {
background-position: -54px -1620px !important;
}

.icontool-28 {
background-position: 0 -1680px !important;
}

.premium.icontool-28 {
background-position: -54px -1680px !important;
}

.icontool-29 {
background-position: 0 -1740px !important;
}

.premium.icontool-29 {
background-position: -54px -1740px !important;
}

.icontool-30 {
background-position: 0 -1800px !important;
}

.premium.icontool-30 {
background-position: -54px -1800px !important;
}

.icontool-31 {
background-position: 0 -1860px !important;
}

.premium.icontool-31 {
background-position: -54px -1860px !important;
}

.icontool-32 {
background-position: 0 -1920px !important;
}

.premium.icontool-32 {
background-position: -54px -1920px !important;
}

.icontool-33 {
background-position: 0 -1980px !important;
}

.premium.icontool-33 {
background-position: -54px -1980px !important;
}

.icontool-34 {
background-position: 0 -2040px !important;
}

.premium.icontool-34 {
background-position: -54px -2040px !important;
}

.icontool-35 {
background-position: 0 -2100px !important;
}

.premium.icontool-35 {
background-position: -54px -2100px !important;
}

.icontool-36 {
background-position: 0 -2160px !important;
}

.premium.icontool-36 {
background-position: -54px -2160px !important;
}

.icontool-37 {
background-position: 0 -2220px !important;
}

.premium.icontool-37 {
background-position: -54px -2220px !important;
}

.icontool-38 {
background-position: 0 -2280px !important;
}

.premium.icontool-38 {
background-position: -54px -2280px !important;
}

.icontool-39 {
background-position: 0 -2340px !important;
}

.premium.icontool-39 {
background-position: -54px -2340px !important;
}

.icontool-40 {
background-position: 0 -2400px !important;
}

.premium.icontool-40 {
background-position: -54px -2400px !important;
}

.icontool-41 {
background-position: 0 -2460px !important;
}

.premium.icontool-41 {
background-position: -54px -2460px !important;
}

.icontool-42 {
background-position: 0 -2520px !important;
}

.premium.icontool-42 {
background-position: -54px -2520px !important;
}

.icontool-43 {
background-position: 0 -2580px !important;
}

.premium.icontool-43 {
background-position: -54px -2580px !important;
}

.icontool-44 {
background-position: 0 -2640px !important;
}

.premium.icontool-44 {
background-position: -54px -2640px !important;
}

.icontool-45 {
background-position: 0 -2700px !important;
}

.premium.icontool-45 {
background-position: -54px -2700px !important;
}

.icontool-46 {
background-position: 0 -2760px !important;
}

.premium.icontool-46 {
background-position: -54px -2760px !important;
}

.icontool-47 {
background-position: 0 -2820px !important;
}

.premium.icontool-47 {
background-position: -54px -2820px !important;
}

.icontool-48 {
background-position: 0 -2880px !important;
}

.premium.icontool-48 {
background-position: -54px -2880px !important;
}

.icontool-49 {
background-position: 0 -2940px !important;
}

.premium.icontool-49 {
background-position: -54px -2940px !important;
}

.icontool-50 {
background-position: 0 -3000px !important;
}

.premium.icontool-50 {
background-position: -54px -3000px !important;
}

.icontool-51 {
background-position: 0 -3060px !important;
}

.premium.icontool-51 {
background-position: -54px -3060px !important;
}

.icontool-52 {
background-position: 0 -3120px !important;
}

.premium.icontool-52 {
background-position: -54px -3120px !important;
}

.icontool-53 {
background-position: 0 -3180px !important;
}

.premium.icontool-53 {
background-position: -54px -3180px !important;
}

.icontool-54 {
background-position: 0 -3240px !important;
}

.premium.icontool-54 {
background-position: -54px -3240px !important;
}

.icontool-55 {
background-position: 0 -3300px !important;
}

.premium.icontool-55 {
background-position: -54px -3300px !important;
}

.icontool-56 {
background-position: 0 -3360px !important;
}

.premium.icontool-56 {
background-position: -54px -3360px !important;
}

.icontool-57 {
background-position: 0 -3420px !important;
}

.premium.icontool-57 {
background-position: -54px -3420px !important;
}

.icontool-58 {
background-position: 0 -3480px !important;
}

.premium.icontool-58 {
background-position: -54px -3480px !important;
}

.icontool-59 {
background-position: 0 -3540px !important;
}

.premium.icontool-59 {
background-position: -54px -3540px !important;
}

.icontool-60 {
background-position: 0 -3600px !important;
}

.premium.icontool-60 {
background-position: -54px -3600px !important;
}

.icontool-61 {
background-position: 0 -3660px !important;
}

.premium.icontool-61 {
background-position: -54px -3660px !important;
}

.icontool-62 {
background-position: 0 -3720px !important;
}

.premium.icontool-62 {
background-position: -54px -3720px !important;
}

.icontool-63 {
background-position: 0 -3780px !important;
}

.premium.icontool-63 {
background-position: -54px -3780px !important;
}

.icontool-64 {
background-position: 0 -3840px !important;
}

.premium.icontool-64 {
background-position: -54px -3840px !important;
}

.icontool-65 {
background-position: 0 -3900px !important;
}

.premium.icontool-65 {
background-position: -54px -3900px !important;
}

.icontool-66 {
background-position: 0 -3960px !important;
}

.premium.icontool-66 {
background-position: -54px -3960px !important;
}
.icontool-67 {
background-position: 0 -4020px !important;
}

.premium.icontool-67 {
background-position: -54px -4020px !important;
}
.icontool-68 {
background-position: 0 -4080px !important;
}

.premium.icontool-68 {
background-position: -54px -4080px !important;
}

.icontool-69 {
background-position: 0 -4140px !important;
}

.premium.icontool-69 {
background-position: -54px -4140px !important;
}
.icontool-70 {
background-position: 0 -4200px !important;
}

.libro-left .icontool-70 {
background-position: 0 -4211px !important;
}

.premium.icontool-70 {
background-position: -54px -4200px !important;
}

.icontool-71 {
background-position: 0 -4260px !important;
}

.premium.icontool-71 {
background-position: -54px -4260px !important;
}

.icontool-72 {
background-position: 0 -4320px !important;
}

.premium.icontool-72 {
background-position: -54px -4320px !important;
}

.icontool-73 {
background-position: 0 -4380px !important;
}

.premium.icontool-73 {
background-position: -54px -4380px !important;
}

.icontool-74 {
background-position: 0 -4440px !important;
}

.premium.icontool-74 {
background-position: -54px -4440px !important;
}

.icontool-75 {
background-position: 0 -4500px !important;
}

.premium.icontool-75 {
background-position: -54px -4500px !important;
}

.icontool-76 {
background-position: 0 -4560px !important;
}

.premium.icontool-76 {
background-position: -54px -4560px !important;
}

.icontool-77 {
background-position: 0 -4620px !important;
}

.premium.icontool-77 {
background-position: -54px -4620px !important;
}

.icontool-78 {
background-position: 0 -4680px !important;
}

.premium.icontool-78 {
background-position: -54px -4680px !important;
}

.icontool-79 {
background-position: 0 -4740px !important;
}

.premium.icontool-79 {
background-position: -54px -4740px !important;
}

.icontool-80 {
background-position: 0 -4800px !important;
}

.premium.icontool-80 {
background-position: -54px -4800px !important;
}

.icontool-81 {
background-position: 0 -4860px !important;
}

.premium.icontool-81 {
background-position: -54px -4860px !important;
}

.icontool-82 {
background-position: 0 -4920px !important;
}

.premium.icontool-82 {
background-position: -54px -4920px !important;
}

#libro-digital .pagination ul li a.thumbs {
	background-position: -7px -975px;
	width: 38px;
}

#libro-digital .pagination ul li a.prev {
	background-position: -12px -1036px;
	width: 33px;
}

#libro-digital .pagination ul li a.next {
	background-position: -14px -1096px;
	width: 33px;
}

#libro-digital .pagination ul li a.zoom-in {
	background-position: 0 -1155px;
	width: 50px;
}

#libro-digital .pagination ul li a.zoom-out {
	background-position: 0 -1215px;
	width: 50px;
}

#indice .units-mobile-bt a {
	background-position: 15px -611px;

	-moz-transition: none;
	-webkit-transition: none;
	-o-transition: background-position 0 ease-in;
	-o-transition: none;
	transition: none;

}


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

#edit_message_type_2 textarea { padding-left: 35px; }
#edit_message_type_2 .message-language { display: block; position: absolute; margin-left: 10px; margin-top: 6px; }

.js-poll-option .input_wrapper { width: 45%; float: left; }
.js-poll-option .input_wrapper:nth-child(2n) { float: right; }
.js-poll-option .js-remove-option { position: absolute; margin-top: -39px; margin-left: -30px; }

.bootstrap-tagsinput { width: 100%; text-align: left; margin-bottom: 0px; cursor: text; }

.bootstrap-tagsinput.focus {
	border-top-color: #3AC62A;
	border-right-color: #3AC62A;
	border-bottom-color: #3AC62A;
	border-left-color: #3AC62A;
	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);
}

#mensajes .simple .bootstrap-tagsinput,
#mensajes .simple input,
#mensajes .simple textarea {
	border: 1px solid #98d266;
}

#mensajes .simple .bootstrap-tagsinput.focus,
#mensajes .simple input.focus,
#mensajes .simple textarea.focus {
	-webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset, 0px 0px 8px rgba(152, 210, 102, 0.6);
	   -moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset, 0px 0px 8px rgba(152, 210, 102, 0.6);
	        box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset, 0px 0px 8px rgba(152, 210, 102, 0.6);
}

#mensajes .multilanguage .bootstrap-tagsinput,
#mensajes .multilanguage input,
#mensajes .multilanguage textarea {
	border: 1px solid #a280bb;
}

#mensajes .multilanguage .bootstrap-tagsinput.focus,
#mensajes .multilanguage input.focus,
#mensajes .multilanguage textarea.focus {
	-webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset, 0px 0px 8px rgba(162, 128, 187, 0.6);
	   -moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset, 0px 0px 8px rgba(162, 128, 187, 0.6);
	        box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset, 0px 0px 8px rgba(162, 128, 187, 0.6);
}

#mensajes .poll .bootstrap-tagsinput,
#mensajes .poll input,
#mensajes .poll textarea {
	border: 1px solid #89b6d4;
}

#mensajes .poll .bootstrap-tagsinput.focus,
#mensajes .poll input.focus,
#mensajes .poll textarea.focus {
	-webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset, 0px 0px 8px rgba(137, 182, 212, 0.6);
	   -moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset, 0px 0px 8px rgba(137, 182, 212, 0.6);
	        box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset, 0px 0px 8px rgba(137, 182, 212, 0.6);
}

#mensajes .event .bootstrap-tagsinput,
#mensajes .event input,
#mensajes .event textarea {
	border: 1px solid #f3ce73;
}

#mensajes .event .bootstrap-tagsinput.focus,
#mensajes .event input.focus,
#mensajes .event textarea.focus {
	-webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset, 0px 0px 8px rgba(243, 206, 115, 0.6);
	   -moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset, 0px 0px 8px rgba(243, 206, 115, 0.6);
	        box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset, 0px 0px 8px rgba(243, 206, 115, 0.6);
}

#destinatarios_parent .bootstrap-tagsinput input {
	margin-bottom: 0px;
	padding: 4px 6px;
	border: none;
}

#alumnos .fichas ul li span.badge { display: inline; }

#indice .material ul {
	min-height: 144px;
	text-align: left;
}

#indice .material .titulo {
	text-align: center;
}

#indice .actividades ul { min-height: 54px; }

#indice .drag-over {
	border-top-color: #3AC62A;
	border-right-color: #3AC62A;
	border-bottom-color: #3AC62A;
	border-left-color: #3AC62A;
	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);
}
#indice .units ul li.drag-over {
	-webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.075) inset, 0px 0px 20px rgba(133, 200, 57, 1);
	   -moz-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.075) inset, 0px 0px 20px rgba(133, 200, 57, 1);
	        box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.075) inset, 0px 0px 20px rgba(133, 200, 57, 1);
}

#indice .unit-content .actividades .item.nivel_2 .title,
#indice .unit-content .actividades .item.nivel_2 .text { padding-left: 10px; }
#indice .unit-content .actividades .item.nivel_3 .title,
#indice .unit-content .actividades .item.nivel_3 .text { padding-left: 20px; }
#indice .unit-content .actividades .item.nivel_4 .title,
#indice .unit-content .actividades .item.nivel_4 .text { padding-left: 30px; }
#indice .unit-content .actividades .item.nivel_5 .title,
#indice .unit-content .actividades .item.nivel_5 .text { padding-left: 40px; }
#indice .unit-content .actividades .item.nivel_6 .title,
#indice .unit-content .actividades .item.nivel_6 .text { padding-left: 50px; }

#indice .unit-content .actividades .item .nota { -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; padding: 4px 10px; width: 50px;  float: right;}

#indice .unit-content .actividades .item .imagen,
#indice .unit-content .actividades .item .titulo,
#indice .unit-content .material .item .icon,
#indice .unit-content .material .item .pags,
#indice .unit-content .material .item .nota,
#indice .unit-content .material .item .acceso,
#indice .unit-content .material .item .text,
#indice .unit-content .material .item .image-edit,
#indice.editar .unit-content .actividades .icon {
	display: none;
}

#indice.editar .unit-content .material .item .acceso {
	min-width: 1px;
}

#indice .unit-content .actividades .item:not(.nivel_1) .title{
	font-size: 15px;
}

#indice.editar .unit-content .material .item .edit {
	display: block;
	position: absolute;
	z-index: 10;
	margin-top: 40px;
	margin-left: -10px;
	top: 60px;
}

#indice.editar .unit-content .material .item .imagen {

}

#indice .unit-content .actividades .item .acceso .yellow { color: yellow; }

#indice .actividades .acceso,
#indice .actividades .online {
	cursor: pointer;
	float: right;
	width: 25px;
	text-align: center;
}

#indice .actividades .acceso.no-action {
	cursor: default;
}

#indice .unit-content .actividades .add a:first-child,
#indice .unit-content .material .add a:first-child {
	display: inline-block;
	vertical-align: middle;
}

#mensajes .post.replied {
	display: block;
}

#mensajes_list .content-box {
	margin-bottom: 50px;
	position: relative;
}



/*@ Override*/
.filtered-title {display: block;}

#main-nav a:before {
	height: 40px;
}
#m_cursos:before { content: url(../../../images/shared/nav/main-nav-ico-1.png); }
#m_misalumnos:before { content: url(../../../images/shared/nav/main-nav-ico-2.png); }
#m_miclaustro:before { content: url(../../../images/shared/nav/main-nav-ico-3.png); }
#m_calificaciones:before { content: url(../../../images/shared/nav/main-nav-ico-4.png); }
#m_mensajes:before { content: url(../../../images/shared/nav/main-nav-ico-5.png); }
#m_licencias:before,
#m_ingresos:before { content: url(../../../images/shared/nav/main-nav-ico-6.png); }
#m_admin:before { content: url(../../../images/shared/nav/main-nav-ico-7.png); }
#m_calendar:before { content: url(../../../images/shared/nav/main-nav-ico-8.png); }
#m_blkAnalytic:before { content: url(../../../images/shared/nav/main-nav-ico-9.png); }
#m_teachersNotebook:before { content: url(../../../images/shared/nav/main-nav-ico-10.png); }
#m_groupRubrics:before { content: url(../../../images/shared/nav/main-nav-ico-11.png); }

/* **************************************************************************************************************************************************** */
/* ESTILO MENSAJES */

.alert {
	border-color: transparent;
	color: white;
	font-size: 16px;
}

.alert .close {
	color: white;
}

.alert-info {
	background: #79d7f5;
}

.alert-success {
	background: #b0cf61;
}

.alert-danger {
	background: #fc7b73;
	position: relative;
    z-index: 21;
}

.alert-danger option {
	background: #fff;
	color: #555;
}

.alert-warning {
	background: #f7b161;
}

.boton-notificar {
	background: url("../../../images/shared/catalog-sprite.png") no-repeat scroll -83px -3px transparent;
	display: inline-block;
	height: 35px;
	margin-left: 10px;
	margin-top: -6px;
	opacity: 0.75;
	filter: alpha(opacity=75);
	width: 34px;

	-ms-transform: scale(0.75);
	-webkit-transform: scale(0.75);
	-moz-transform: scale(0.75);
	  -o-transform: scale(0.75);
	     transform: scale(0.75);
	-moz-transition: opacity .2 ease-in-out;
	-webkit-transition: opacity .2 ease-in-out;
	-o-transition: opacity .2 ease-in-out;
	transition: opacity .2 ease-in-out;
}

.boton-notificar:hover {
	opacity: 1;
}

.last-modification {
	float: right;
}

@media screen and (max-width: 580px) {
	.last-modification {
		display: block;
		float: none;
	}
}


/* Estilos checbox y radio */

#actividad .content .edit-options ul li {
	height: auto;
}

#actividad .content .edit-options label.filter-label {
	background-image: none;
}

.checkbox-option input.filter-checkbox[type="checkbox"] + label.filter-label,
.radio-option input.filter-radio[type="radio"] + label.filter-label {
	cursor: pointer;
	display: inline-block;
	line-height: 24px;
	padding-left: 23px;
	vertical-align: middle;
}

.checkbox-option input.filter-checkbox[type="checkbox"]:checked + label.filter-label:before,
.slides_averages #cont_checkTemas label:before,
.slides_averages #cont_checkSelfCorrect label:before,
.slides_averages #cont_checkEvaluation label:before,
.radio-option input.filter-radio[type="radio"]:checked + label.filter-label:before {
	background-position: 0 -24px;
}

.radio-option input.filter-radio[type="radio"]:checked + label.filter-label.respuesta_ko:before {
	background-position: 0 -74px;
}

.checkbox-option input.filter-checkbox.edit[type="checkbox"] + label.filter-label:before,
.radio-option input.filter-radio.edit[type="radio"] + label.filter-label:before {
	background-position: 0 -50px;
}

.checkbox-option input.filter-checkbox.edit[type="checkbox"]:checked + label.filter-label:before,
.radio-option input.filter-radio.edit[type="radio"]:checked + label.filter-label:before {
	background-position: 0 -74px;
}

.checkbox-option input.filter-checkbox[type="checkbox"]:disabled + label.filter-label:before,
.radio-option input.filter-radio[type="radio"]:disabled + label.filter-label:before {
	background-position: 0 -200px;
}

.checkbox-option input.filter-checkbox[type="checkbox"]:checked:disabled + label.filter-label:before,
.radio-option input.filter-radio[type="radio"]:checked:disabled + label.filter-label:before {
	background-position: 0 -224px;
}

.checkbox-option input.filter-checkbox[type="checkbox"]:disabled + label.filter-label:before,
.radio-option input.filter-radio[type="radio"]:disabled + label.filter-label:before {
	cursor: default;
	opacity: 0.4;
}

.checkbox-option label.filter-label,
.checkbox-option label.filter-label-append,
.radio-option label.filter-label {
	-moz-user-select: none;
	font-size: 1.4rem;
	font-weight: normal;
	margin-top: 2px;
}



.checkbox-option label.filter-label:before,
.slides_averages #cont_checkTemas label:before,
.slides_averages #cont_checkSelfCorrect label:before,
.slides_averages #cont_checkEvaluation label:before,
.radio-option label.filter-label:before{
	background-image: url("../../../images/shared/checkbox-sprite.png");
	content: "";
	display: block;
	height: 20px;
	left: 0;
	position: absolute;
	width: 19px;

}

.slides_averages input.inputFiltros#checkbox_selfcorrect[type="checkbox"]:checked + label:before,
.slides_averages input.inputFiltros#checkbox_checkTemas[type="checkbox"]:checked + label:before,
.slides_averages input.inputFiltros#checkbox_evaluation[type="checkbox"]:checked + label:before {
	background-position: 0px 0px;
}

.radio-option.greenIcon:before {
	background-image: url("../../../images/shared/checkbox-sprite.png");
	content: "";
	display: block;
	height: 20px;
	width: 19px;
	left: 0;
	background-position: 0px 0px;

}
.slides_averages{
    width: 100%;
    margin: 0 auto;
    background: rgb(238,238,238);
    border-radius: 21px;
	text-align: center;
}

#ficha-alumno .slides_averages{
	margin-bottom:20px;
}
#checkTemas-modal .arrow{
	left:80%
}

@media screen and (max-width: 1000px) {
	#checkTemas-modal .arrow{
		left:90%
	}
}

@media screen and (max-width: 570px) and (min-width: 567px) {
	#checkTemas-modal .arrow{
		left:80%
	}
}
@media screen and (max-width: 567px) {
	#checkTemas-modal .arrow{
		left:50%
	}
}
#cont_checkEvaluation,
#cont_checkSelfCorrect{
	display:inline-block;
    margin: 0 14px;
}
.slides_averages #cont_checkSelfCorrect label{
    margin-bottom: 10px;
}
.slides_averages #cont_checkEvaluation label{
    margin-bottom: 0px;
}

.slides_averages #cont_checkTemas label:before,
.slides_averages #cont_checkSelfCorrect label:before,
.slides_averages #cont_checkEvaluation label:before{
    display: inline-block;
    position: relative;
    margin-right: 3px;
    top: 4px;
}

.slides_averages #cont_checkTemas,
.slides_averages #cont_checkTemas label	{
	cursor:pointer;
}
.checkbox-option input.filter-checkbox[type="checkbox"],
.radio-option input.filter-radio[type="radio"],
input.inputFiltros#checkbox_checkTemas,
input.inputFiltros#checkbox_selfcorrect,
input.inputFiltros#checkbox_evaluation{
	display: none;
}

label.filter-label {
	position: relative;
}

.sfilter label.filter-label {
	color: #999;
}

/* Estilo dropmenu #smenu */

.collapse-menu {
	display: none;
}

.collapse-menu button {
	min-width: 160px;
}

@media screen and (max-width: 579px) {
	.collapse-menu {
		display: inline-block;
	}

	.expand-menu {
		display: none;
	}
}

#checkTemas-modal.popover{
	z-index: 1000;
}

#wrapTemas div.iScrollHorizontalScrollbar.iScrollLoneScrollbar{
	background: white
}
#header_nummensajes {
	background: #fc4237;
	-webkit-border-radius: 20px;
	   -moz-border-radius: 20px;
	        border-radius: 20px;
	color: white;
	display: none;
	font-size: smaller;
	font-weight: 600;
	height: 24px;
	left: 77px;
	min-width: 24px;
	padding: 1px 6px;
	position: absolute;
	text-align: center;
	top: -9px;
}

#main-nav li {
	position: relative;
}

#old-browser-bar {
	position: fixed;
	width: 100%;
	z-index: 9999;
	background-color: #fff;
	font-size: 20px;
	text-align: center;
		padding-top: 2%;
	padding-bottom: 2%;
}

#cookie-bar {
	bottom: 0;
	position: fixed;
	width: 100%;
	z-index: 9999;
}

#cookie-bar {
	font-size: 14px;
	background-color: white;
	-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
	   -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
	        box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
	line-height: 22px;
	text-align: center;
	padding: 15px 0;
	bottom: 0;
	position: fixed;
	width: 100%;
	z-index: 9999;
}

#cookie-bar p {
	margin: 0;
	padding: 0;
	text-align: left;
}

#cookie-bar strong {
	clear: both;
	display: block;
}

#cookie-bar a {
	color: white;
	display:inline-block;
	-webkit-border-radius: 20px;
	   -moz-border-radius: 20px;
	        border-radius: 20px;
	text-decoration:none;
	margin-top: 10px;
	padding: 5px 12px;
	font-weight: 600;
}

#cookie-bar a:first-child {
	margin-right: 10px;
}

#cookie-bar .cb-enable {
	background:#3AC62A;
}

#cookie-bar .cb-enable:hover {
	background:#78b533;
}

#cookie-bar .cb-disable {
	background:#990000;
}

#cookie-bar .cb-disable:hover {
	background:#bb0000;
}

#cookie-bar .cb-policy {
	background:#a3a3a3;
}

#cookie-bar .cb-policy:hover {
	background:#969696;
}


#main-nav li.active{
	background-color: #3AC62A;
}

#filtersMedia {
	overflow: hidden;
	min-width: 100px;
}

#filtersMedia li {
	display: inline;
	margin-bottom: 10px;
}

#filtersMedia li:last-child {
	margin-right: 0;
}

#recordMedia {
	min-width: 100px;
}

#recordMedia li {
	display: inline;
	margin-bottom: 10px;
}

#recordMedia li:last-child {
	margin-right: 0;
}

.videorecord {
	width: 90%;
	min-height: 320px;
	border: 0px;
}

#dlgForm .sfilter {
	margin-top: 1px;
}

#remote-modal {
	overflow: hidden;
}

#remote-modal .contenido .items ul li {
	margin-left: 7px;
	margin-right: 6px;
}

#remote-modal .contenido .items ul li[disabled] {
	opacity: .4;
}

#remote-modal .modal-lg .contenido .items ul li {
	margin-left: 5px;
	margin-right: 5px;
}

#remote-modal .slide-custom-color{
	display: inline-block;
	margin-left: 5px;
}

.wrap-mask:before {
	-webkit-border-radius: 100%;
	   -moz-border-radius: 100%;
	        border-radius: 100%;
	background: url("../../../images/shared/controls.png") no-repeat scroll -60px 0;
	-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	   -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	        box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	content: "";
	display: block;
	height: 30px;
	right: -2px;
	position: absolute;
	top: -2px;
	width: 30px;
	opacity: 0;
	filter: alpha(opacity=0);

	transition: opacity .3s ease-in-out;
	-moz-transition: opacity .3s ease-in-out;
	-ms-transition: opacity .3s ease-in-out;
	-o-transition: opacity .3s ease-in-out;
	-webkit-transition: opacity .3s ease-in-out;
}

.wrap-mask.selected:before {
	opacity: 1;
	filter: alpha(opacity = 100);
}

@media screen and (max-width: 579px) {
	#actividad .content {
		-webkit-border-radius: 0px;
		   -moz-border-radius: 0px;
		        border-radius: 0px;
		margin: 0px;
	}

	#mensajes .content-box {
		margin-right: 0px;
		margin-left: 0px;
		padding-left: 7px;
	}

	#mensajes .content-box.poll .post .content .option {
		width: 100%;
	}

	#mensajes .sfilter {
		margin-bottom: -10px;
		margin-top: 36px;
	}

	#mensajes .sfilter ul {
		margin-top: -20px;
	}
}

.ui-widget {
	font-family: 'Source Sans Pro';
	font-size: 14px;
}

.ui-widget-content {
	background: none repeat scroll 0 0 white;
	border: 1px solid #c8c8c8;
	-webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
	        border-radius: 4px;
}
.blink-combobox-menu{
	max-height: 200px;
    overflow-y: auto;
    overflow-x: hidden;
}
	/*BK-8265 Envio de deberes - Autocompletar en modal*/
	#remote-modal #dlgForm {
		position: relative;
	}
	#remote-modal #dlgForm .ui-widget-content.ui-autocomplete {
		min-width: 100%;
	}


.ui-widget-content a {
	color: #414141;
}

.ui-menu .ui-menu-item {
	list-style: none;
	padding: 7px 5px 7px 13px;
	position: relative;
}

.ui-menu .ui-menu-item img {
	-webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
	        border-radius: 4px;
	width: 45px !important;
	height: 45px;
}

.ui-menu .ui-menu-item:last-child {
	padding-bottom: 12px;
}

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
	background: #eee;
	border-top: 1px solid transparent;
	border-bottom: 1px solid transparent;
	border-left: 1px solid #c8c8c8;
	border-right: 1px solid #c8c8c8;
	color: #3AC62A;
}

.ui-state-focus:first-child {
	-webkit-border-radius: 4px 4px 0 0 ;
	   -moz-border-radius: 4px 4px 0 0 ;
	        border-radius: 4px 4px 0 0 ;
	border-top: 1px solid #c8c8c8;
}

.ui-state-focus:last-child {
	-webkit-border-radius: 0 0 4px 4px;
	   -moz-border-radius: 0 0 4px 4px;
	        border-radius: 0 0 4px 4px;
	border-bottom: 1px solid #c8c8c8;
}

.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited {
	color: #3AC62A;
	text-decoration: none;
}

.ui-autocomplete-category {
	border-bottom: 1px solid #ededed;
	color: #3AC62A;
	padding: 10px;
}

#btnImgIndx {
	min-width: 150px;
	margin-top: 10px;
	position: absolute;
	right: 0px;
}

.modal-footer button {
	min-width: 90px;
	margin-top: 5px;
	margin-bottom: 5px;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	-moz-transition: all .5s;
	transition: all .5s;
}

.modal-footer .btn + .btn {
	margin-bottom: 5px;
}

.modal-warning {
 	display: none;
}

#remote-alert-modal-green{
    z-index: 9999;
}


#dlgForm .imagen.addResource {
	width: 19%;
	-webkit-border-radius: 100%;
	   -moz-border-radius: 100%;
	        border-radius: 100%;
}

#dlgForm .imagen.addResource.archivo:after { content: url(../../../images/contenido/recurso-icon-archivo.png); }
#dlgForm .imagen.addResource.video:after { content: url(../../../images/contenido/recurso-icon-video.png); }
#dlgForm .imagen.addResource.img:after { content: url(../../../images/contenido/recurso-icon-img.png); }
#dlgForm .imagen.addResource.libro:after { content: url(../../../images/contenido/recurso-icon-libro.png); }
#dlgForm .imagen.addResource.url:after { content: url(../../../images/contenido/recurso-icon-url.png); }
#dlgForm .imagen.addResource.musica:after { content: url(../../../images/contenido/recurso-icon-musica.png); }
#dlgForm .imagen.addResource.actividad:after { content: url(../../../images/contenido/recurso-icon-actividad.png); }

#dlgForm .imagen.addResource img {
	width: 100%;
	height: 100%;
}

/* Modal generar examenes y deberes */

.btn-icon {
	background: none;
	font-size: 15px;
	font-size: 1.5rem;
	font-weight: 700;
	-webkit-box-shadow: none!important;
	   -moz-box-shadow: none!important;
	        box-shadow: none!important;
}
.btn-icon span {
	position: relative;
	display:inline-block;
	padding: 2px 34px 4px 6px;
}
.btn-icon span:before {
	position: absolute;
	right: 0;
	top: 0;
	background: #5e6668;
	color: #ffffff;
	-webkit-border-radius: 200px;
	   -moz-border-radius: 200px;
	        border-radius: 200px;
	display: block;
	width: 30px;
	height: 30px;
	line-height: 30px;
}

.gen-exam .btn-icon span {
	position: relative;
	display: inline-block;
	padding: 0px 22px 6px 0px;
	margin-bottom: 21px;
}

.deberes-item {
	position: relative;
	padding-left: 180px;
	min-height: 86px;
}
.deberes-item-left {
	position: absolute;
	left: 0;
	top: 0;
}

.thumbslide, .thumbactivity {
	background: #efefef;
	-webkit-border-radius: 10px;
	   -moz-border-radius: 10px;
	        border-radius: 10px;
	overflow: hidden;
	padding: 0;
	border: 1px solid #cccccc;
	width: 130px;
	height: 86px;
	position: relative;
}

.deberes-items .thumbslide, .deberes-items .thumbactivity {
	margin-left: 30px;
}

.thumbslide:before, .thumbactivity:before{
	content: '';
	display: block;
	width: 90px;
	height: 86px;
	margin: 0 auto;
	position: relative;
	z-index: 10;
}

.thumbslide:before {
	background: url(../../../images/slides/sprite-slides.png) -35px 0px no-repeat transparent;
}

.thumbactivity:before {
	background: url(../../../images/contenido/sprite-recursos.png) -35px 0px no-repeat transparent;
}

.thumbslide .thumbslide_img img, .thumbactivity .thumbactivity_img img {
	display: none;
}

.thumbslide.type_1:before {
	background-position: -35px 0px;
}

.thumbactivity.type_2:before {
	background-position: -35px -5px;
}

.thumbactivity.type_1:before {
	background-position: -35px -100px;
}

.thumbactivity.type_3:before {
	background-position: -35px -200px;
}

.thumbslide.type_2:before, .thumbactivity.type_8:before  {
	background-position: -35px -300px;
}

.thumbslide.type_4:before, .thumbactivity.type_5:before {
	background-position: -35px -400px;
}

.thumbslide.type_5:before, .thumbactivity.type_6:before {
	background-position: -35px -500px;
}

.thumbslide.type_6:before, .thumbactivity.type_7:before  {
	background-position: -35px -600px;
}

.thumbslide.type_7:before {
	background-position: -35px 0px;
}

.thumbslide.type_8:before {
	background-position: -35px -1300px;
}

.thumbslide.type_9:before {
	background-position: -35px -700px;
}

.thumbslide.type_10:before{
	background-position: -35px -800px;
}

.thumbslide.type_11:before {
	background-position: -35px -1500px;
}

.thumbslide.type_12:before {
	background-position: -35px -900px;
}

.thumbslide.type_13:before {
	background-position: -35px -1000px;
}

.thumbslide.type_14:before {
	background-position: -35px -1400px;
}

.thumbslide.type_17:before {
	background-position: -35px 0px;
}

.thumbslide.type_18:before {
	background-position: -35px -600px;
}

.thumbslide.type_19:before {
	background-position: -35px -400px;
}

.thumbslide.type_20:before {
	background-position: -35px -1300px;
}

.thumbslide.type_21:before {
	background-position: -35px -1600px;
}

.thumbslide.type_22:before {
	background-position: -35px -1200px;
}

.thumbslide.type_23:before {
	background-position: -35px -1100px;
}

.thumbslide.type_24:before {
	background-position: -35px 0px;
}

.slide_miniatura, .activity_miniatura {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	  -o-background-size: cover;
	     background-size: cover;
	opacity: 0.5;
}

.deberes-item-right-header:after {
	content: '';
	display: table;
	clear: both;
}

.deberes-item-right .deberes-item-right-title {
	margin: 0 0 2px;
}
.deberes-item-right .label-info-type-slide {
	position: static;
	float: right;
	max-width: 100%;
	margin: 0;
}

.deberes-item-right-content:after {
	content: '';
	display: table;
	clear: both;
}

.deberes-item-right-content img {
	max-width: 100%;
	height: auto;
}
.deberes-item-right-content .player {
	display: none;
}

.deberes-item-right-content-inner {
	max-height: 40px;
	min-height: 39px;
	overflow: hidden;
	-webkit-transition: max-height 0.8s;
	-moz-transition: max-height 0.8s;
	-o-transition: max-height 0.8s;
	transition: max-height 0.8s;
	position: relative;
}
.deberes-item-right-content-inner:after {
	content: '';
	display: block;
	width: 100%;
	height: 10px;
	position: absolute;
	bottom: 0;
	left: 0;
	opacity: 1;
	-webkit-transition: opacity 0.8s;
	-moz-transition: opacity 0.8s;
	-o-transition: opacity 0.8s;
	transition: opacity 0.8s;
	background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
	background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
	background: -webkit-gradient(linear,  left top, left bottom,  from(rgba(255,255,255,0)),to(rgba(255,255,255,1)));
	background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
	background: -o-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
	background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 );
}
.deberes-item-right-content-inner.active {
	max-height: 500px;
}

.deberes-item-right-content-inner.active:after {
	opacity: 0;
}

.deberes-item-right-content-toggle {
	display: block;
	float: right;
	width: 24px;
	height: 24px;
	text-align: center;
	line-height: 24px;
	background: #3AC62A;
	color: #ffffff!important;
	-webkit-border-radius: 120px;
	   -moz-border-radius: 120px;
	        border-radius: 120px;
}

.deberes-item-right-content-toggle .fa-plus {
	display: inline-block;
}

.deberes-item-right-content-toggle .fa-minus {
	display: none;
}

.deberes-item-right-content-toggle.active .fa-plus {
	display: none;
}
.deberes-item-right-content-toggle.active .fa-minus {
	display: inline-block;
}

.list-group-item .slide-preview, .list-group-item .activity-preview {
	position: absolute;
	bottom: 10px;
	right: 10px;
	filter: alpha(opacity=0);
	width: 24px;
    height: 24px;
	-moz-transition: none;
	-webkit-transition: none;
	-o-transition: background-position 0 ease-in;
	-o-transition: none;
	transition: none;
}

.list-group-item .slide-preview.view-icon, .list-group-item .activity-preview.view-icon  {
	background: url(../../../images/shared/icon-catalogue.png) 3px 6px #85c939 no-repeat;
	background-size: 18px;
}

.deberes-item-right {
	padding: 0 30px 0 0;
}

.deberes-item-keywords {
	margin: 0 0 6px 0;
}
	.deberes-item-keywords .label {
		margin: 0 2px;
	}
	.deberes-item-keywords .label-orange {
	    background-color: #FFA500 !important;
	    color: #FFF;
	}

.modal-section {
	padding-bottom: 20px;
	margin-bottom: 20px;
	border-bottom: 1px solid #c6c6c6;
}
.modal-section:after {
	content: '';
	display: table;
	clear: both;
}

.modal-section-left {
	float: left;
}
.modal-section-right {
	float: right;
}

.linea-generar {
	position: relative;
	display: inline-block;
}

.modal-inner-title {
	margin-bottom: 20px;
}

.linea-generar input {
	text-align: center;
	font-weight: normal;
}

.lista_temas .checkbox-option {
	height: 30px;
	margin-bottom: 10px;
}

.lista_temas .checkbox-option input.filter-checkbox[type="checkbox"] + label.filter-label {
	display: block;
	color: #ffffff;
	font-weight: bold;
	padding-left: 40px;

}

.lista_temas .checkbox-option .tema-label:after {
	content: '';
	background-color: #d1d1d1;
	-webkit-border-radius: 100px;
	   -moz-border-radius: 100px;
	        border-radius: 100px;
	display: block;
	height: 30px;
	margin-top: -26px;
	margin-left: -16px;
}


.lista_temas .checkbox-option input.filter-checkbox[type="checkbox"]:checked + label.filter-label:after {
	background-color: #90cc52;
}


.lista_actividades_examen .tit_tema {
	background: #3AC62A;
	color: #ffffff;
	font-weight: bold;
	-webkit-border-radius: 100px;
	   -moz-border-radius: 100px;
	        border-radius: 100px;
	margin: 0 0 10px 0;
	padding: 4px 15px;
}
.slides-selected {
	font-size: 15px;
	color: #cbcbcb;
	margin-top: 8px;
}

.lista_actividades_examen .help-block {
	font-size: 16px;
	font-size: 1.6rem;
	color: #cbcbcb;
	padding: 10px 15px;
}
/* Fin Modal Generar examenes y deberes */

/* Modal y boton Cambiar password a alumnos*/

#changepassresult {
	text-align: center;
	font-size: 18px;
	font-size: 1.8rem;
	color: #979797;
	margin-top: 20px;
	margin-bottom: 20px;
}
#changepassnewpass {
	font-weight: bold;
}
#changepassresult .blinkicon-check {
	font-size: 50px;
	color: #3AC62A;
	width: 50px;
	height: 50px;
	margin: 0 auto 20px;
}

#boton_changepassword {
	margin-top: 10px;
}

.btn-tertiary,
.btn-tertiary.disabled,
.btn-tertiary[disabled],
.btn-tertiary.disabled:focus,
.btn-tertiary[disabled]:focus {
	color: #fff;
	background-color: #82ccd7;
	border-color: #40cef4;
	-webkit-border-radius: 6px;
	   -moz-border-radius: 6px;
	        border-radius: 6px;
	-moz-transition: background-color .5s, border-color .5s;
	-webkit-transition: background-color .5s, border-color .5s;
	-o-transition: background-color .5s, border-color .5s;
	transition: background-color .5s, border-color .5s;
}
.btn-tertiary:hover,
.btn-tertiary:active,
.btn-tertiary.active {
	color: #fff;
	background-color: #40cef4;
}

.btn-tertiary .fa {
	margin-left: 8px;
}

/* Fin Modal y boton Cambiar password a alumnos*/

.label-info-type-slide {
	padding: 2px 5px;
	position: absolute;
	top: 3px;
	right: 12px;
	display: block;
	max-width: 120px;
	overflow: hidden;
	-o-text-overflow: ellipsis;
	   text-overflow: ellipsis;
}

.deberes-items .checkbox-option {
	margin-top: -12px;
	position: absolute;
	top: 50%
}

/* BK-18792 */
.crear-clase-div {
	height: 138px;
}

.crear-clase-div button {
	position: absolute;
	bottom: 0;
}


button.close {
	margin-right: -7px;
	padding: 7px;
}

.libro-sin-gradebook {
	margin-top:40px;
}

.clase-sin-contenido a,
.alumnos-sin-aceptar a,
.libro-sin-gradebook a,
.profesor-sin-clase a,
#visit_shop a {
	background: rgba(0, 0, 0, 0.1);
	-webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
	        border-radius: 4px;
	color: white;
	float: right;
	margin-left: -70px;
	margin-right: -6px;
	margin-top: -6px;
	padding: 6px 10px;
	-moz-transition: all 0.3 ease-in-out;
	-webkit-transition: all 0.3 ease-in-out;
	-o-transition: all 0.3 ease-in-out;
	transition: all 0.3 ease-in-out;
}

@media (max-width: 579px) {
	.clase-sin-contenido a,
	.alumnos-sin-aceptar a,
	.libro-sin-gradebook a,
	.profesor-sin-clase a,
	#visit_shop a {
		float: none;
		margin-left: 0;
		margin-right: 0;
		margin-top: 6px;
		display: block;
	}
}


#visit_shop a.anadeLicencia{
	margin-left: 10px;
}
.clase-sin-contenido a:hover,
.alumnos-sin-aceptar a:hover,
.libro-sin-gradebook a:hover,
#visit_shop a:hover {
	background: rgba(0, 0, 0, 0.15);
}

.subjects .dropdown-toggle {
	width: 80%;
	max-width: 80%;
}

.addReview .modal-section {
	display: block;
	padding-bottom: 0;
	margin-bottom: 0;
	border: none;
}

.addReview a.deberes-item-right-content-toggle {
	display: none;
}

.addReview div#check-all label.filter-label:before {background-image: url(../../../images/shared/checkbox-sprite.png);
	content: "";
	display: block;
	height: 20px;
	left: 0;
	position: absolute;
	width: 19px;
}

.addReview input#cb-check-all {
	display: none;
}

.addReview label.filter-label {
	cursor: default;
	display: inline-block;
	line-height: 24px;
	padding-left: 23px;
	vertical-align: middle;
}

.addReview ul.list-group li.list-group-item.list-group-item-default {
	position: relative;
	display: block;
	padding: 10px 0;
	background-color: #fff;
	border: 0;
	margin-bottom: 5px;
}

.addReview #check-all {
	border-top: 1px solid #ddd;
	margin-top: 8px;
	margin-bottom: -10px;
	padding-top: 7px;
}

.subtitulo {
	display: none;
}

.addReview .subtitulo {
	display: block;
}

.addReview .texto {
	display: none;
}

.addReview .deberes-item-right-content-inner:after {
	display: none;
}

.check-all-review {
	display: none;
}

.addReview #check-all.check-all-review {
	display: block;
	visibility: visible;
}

.gen-exam #check-all.check-all-gen-exam {
	display: block;
	visibility: visible;
	padding-left: 20px;
	padding-bottom: 6px;
}

#indice .unit-content .actividades .add.act_revision {
	-webkit-border-radius: 18px;
	-moz-border-radius: 18px;
	display: block;
	padding: 20px 15px;
	border-top-left-radius: 2px;
	border-top-right-radius: 2px;
	margin-top: -34px;
	height: 52px;
	margin-bottom: 9px;
	text-align: left;
	z-index: 2;
}

/*BK-12341 Centrado horizontal y vertical del texto y botones de actualizar alumno y de asignar contenido a una clase*/
@media screen and (min-width: 579px){
	.alumnos-sin-aceptar, .clase-sin-contenido{
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: flex;
	  	-webkit-box-align: center;
	  	   -moz-box-align: center;
	  	    -ms-flex-align: center;
	  	        align-items: center;
	  	display: -webkit-flex;
        -webkit-align-items: center;
	}

	.alumnos-sin-aceptar span, .clase-sin-contenido span{
		width: 100%;
	}

	.alumnos-sin-aceptar a#js-sync-licenses, .clase-sin-contenido a#js-assign-content{
		margin: 0px;
		margin-left: 10px;
	}
}

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

	#concodigo button {
	position: relative;
	bottom: 0;
	}
	#concodigo {
	height: 100%;
	padding-bottom: 20px;
}


	.clase-sin-contenido a,
	.alumnos-sin-aceptar a,
	.libro-sin-gradebook a,
	#visit_shop a {
		display: block;
		float: none;
		margin: 10px 0 0;
	}

	#smenu {
		margin-top: 30px;
	}

	#smenu, #smenu button, #smenu .dropdown-menu, .sfilter button, .sfilter .dropdown-menu, .subjects button, .subjects .dropdown-menu {
		width: 100%;
	}

	#smenu button i, .sfilter button i, .subjects button i {
		margin-left: 7px;
		margin-right: -14px;
	}

	.subjects .dropdown-toggle {
		width: 100%;
		max-width: 100%;
	}


	.sfilter button {
		margin-bottom: 15px;
	}

	.sfilter .dropdown-menu {
		top: 50px;
		position: absolute;
	}

	.sfilter .dropdown-menu li {
		border: 0;
		text-align: center;
	}

	.sfilter .dropdown-menu li:hover, .sfilter .dropdown-menu li:hover a {
		background-color: white;
		color: #3AC62A;
	}

	.sfilter a.active {
		color: #3AC62A;
	}
}

.bt-save {
	display: inline-block;
	height: 26px;
	width: 23px;
	background: url('../../../images/ficha/bt-save.png');
	-moz-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.bt-save.on {
	background: url('../../../images/ficha/bt-save-on.png');
}

.eje-name {
	overflow: hidden;
	height: 20px;
	line-height: 20px;
	display: block;
}


.home-login .apps {
	bottom: 80px;
	left: 50%;
	position: absolute;
	text-align: center;
	width: 100%;

	-ms-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	  -o-transform: translateX(-50%);
	     transform: translateX(-50%);
}

@media screen and (max-width: 580px) {
	.home-login .apps {
		bottom: 60px;
	}
}

@media screen and (max-width: 480px) {
	.home-login .apps {
		bottom: 0px;
	}
}

#alertForm.alert-danger {
  color: #e64d43;
  font-size: 12px;
  margin-bottom: 10px;
  margin-top: -20px;
  background: transparent;
}

.login-box #alertForm.alert-danger {
	margin-top: -7px;
	margin-bottom: 7px;
}

.form-control.alert-danger {
  color: white;
}

.form-control.alert-danger::-moz-placeholder {
  color: white;
}
.form-control.alert-danger:-ms-input-placeholder {
  color: white;
}
.form-control.alert-danger::-webkit-input-placeholder {
  color: white;
}

.tipo-consulta button {
	width: 230px;
}
.tipo-consulta i {
	margin-left: 10px;
}

.libro .footer {
	max-width: 960px;
	margin: 20px auto 10px;
}

.content-wrapper.libro {
	overflow: hidden;
}

#indice {
	margin-bottom: 60px
}

.wrap-contenido-indice {
	width: 5000px;
}

.col-indice {
	display: inline-block;
	vertical-align: top;
}

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

.col-main {
	width: 630px;
}

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

	.smenu ul li {
		margin: 4px 5px;
	}

}

@media screen and (min-width: 580px) and (max-width: 979px) {

	.libro .col-units {
		margin-left: -330px;
		margin-right: 8px;
		-moz-transition: margin 0.4s ease-in-out;
		-webkit-transition: margin 0.4s ease-in-out;
		-o-transition: margin 0.4s ease-in-out;
		transition: margin 0.4s ease-in-out;
	}

	.libro .col-main {
		width: 744px;
		width: 96vw;
		-moz-transition: width 0.4s ease-in-out;
		-webkit-transition: width 0.4s ease-in-out;
		-o-transition: width 0.4s ease-in-out;
		transition: width 0.4s ease-in-out;
		margin-left: 25px;
	}

	.content-box {
		padding: 20px;
	}

}

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

	.modal-footer {
		text-align: center;
	}

	.modal-footer-help {
		display: block;
	}
}

	.mini .col-units {
		margin-bottom: 70px;
		width: 100%;
		margin-left: 0px;
	}

	.mini .col-main {
		width: 100%;
	}

	.wrap-contenido-indice.mini {
		width: auto;
	}

	#indice .mini .unit-content {
		margin-bottom: 0px;
	}

	#indice .mini .unit-content .content {
		padding: 0 15px;
	}

	#indice .mini .unit-content .actividades {
		padding: 0 15px;
	}

	#indice .mini .unit-content .material {
		padding: 0 15px;
	}

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

	.mini .col-indice {
		margin-left: 0px ! important;
		margin-bottom: 0px;
	}

	.mini .contenido .items ul li:nth-child(4n) {
		margin-right: 28px;
	}

	.mini .contenido .items.recursos.centro ul li .controls {
		left: initial;
	}

	.mini .items.recursos .imagen {
		display: inline-block;
	}

.home-sections .carousel-control {
	background: transparent;
	color: #777;
	font-family: 'FontAwesome';
	font-size: 40px;
	height: 50px;
	margin-top: -15px;
	position: absolute;
	text-shadow: none;
	top: 50%;
	width: 50px;

	-ms-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	  -o-transform: translateX(-50%);
	     transform: translateX(-50%);
}

.home-sections .carousel-control.prev {
	left: 7px;
}

.home-sections .carousel-control.next {
	left: auto;
	right: -42px;
}

.home-sections .carousel-control.next:before {
	content: "\f105";
}

.home-sections .carousel-control.prev:before {
	content: "\f104";
}

body.modal-open {
	overflow: hidden;
	position: fixed;
	width: 100%;
	height: 100%;
}

.listrecords_item > .listrecords_field:last-child > .boton_accion {
	float: left;
	margin-right: 3px;
}

.content-main-tabs.nav.nav-tabs > li:not(.active) {
   opacity: 0;
}

#info-libro .datos {
	color: #999;
	font-size: 18px;
	margin-bottom: 10px;
}

#info-libro p {
	border-top: 1px solid #cdcdcd;
	padding-top: 15px;
}

#help-soporte {
	background: url("../../../images/shared/tools.png") no-repeat 0 -3656px transparent;
	display: block;
	height: 52px;
	margin-left: 20px;
	margin-top: -43px;
	opacity: 0.7;
	width: 54px;

	-ms-transform: scale(0.8);
	-webkit-transform: scale(0.8);
	-moz-transform: scale(0.8);
	  -o-transform: scale(0.8);
	     transform: scale(0.8);
	-moz-transition: opacity 0.4s ease;
	-webkit-transition: opacity 0.4s ease;
	-o-transition: opacity 0.4s ease;
	transition: opacity 0.4s ease;
}

#help-soporte:hover {
	opacity: 1;
}

.navbar-divider #help-soporte {
	background-position: 0 -3665px;
	height: 44px;
    width: 53px;
    margin: 0 !important;
    margin-left: -4px !important;
    opacity: 1;
    display: inline-block;
}

.libro-left #help-soporte {
	top: -4px;
	background-position: 0 -3661px;
}

.items-section:not(:last-child) {
	margin-bottom: 20px;
}

.title-buttons strong {
	display: inline-block;
	margin-left: 10px;
}

.alert-btns a {
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0.1);
	-webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
	        border-radius: 4px;
	color: white;
	display: inline-block;
	margin-right: 4px;
	margin-top: 5px;
	padding: 6px 10px;
}

.alert-btns a:hover {
	background: rgba(0, 0, 0, 0.15);
}

/*BK-12071 aumentada la anchura para esta resolución en ventanas modales*/
@media only screen and (min-width:480px) and (max-width: 600px){
	.modal-dialog{
		width:480px;
	}
}
/* BK-15473 cambio en el margen para centrar el TOC en libros. */
@media only screen and (max-width: 660px){
	.col-main {
		margin-left: 23px;
	}
}
.modal-solapas {
	padding: 0px;
}

.solapas-active {
	padding-left: 150px;
}

#solapas {
	width: 130px;
	text-align: center;
}

#solapas ul {
	left: 10px;
	position: absolute;
	text-align: center;
	top: 15px;
	width: 130px;
}
	/*BK-8265 Envio de deberes - Autocompletar en modal*/
	#remote-modal #dlgForm #solapas ul {
		left: -140px;
	}

/*BK-12359 colocación de las solapas de la izquierda en las ventanas modales*/
#remote-modal .modal-solapas #dlgForm #solapas ul.tabs-left{
	height: 100%;
	width: 145px;
	overflow-x: hidden;
    overflow-y: auto;
    top: 0px;
    left: -144px;
}

#remote-modal .modal-solapas #dlgForm #solapas ul.tabs-left>li{
	margin-right: 4px;
}

#solapas .tabs-left li a {
	border: 0 none;
	font-size: 18px;
}

.nueva-transp #solapas .tabs-left li a {
	border: 0 none;
	font-size: 15px;
	text-align: left;
}

#solapas .tabs-left li:hover a{
  background: white;
}

#solapas .tabs-left li.active a {
  color: #3AC62A;
}

#solapas .tabs-left li a span{
  display: block;
  font-size: 14px;
}

#solapas .tabs-left li i {
	display: block;
}

.nueva-transp #solapas .tabs-left li i {
	display: block;
 	font-size: 18px;
 	text-align: right;
 	float: right;
}

#solapas .tabs-left li:not(:last-child) {
	border-bottom: 1px solid #ededed;
}

.tab-content {
	width: 100%;
	overflow-y: auto;
	height: 470px;
}
.tab-content.selected-menu-bordered{
	width: auto;
	overflow-y: auto;
	border: 1px solid #e8e8e8;
	border-top: none;
}
.tab-content .tab-pane{
	padding: 20px;
}

.solapas-active .tab-content {
	border-left: 1px solid #cdcdcd;
	width: 100%;
}

.wrap-filter-modal {
	background: white;
	-webkit-box-shadow: 0 9px 14px -15px rgba(0, 0, 0, 0.4);
	   -moz-box-shadow: 0 9px 14px -15px rgba(0, 0, 0, 0.4);
	        box-shadow: 0 9px 14px -15px rgba(0, 0, 0, 0.4);
	left: 2px;
	padding: 30px 15px 0px;
	right: 18px;
	top: 49px;
	z-index: 20;
}

.wrap-filter-modal.error {
	height: 140px;
	padding-top: 50px;
}

@media all and (-ms-high-contrast:none)
 {
	.wrap-filter-modal {
		position: static !important;
	}
 }

.wrap-filter-modal .sfilter {
	padding-bottom: 0px;
	margin-bottom: 20px;
}

.solapas-active .wrap-filter-modal{
	left: 152px;
}

.form-control.alert-danger {
	height: 34px;
}

#wrap-course-infantil {
	margin-top: -15px;
	overflow: hidden;
	text-align: center;
	padding-left: 240px;
	padding-top: 20px;
	height: 508px;
	-webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
	        border-radius: 4px;
	-webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.3);
	   -moz-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.3);
	        box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.3);
	margin-left: auto;
	margin-right: auto;
	width: 873px;
}

#wrap-course-infantil .lamina_mini {
	overflow: hidden;
	width: 168px;
	height: 155px;
	float: left;
	margin: 0px 0px 5px 20px;
}

#wrap-course-infantil .lamina_mini img {
	background: none repeat scroll 0% 0% #C1C1C1;
	width: 100%;
	max-height: 115px;
}

#wrap-course-infantil .lamina_mini p {

	font-family: "akbar";
	font-size: 0.9em;
	margin-bottom: 0;
	text-align: center;
	width: 100%;
}

.wrap-filter-modal .sfilter {
	padding-bottom: 0;
}

.wrap-filter-modal #smenu {
	margin-bottom: 10px;
}

.deletedigitalnote.control.delete {
	text-indent: 100%;
	overflow: hidden; /*Ocultar texto*/
	margin: -20px -26px;
}

.contenido .items #div_libros li {
	margin-top: 10px;
	width: 100%;
}


.comment-box textarea[readonly] {
	background: none repeat scroll 0 0 white;
	border: 1px solid #ccc !important;
	-webkit-box-shadow: none !important;
	   -moz-box-shadow: none !important;
	        box-shadow: none !important;
	cursor: default;
}


.fixfixed .navbar {
	position: absolute;
}

#admin .smenu .search input {
	min-width: 150px;
}

#admin .smenu .search input:focus {
	min-width: 200px;
}

#admin .content-box {
	padding: 20px;
}



.listarecords {
	display: table;
	border-collapse: collapse;
	width: 918px;
}

.listarecords br {
	margin: 2px auto !important;
}

.listrecords_item .listrecords_field:last-child a {
	background: rgba(0,0,0,0.05);
	-webkit-border-radius: 2px 3px;
	   -moz-border-radius: 2px 3px;
	        border-radius: 2px 3px;
	color: #777;
	display: inline-block;
	margin-bottom: 4px;
	padding: 3px;
}

.listrecords_item .listrecords_field:last-child a:hover {
	background: rgba(0,0,0,0.3);
	color: white;
}

.cabecera_listarecords, .listrecords_item {
	display: table-row;
}

.cabecera_item, .listrecords_field {
	font-size: 12px;
	padding: 5px;
	text-align: left;
	border-left: 1px solid white;
}

.cabecera_item, .listrecords_field {
	display: table-cell;
}

.cabecera_item {
	background: #8a8a8a;
	cursor: pointer;
	position: relative;
	color: white;
	opacity: 0.9;
	filter: alpha(opacity=90);
	vertical-align: bottom;

	-webkit-transition: all .2s ease;
	-moz-transition: all .2s ease;
	-o-transition: all .2s ease;
	transition: all .2s ease;
}

.cabecera_item:first-child {
	-webkit-border-radius: 4px 0 0 0;
	   -moz-border-radius: 4px 0 0 0;
	        border-radius: 4px 0 0 0;
}

.cabecera_item:last-child {
	-webkit-border-radius: 0 4px 0 0;
	   -moz-border-radius: 0 4px 0 0;
	        border-radius: 0 4px 0 0;
}

.cabecera_item i {
	-webkit-border-radius: 100%;
	   -moz-border-radius: 100%;
	        border-radius: 100%;
	color: white;
	height: 20px;
	width: 20px;
	position: absolute;
	right: -9px;
	top: 9px;
}

.cabecera_item:hover {
   opacity: 1;
   filter: alpha(opacity=100);
}

.listrecords .sortable {
	background-image: url("../../../../../images/bg.png");
	background-position: right top;
	background-repeat: no-repeat;
}

.listrecords_item .listrecords_field {
	background: #f4f4f4;
	word-wrap: break-word;
	vertical-align: middle;

	-webkit-transition: all .2s ease;
	-moz-transition: all .2s ease;
	-o-transition: all .2s ease;
	transition: all .2s ease;
}

.listrecords_item.odd .listrecords_field {
	background: #e4e4e4;
}

.listrecords_item:hover .listrecords_field {
	background: #e6fdcc !important;
}


.listrecords_item.ocultado .listrecords_field {
	background: #FFCCCC;
}

.listrecords_item.odd.ocultado .listrecords_field {
	background: #FFBBBB;
}


.listrecords_item:last-child .listrecords_field:last-child {
	-webkit-border-radius: 0 0 4px 0;
	   -moz-border-radius: 0 0 4px 0;
	        border-radius: 0 0 4px 0;
}

.listrecords_item:last-child .listrecords_field:first-child {
	-webkit-border-radius: 0 0 0 4px;
	   -moz-border-radius: 0 0 0 4px;
	        border-radius: 0 0 0 4px;
}

.listrecords_item.almost_expired .listrecords_field,
.almost_expired {
	background: #fffbd9;
}

.listrecords_item.expired .listrecords_field,
.expired {
	background: #ffe3e2;
}

.listrecords_item.credit_expired .listrecords_field,
.credit_expired {
	background: #d9f3ed;
}

.listrecords_item.license_erease .listrecords_field,
.license_erease {
	background: #fbdef0;
}

.listrecords_item.consumed .listrecords_field,
.consumed {
	background: #ffd699;
}

.listrecords_item.user_blocked .listrecords_field,
.user_blocked {
	background: #ececeb;
	color: rgba(119,119,119,0.6) !important;
}

/*LISTADO USUARIO*/

.listadousuarios .cabecera_listarecords .cabecera_item:first-child,
.listadousuarios .listrecords_item .listrecords_field:first-child {
	width: 113px;
	max-width: 113px;
}

.listadousuarios .cabecera_listarecords .cabecera_item:nth-child(2),
.listadousuarios .listrecords_item .listrecords_field:nth-child(2) {
	width: 153px;
	max-width: 153px;
}

.listadousuarios .cabecera_listarecords .cabecera_item:nth-child(3),
.listadousuarios .listrecords_item .listrecords_field:nth-child(3) {
	width: 45px;
	max-width: 45px;
}

.listadousuarios .cabecera_listarecords .cabecera_item:nth-child(4),
.listadousuarios .listrecords_item .listrecords_field:nth-child(4) {
	width: 49px;
	max-width: 49px;
}

.listadousuarios .cabecera_listarecords .cabecera_item:nth-child(5),
.listadousuarios .listrecords_item .listrecords_field:nth-child(5) {
	width: 150px;
	max-width: 150px;
}

.listadousuarios .cabecera_listarecords .cabecera_item:nth-child(6),
.listadousuarios .listrecords_item .listrecords_field:nth-child(6) {
	width: 57px;
	max-width: 57px;
}

.listadousuarios .cabecera_listarecords .cabecera_item:nth-child(7),
.listadousuarios .listrecords_item .listrecords_field:nth-child(7) {
	width: 70px;
	max-width: 70px;
}

.listadousuarios .cabecera_listarecords .cabecera_item:nth-child(8),
.listadousuarios .listrecords_item .listrecords_field:nth-child(8) {
	width: 76px;
	max-width: 76px;
}

.listadousuarios .cabecera_listarecords .cabecera_item:nth-child(9),
.listadousuarios .listrecords_item .listrecords_field:nth-child(9) {
	width: 65px;
	max-width: 65px;
}

.listadousuarios .cabecera_listarecords .cabecera_item:last-child,
.listadousuarios .listrecords_item .listrecords_field:last-child {
	width: 140px;
	max-width: 140px;
}

.listadousuarios .listrecords_item .listrecords_field:nth-child(3),
.listadousuarios .listrecords_item .listrecords_field:nth-child(4),
.listadousuarios .listrecords_item .listrecords_field:nth-child(8) {
	text-align: center !important;
}


.listadousuarios.perfilOrientaEduca .cabecera_listarecords .cabecera_item:first-child,
.listadousuarios.perfilOrientaEduca .listrecords_item .listrecords_field:first-child {
	width: 160px;
	max-width: 160px;
}

.listadousuarios.perfilOrientaEduca .cabecera_listarecords .cabecera_item:nth-child(2),
.listadousuarios.perfilOrientaEduca .listrecords_item .listrecords_field:nth-child(2) {
	width: 230px;
	max-width: 230px;
}

.listadousuarios.perfilOrientaEduca .cabecera_listarecords .cabecera_item:nth-child(3),
.listadousuarios.perfilOrientaEduca .listrecords_item .listrecords_field:nth-child(3) {
	width: 60px;
	max-width: 60px;
}

.listadousuarios.perfilOrientaEduca .cabecera_listarecords .cabecera_item:nth-child(4),
.listadousuarios.perfilOrientaEduca .listrecords_item .listrecords_field:nth-child(4) {
	width: 210px;
	max-width: 210px;
}

.listadousuarios.perfilOrientaEduca .cabecera_listarecords .cabecera_item:nth-child(5),
.listadousuarios.perfilOrientaEduca .listrecords_item .listrecords_field:nth-child(5) {
	width: 100px;
	max-width: 100px;
}

.listadousuarios.perfilOrientaEduca .cabecera_listarecords .cabecera_item:nth-child(6),
.listadousuarios.perfilOrientaEduca .listrecords_item .listrecords_field:nth-child(6) {
	width: 120px;
	max-width: 120px;
}

/*LISTADO USUARIO EXAMEN*/

.listadousuariosexamen .cabecera_listarecords .cabecera_item:first-child,
.listadousuariosexamen .listrecords_item .listrecords_field:first-child {
	width: 113px;
	max-width: 113px;
}

.listadousuariosexamen .cabecera_listarecords .cabecera_item:nth-child(2),
.listadousuariosexamen .listrecords_item .listrecords_field:nth-child(2) {
	width: 153px;
	max-width: 153px;
}

.listadousuariosexamen .cabecera_listarecords .cabecera_item:nth-child(3),
.listadousuariosexamen .listrecords_item .listrecords_field:nth-child(3) {
	width: 153px;
	max-width: 153px;
	text-align: center !important;
}

.listadousuariosexamen .cabecera_listarecords .cabecera_item:nth-child(4),
.listadousuariosexamen .listrecords_item .listrecords_field:nth-child(4) {
	width: 50px;
	max-width: 50px;
}

.listadousuariosexamen .cabecera_listarecords .cabecera_item:nth-child(5),
.listadousuariosexamen .listrecords_item .listrecords_field:nth-child(5) {
	width: 170px;
	max-width: 170px;
}

/*LISTADO EXAMENES*/

.listadoexamenes .cabecera_listarecords .cabecera_item:first-child,
.listadoexamenes .listrecords_item .listrecords_field:first-child {
	width: 113px;
	max-width: 113px;
}

.listadoexamenes .cabecera_listarecords .cabecera_item:nth-child(2),
.listadoexamenes .listrecords_item .listrecords_field:nth-child(2) {
	width: 153px;
	max-width: 153px;
}

.listadoexamenes .cabecera_listarecords .cabecera_item:nth-child(3),
.listadoexamenes .listrecords_item .listrecords_field:nth-child(3) {
	width: 153px;
	max-width: 153px;
}

.listadoexamenes .cabecera_listarecords .cabecera_item:nth-child(4),
.listadoexamenes .listrecords_item .listrecords_field:nth-child(4) {
	width: 153px;
	max-width: 153px;
}

.listadoexamenes .cabecera_listarecords .cabecera_item:nth-child(5),
.listadoexamenes .listrecords_item .listrecords_field:nth-child(5) {
	width: 49px;
	max-width: 49px;
}

.listadoexamenes .cabecera_listarecords .cabecera_item:nth-child(6),
.listadoexamenes .listrecords_item .listrecords_field:nth-child(6) {
	width: 90px;
	max-width: 90px;
}

.listadoexamenes .cabecera_listarecords .cabecera_item:nth-child(7),
.listadoexamenes .listrecords_item .listrecords_field:nth-child(7) {
	width: 160px;
	max-width: 160px;
	text-align: center !important;
}

/* LISTADO DOMINIO */

.listadodominios .cabecera_listarecords .cabecera_item:first-child,
.listadodominios .listrecords_item .listrecords_field:first-child {
	width: 60px;
	max-width: 60px;
}

.listadodominios .cabecera_listarecords .cabecera_item:nth-child(2),
.listadodominios .listrecords_item .listrecords_field:nth-child(2) {
	width: 82px;
	max-width: 82px;
}

.listadodominios .cabecera_listarecords .cabecera_item:nth-child(3),
.listadodominios .listrecords_item .listrecords_field:nth-child(3) {
	width: 60px;
	max-width: 60px;
}

.listadodominios .cabecera_listarecords .cabecera_item:nth-child(4),
.listadodominios .listrecords_item .listrecords_field:nth-child(4) {
	width: 120px;
	max-width: 120px;
}

.listadodominios .cabecera_listarecords .cabecera_item:nth-child(5),
.listadodominios .listrecords_item .listrecords_field:nth-child(5) {
	width: 160px;
	max-width: 160px;
}

.listadodominios .cabecera_listarecords .cabecera_item:nth-child(6),
.listadodominios .listrecords_item .listrecords_field:nth-child(6) {
	width: 60px;
	max-width: 60px;
}

.listadodominios .cabecera_listarecords .cabecera_item:nth-child(7),
.listadodominios .listrecords_item .listrecords_field:nth-child(7) {
	width: 60px;
	max-width: 60px;
}

.listadodominios .cabecera_listarecords .cabecera_item:nth-child(8),
.listadodominios .listrecords_item .listrecords_field:nth-child(8) {
	width: 50px;
	max-width: 50px;
}

.listadodominios .cabecera_listarecords .cabecera_item:nth-child(9),
.listadodominios .listrecords_item .listrecords_field:nth-child(9) {
	width: 50px;
	max-width: 50px;
}

.listadodominios .cabecera_listarecords .cabecera_item:nth-child(10),
.listadodominios .listrecords_item .listrecords_field:nth-child(10) {
	width: 160px;
	max-width: 160px;
}

.listadodominios .cabecera_listarecords .cabecera_item:last-child,
.listadodominios .listrecords_item .listrecords_field:last-child {
	width: 60px;
	max-width: 60px;
}

/* LISTADO LICENCIAS */

.listadolicencias .cabecera_listarecords .cabecera_item:first-child,
.listadolicencias .listrecords_item .listrecords_field:first-child {
	width: 80px;
	max-width: 80px;
}

.listadolicencias .cabecera_listarecords .cabecera_item:nth-child(2):not(.blocked),
.listadolicencias .listrecords_item .listrecords_field:nth-child(2):not(.blocked) {
	width: 240px;
	max-width: 240px;
}

.listadolicencias .cabecera_listarecords .cabecera_item:nth-child(2).blocked,
.listadolicencias .listrecords_item .listrecords_field:nth-child(2).blocked {
	width: 70px;
	max-width: 70px;
}

.listadolicencias .cabecera_listarecords .cabecera_item:nth-child(3).book,
.listadolicencias .listrecords_item .listrecords_field:nth-child(3).book {
	width: 240px;
	max-width: 240px;
}

.listadolicencias .cabecera_listarecords .cabecera_item:nth-child(3),
.listadolicencias .listrecords_item .listrecords_field:nth-child(3) {
	width: 100px;
	max-width: 100px;
}

.listadolicencias .cabecera_listarecords .cabecera_item:nth-child(4),
.listadolicencias .listrecords_item .listrecords_field:nth-child(4) {
	width: 100px;
	max-width: 100px;
}

.listadolicencias .cabecera_listarecords .cabecera_item:nth-child(5),
.listadolicencias .listrecords_item .listrecords_field:nth-child(5) {
	width: 80px;
	max-width: 80px;
}

.listadolicencias .cabecera_listarecords .cabecera_item:nth-child(6),
.listadolicencias .listrecords_item .listrecords_field:nth-child(6) {
	width: 80px;
	max-width: 80px;
}

.listadolicencias .cabecera_listarecords .cabecera_item:nth-child(7),
.listadolicencias .listrecords_item .listrecords_field:nth-child(7) {
	width: 68px;
	max-width: 68px;
}

.listadolicencias .cabecera_listarecords .cabecera_item:nth-child(8),
.listadolicencias .listrecords_item .listrecords_field:nth-child(8) {
	width: 70px;
	max-width: 70px;
}

.listadolicencias .cabecera_listarecords .cabecera_item:nth-child(9),
.listadolicencias .listrecords_item .listrecords_field:nth-child(9) {
	width: 60px;
	max-width: 60px;
}

.listadolicencias .cabecera_listarecords .cabecera_item:nth-child(10),
.listadolicencias .listrecords_item .listrecords_field:nth-child(10) {
	width: 60px;
	max-width: 60px;
}

.listadolicencias .cabecera_listarecords .cabecera_item:last-child,
.listadolicencias .listrecords_item .listrecords_field:last-child {
	width: 70px;
	max-width: 70px;
}

/* LISTADO FACTURAS */

.resumenfacturas .cabecera_listarecords .cabecera_item:first-child,
.resumenfacturas .listrecords_item .listrecords_field:first-child {
	width: 470px;
	max-width: 470px;
}

.resumenfacturas .cabecera_listarecords .cabecera_item:nth-child(2),
.resumenfacturas .listrecords_item .listrecords_field:nth-child(2) {
	width: 80px;
	max-width: 80px;
}

.resumenfacturas .cabecera_listarecords .cabecera_item:nth-child(3),
.resumenfacturas .listrecords_item .listrecords_field:nth-child(3) {
	width: 80px;
	max-width: 80px;
}

.resumenfacturas .cabecera_listarecords .cabecera_item:nth-child(4),
.resumenfacturas .listrecords_item .listrecords_field:nth-child(4) {
	width: 60px;
	max-width: 60px;
}

.resumenfacturas .cabecera_listarecords .cabecera_item:nth-child(5),
.resumenfacturas .listrecords_item .listrecords_field:nth-child(5) {
	width: 60px;
	max-width: 60px;
}

.resumenfacturas .cabecera_listarecords .cabecera_item:nth-child(6),
.resumenfacturas .listrecords_item .listrecords_field:nth-child(6) {
	width: 65px;
	max-width: 65px;
}

.resumenfacturas .cabecera_listarecords .cabecera_item:last-child,
.resumenfacturas .listrecords_item .listrecords_field:last-child {
	width: 100px;
	max-width: 100px;
}



/*LISTADO CENTROS*/

.listadocentros .cabecera_listarecords .cabecera_item:first-child,
.listadocentros .listrecords_item .listrecords_field:first-child {
	width: 60px;
	max-width: 60px;
}

.listadocentros .cabecera_listarecords .cabecera_item:nth-child(2),
.listadocentros .listrecords_item .listrecords_field:nth-child(2) {
	width: 60px;
	max-width: 60px;
}

.listadocentros .cabecera_listarecords .cabecera_item:nth-child(3),
.listadocentros .listrecords_item .listrecords_field:nth-child(3) {
	width: 170px;
	max-width: 170px;
}

.listadocentros .cabecera_listarecords .cabecera_item:nth-child(4),
.listadocentros .listrecords_item .listrecords_field:nth-child(4) {
	width: 170px;
	max-width: 170px;
}

.listadocentros .cabecera_listarecords .cabecera_item:nth-child(5),
.listadocentros .listrecords_item .listrecords_field:nth-child(5) {
	width: 80px;
	max-width: 80px;
}

.listadocentros .cabecera_listarecords .cabecera_item:nth-child(6),
.listadocentros .listrecords_item .listrecords_field:nth-child(6) {
	width: 40px;
	max-width: 40px;
}

.listadocentros .cabecera_listarecords .cabecera_item:nth-child(7),
.listadocentros .listrecords_item .listrecords_field:nth-child(7) {
	width: 80px;
	max-width: 80px;
}

.listadocentros .cabecera_listarecords .cabecera_item:nth-child(8),
.listadocentros .listrecords_item .listrecords_field:nth-child(8) {
	width: 70px;
	max-width: 70px;
}

.listadocentros .cabecera_listarecords .cabecera_item:nth-child(9),
.listadocentros .listrecords_item .listrecords_field:nth-child(9) {
	width: 80px;
	max-width: 80px;
}

.listadocentros .cabecera_listarecords .cabecera_item:nth-child(10),
.listadocentros .listrecords_item .listrecords_field:nth-child(10) {
	width: 75px;
	max-width: 75px;
}

.listadocentros .cabecera_listarecords .cabecera_item:last-child,
.listadocentros .listrecords_item .listrecords_field:last-child {
	width: 50px;
	max-width: 50px;
}


/* LISTADO CONTENIDOS */

.resumencontenidos .cabecera_listarecords .cabecera_item:first-child,
.resumencontenidos .listrecords_item .listrecords_field:first-child {
	width: 80px;
	max-width: 80px;
}

.resumencontenidos .cabecera_listarecords .cabecera_item:nth-child(2),
.resumencontenidos .listrecords_item .listrecords_field:nth-child(2) {
	width: 138px;
	max-width: 138px;
}

.resumencontenidos .cabecera_listarecords .cabecera_item:nth-child(3),
.resumencontenidos .listrecords_item .listrecords_field:nth-child(3) {
	width: 55px;
	max-width: 55px;
}

.resumencontenidos .cabecera_listarecords .cabecera_item:nth-child(4),
.resumencontenidos .listrecords_item .listrecords_field:nth-child(4) {
	width: 72px;
	max-width: 72px;
}

.resumencontenidos .cabecera_listarecords .cabecera_item:last-child,
.resumencontenidos .listrecords_item .listrecords_field:last-child {
	width: 600px;
	max-width: 600px;
}



/* LISTADO ACCESOS */

.listadoaccesosdemo .cabecera_listarecords .cabecera_item:first-child,
.listadoaccesosdemo .listrecords_item .listrecords_field:first-child {
	width: 65px;
	max-width: 65px;
}

.listadoaccesosdemo .cabecera_listarecords .cabecera_item:nth-child(2),
.listadoaccesosdemo .listrecords_item .listrecords_field:nth-child(2) {
	width: 185px;
	max-width: 185px;
}

.listadoaccesosdemo .cabecera_listarecords .cabecera_item:nth-child(3),
.listadoaccesosdemo .listrecords_item .listrecords_field:nth-child(3) {
	width: 220px;
	max-width: 220px;
}

.listadoaccesosdemo .cabecera_listarecords .cabecera_item:nth-child(4),
.listadoaccesosdemo .listrecords_item .listrecords_field:nth-child(4) {
	width: 260px;
	max-width: 260px;
}

.listadoaccesosdemo .cabecera_listarecords .cabecera_item:nth-child(5),
.listadoaccesosdemo .listrecords_item .listrecords_field:nth-child(5) {
	width: 70px;
	max-width: 70px;
}

.listadoaccesosdemo .cabecera_listarecords .cabecera_item:last-child,
.listadoaccesosdemo .listrecords_item .listrecords_field:last-child {
	width: 118px;
	max-width: 118px;
}


/*LISTADO LOGS*/

.listadologs .cabecera_listarecords .cabecera_item:first-child,
.listadologs .listrecords_item .listrecords_field:first-child {
	width: 70px;
	max-width: 70px;
}

.listadologs .cabecera_listarecords .cabecera_item:nth-child(2),
.listadologs .listrecords_item .listrecords_field:nth-child(2) {
	width: 120px;
	max-width: 120px;
}

.listadologs .cabecera_listarecords .cabecera_item:nth-child(3),
.listadologs .listrecords_item .listrecords_field:nth-child(3) {
	width: 170px;
	max-width: 170px;
}

.listadologs .cabecera_listarecords .cabecera_item:nth-child(4),
.listadologs .listrecords_item .listrecords_field:nth-child(4) {
	width: 170px;
	max-width: 170px;
}

.listadologs .cabecera_listarecords .cabecera_item:nth-child(5),
.listadologs .listrecords_item .listrecords_field:nth-child(5) {
	width: 60px;
	max-width: 60px;
}

.listadologs .cabecera_listarecords .cabecera_item:nth-child(6),
.listadologs .listrecords_item .listrecords_field:nth-child(6) {
	width: 57px;
	max-width: 57px;
}

.listadologs .cabecera_listarecords .cabecera_item:nth-child(7),
.listadologs .listrecords_item .listrecords_field:nth-child(7) {
	width: 85px;
	max-width: 85px;
}

.listadologs .cabecera_listarecords .cabecera_item:nth-child(8),
.listadologs .listrecords_item .listrecords_field:nth-child(8) {
	width: 76px;
	max-width: 76px;
}

.listadologs .cabecera_listarecords .cabecera_item:nth-child(9),
.listadologs .listrecords_item .listrecords_field:nth-child(9) {
	width: 65px;
	max-width: 65px;
}

.listadologs .cabecera_listarecords .cabecera_item:last-child,
.listadologs .listrecords_item .listrecords_field:last-child {
	width: 110px;
	max-width: 110px;
}

/*LISTADO PAQUETES OFFLINE*/

.listadoupdates .cabecera_listarecords .cabecera_item:first-child,
.listadoupdates .listrecords_item .listrecords_field:first-child {
	width: 248px;
	max-width: 248px;
}

.listadoupdates .cabecera_listarecords .cabecera_item:nth-child(2),
.listadoupdates .listrecords_item .listrecords_field:nth-child(2) {
	width: 75px;
	max-width: 75px;
}

.listadoupdates .cabecera_listarecords .cabecera_item:nth-child(3),
.listadoupdates .listrecords_item .listrecords_field:nth-child(3) {
	width: 60px;
	max-width: 60px;
}

.listadoupdates .cabecera_listarecords .cabecera_item:nth-child(4),
.listadoupdates .listrecords_item .listrecords_field:nth-child(4) {
	width: 180px;
	max-width: 180px;
}

.listadoupdates .cabecera_listarecords .cabecera_item:nth-child(5),
.listadoupdates .listrecords_item .listrecords_field:nth-child(5) {
	width: 75px;
	max-width: 75px;
}

.listadoupdates .cabecera_listarecords .cabecera_item:nth-child(6),
.listadoupdates .listrecords_item .listrecords_field:nth-child(6) {
	width: 75px;
	max-width: 75px;
}

.listadoupdates .cabecera_listarecords .cabecera_item:nth-child(7),
.listadoupdates .listrecords_item .listrecords_field:nth-child(7) {
	width: 75px;
	max-width: 75px;
}

.listadoupdates .cabecera_listarecords .cabecera_item:nth-child(8),
.listadoupdates .listrecords_item .listrecords_field:nth-child(8) {
	width: 60px;
	max-width: 60px;
}

.listadoupdates .cabecera_listarecords .cabecera_item:last-child,
.listadoupdates .listrecords_item .listrecords_field:last-child {
	width: 70px;
	max-width: 70px;
}


/*LISTADO SISTEMAS EXTERNOS*/

.listadosistemasexternos .cabecera_listarecords .cabecera_item:first-child,
.listadosistemasexternos .listrecords_item .listrecords_field:first-child {
	width: 65px;
	max-width: 65px;
}

.listadosistemasexternos .cabecera_listarecords .cabecera_item:nth-child(2),
.listadosistemasexternos .listrecords_item .listrecords_field:nth-child(2) {
	width: 243px;
	max-width: 243px;
}

.listadosistemasexternos .cabecera_listarecords .cabecera_item:nth-child(3),
.listadosistemasexternos .listrecords_item .listrecords_field:nth-child(3) {
	width: 85px;
	max-width: 85px;
}

.listadosistemasexternos .cabecera_listarecords .cabecera_item:nth-child(4),
.listadosistemasexternos .listrecords_item .listrecords_field:nth-child(4) {
	width: 85px;
	max-width: 85px;
}

.listadosistemasexternos .cabecera_listarecords .cabecera_item:nth-child(5),
.listadosistemasexternos .listrecords_item .listrecords_field:nth-child(5) {
	width: 100px;
	max-width: 100px;
}

.listadosistemasexternos .cabecera_listarecords .cabecera_item:nth-child(6),
.listadosistemasexternos .listrecords_item .listrecords_field:nth-child(6) {
	width: 75px;
	max-width: 75px;
}

.listadosistemasexternos .cabecera_listarecords .cabecera_item:nth-child(7),
.listadosistemasexternos .listrecords_item .listrecords_field:nth-child(7) {
	width: 85px;
	max-width: 85px;
}

.listadosistemasexternos .cabecera_listarecords .cabecera_item:nth-child(8),
.listadosistemasexternos .listrecords_item .listrecords_field:nth-child(8) {
	width: 130px;
	max-width: 130px;
}

.listadosistemasexternos .cabecera_listarecords .cabecera_item:last-child,
.listadosistemasexternos .listrecords_item .listrecords_field:last-child {
	width: 48px;
	max-width: 48px;
}

/*LISTADO INDICADORES*/

.listadoindicadores .cabecera_listarecords .cabecera_item:first-child,
.listadoindicadores .listrecords_item .listrecords_field:first-child {
	min-width: 90px;
	max-width: 90px;
}

.listadoindicadores .cabecera_listarecords .cabecera_item:nth-child(2),
.listadoindicadores .listrecords_item .listrecords_field:nth-child(2) {
	min-width: 145px;
	max-width: 145px;
}

.listadoindicadores .cabecera_listarecords .cabecera_item:nth-child(n+3),
.listadoindicadores .listrecords_item .listrecords_field:nth-child(n+3){
	min-width: 88px;
	max-width: 88px;
}

/*LISTADO INDICADORES DOMINIOS*/

.listadoindicadoresdominio .cabecera_listarecords .cabecera_item:first-child,
.listadoindicadoresdominio .listrecords_item .listrecords_field:first-child {
	min-width: 90px;
	max-width: 90px;
}

.listadoindicadoresdominio .cabecera_listarecords .cabecera_item:nth-child(2),
.listadoindicadoresdominio .listrecords_item .listrecords_field:nth-child(2) {
	min-width: 145px;
	max-width: 145px;
}

.listadoindicadoresdominio .cabecera_listarecords .cabecera_item:nth-child(n+3),
.listadoindicadoresdominio .listrecords_item .listrecords_field:nth-child(n+3){
	min-width: 88px;
	max-width: 88px;
}


/*LISTADO DEVICES*/

.listadodevices .cabecera_listarecords .cabecera_item:first-child,
.listadodevices .listrecords_item .listrecords_field:first-child {
	width: 100px;
	max-width: 100px;
}

.listadodevices .cabecera_listarecords .cabecera_item:nth-child(2),
.listadodevices .listrecords_item .listrecords_field:nth-child(2) {
	width: 318px;
	max-width: 318px;
}

.listadodevices .cabecera_listarecords .cabecera_item:nth-child(3),
.listadodevices .listrecords_item .listrecords_field:nth-child(3) {
	width: 100px;
	max-width: 100px;
}

.listadodevices .cabecera_listarecords .cabecera_item:nth-child(4),
.listadodevices .listrecords_item .listrecords_field:nth-child(4) {
	width: 100px;
	max-width: 100px;
}

.listadodevices .cabecera_listarecords .cabecera_item:nth-child(5),
.listadodevices .listrecords_item .listrecords_field:nth-child(5) {
	width: 100px;
	max-width: 100px;
}

.listadodevices .cabecera_listarecords .cabecera_item:nth-child(6),
.listadodevices .listrecords_item .listrecords_field:nth-child(6) {
	width: 100px;
	max-width: 100px;
}

.listadodevices .cabecera_listarecords .cabecera_item:last-child,
.listadodevices .listrecords_item .listrecords_field:last-child {
	width: 100px;
	max-width: 100px;
}

.listrecords.listadoindicadores {
	overflow-x: scroll;
}

/*LISTADO LIBRERO*/
.listadolibrero .cabecera_listarecords .cabecera_item:first-child,
.listadolibrero .listrecords_item .listrecords_field:first-child {
	width: 60px;
	max-width: 60px;
}

.listadolibrero .cabecera_listarecords .cabecera_item:nth-child(2),
.listadolibrero .listrecords_item .listrecords_field:nth-child(2) {
	width: 120px;
	max-width: 120px;
}

.listadolibrero .cabecera_listarecords .cabecera_item:nth-child(3),
.listadolibrero .listrecords_item .listrecords_field:nth-child(3) {
	width: 160px;
	max-width: 160px;
}

.listadolibrero .cabecera_listarecords .cabecera_item:nth-child(4),
.listadolibrero .listrecords_item .listrecords_field:nth-child(4) {
	width: 180px;
	max-width: 180px;
}

.listadolibrero .cabecera_listarecords .cabecera_item:nth-child(5),
.listadolibrero .listrecords_item .listrecords_field:nth-child(5) {
	width: 110px;
	max-width: 110px;
}
.listadolibrero .cabecera_listarecords .cabecera_item:nth-child(6),
.listadolibrero .listrecords_item .listrecords_field:nth-child(6) {
	width: 160px;
	max-width: 160px;
}
.listadolibrero .cabecera_listarecords .cabecera_item:nth-child(7),
.listadolibrero .listrecords_item .listrecords_field:nth-child(7) {
	width: 80px;
	max-width: 80px;
}

/*LISTADO INDICADORES SOPORTE*/

.listadoindicadoressoporte .cabecera_listarecords .cabecera_item:first-child,
.listadoindicadoressoporte .listrecords_item .listrecords_field:first-child {
	width: 51px;
	max-width: 51px;
}

.listadoindicadoressoporte .cabecera_listarecords .cabecera_item:nth-child(2),
.listadoindicadoressoporte .listrecords_item .listrecords_field:nth-child(2) {
	width: 81px;
	max-width: 81px;
}

.listadoindicadoressoporte .cabecera_listarecords .cabecera_item:nth-child(3),
.listadoindicadoressoporte .listrecords_item .listrecords_field:nth-child(3) {
	width: 123px;
	max-width: 123px;
}
.listadoindicadoressoporte .cabecera_listarecords .cabecera_item:nth-child(4),
.listadoindicadoressoporte .listrecords_item .listrecords_field:nth-child(4) {
	width: 93px;
	max-width: 93px;
}
.listadoindicadoressoporte .cabecera_listarecords .cabecera_item:nth-child(5),
.listadoindicadoressoporte .listrecords_item .listrecords_field:nth-child(5) {
	width: 131px;
	max-width: 131px;
}

.listadoindicadoressoporte .cabecera_listarecords .cabecera_item:nth-child(6),
.listadoindicadoressoporte .listrecords_item .listrecords_field:nth-child(6) {
	width: 137px;
	max-width: 137px;
}
.listadoindicadoressoporte .cabecera_listarecords .cabecera_item:nth-child(7),
.listadoindicadoressoporte .listrecords_item .listrecords_field:nth-child(7) {
	width: 136px;
	max-width: 136px;
}
.listadoindicadoressoporte .cabecera_listarecords .cabecera_item:nth-child(8),
.listadoindicadoressoporte .listrecords_item .listrecords_field:nth-child(8) {
	width: 63px;
	max-width: 63px;
}
.listadoindicadoressoporte .cabecera_listarecords .cabecera_item:nth-child(9),
.listadoindicadoressoporte .listrecords_item .listrecords_field:nth-child(9) {
	width: 63px;
	max-width: 63px;
}

/*LISTADO MOCHILA CENTRO*/

.listadomochila .cabecera_listarecords .cabecera_item:first-child,
.listadomochila .listrecords_item .listrecords_field:first-child {
	width: 55px;
	max-width: 55px;
}

.listadomochila .cabecera_listarecords .cabecera_item:nth-child(2),
.listadomochila .listrecords_item .listrecords_field:nth-child(2) {
	width: 110px;
	max-width: 110px;
}

.listadomochila .cabecera_listarecords .cabecera_item:nth-child(3),
.listadomochila .listrecords_item .listrecords_field:nth-child(3) {
	width: 125px;
	max-width: 125px;
}

.listadomochila .cabecera_listarecords .cabecera_item:nth-child(4),
.listadomochila .listrecords_item .listrecords_field:nth-child(4) {
	width: 145px;
	max-width: 145px;
}

.listadomochila .cabecera_listarecords .cabecera_item:nth-child(5),
.listadomochila .listrecords_item .listrecords_field:nth-child(5) {
	width: 85px;
	max-width: 85px;
}

.listadomochila .cabecera_listarecords .cabecera_item:nth-child(6),
.listadomochila .listrecords_item .listrecords_field:nth-child(6) {
	width: 105px;
	max-width: 105px;
}

.listadomochila .cabecera_listarecords .cabecera_item:nth-child(7),
.listadomochila .listrecords_item .listrecords_field:nth-child(7) {
	width: 90px;
	max-width: 90px;
}

.listadomochila .cabecera_listarecords .cabecera_item:nth-child(8),
.listadomochila .listrecords_item .listrecords_field:nth-child(8) {
	width: 100px;
	max-width: 100px;
}

.listadomochila .cabecera_listarecords .cabecera_item:nth-child(9),
.listadomochila .listrecords_item .listrecords_field:nth-child(9) {
	width: 80px;
	max-width: 80px;
}

.listadogrupos .cabecera_listarecords .cabecera_item:first-child,
.listadogrupos .listrecords_item .listrecords_field:first-child {
	width: 320px;
	max-width: 320px;
}

.listadogrupos .cabecera_listarecords .cabecera_item:nth-child(2),
.listadogrupos .listrecords_item .listrecords_field:nth-child(2) {
	width: 300px;
	max-width: 300px;
}

.listadogrupos .cabecera_listarecords .cabecera_item:nth-child(3),
.listadogrupos .listrecords_item .listrecords_field:nth-child(3) {
	width: 107px;
	max-width: 107px;
}

.listadogrupos .cabecera_listarecords .cabecera_item:nth-child(4),
.listadogrupos .listrecords_item .listrecords_field:nth-child(4) {
	width: 150px;
	max-width: 150px;
}

.gestionaestilos .cabecera_listarecords .cabecera_item:first-child,
.gestionaestilos .listrecords_item .listrecords_field:first-child {
	width: 40px;
	max-width: 40px;
}

.gestionaestilos .cabecera_listarecords .cabecera_item:nth-child(2),
.gestionaestilos .listrecords_item .listrecords_field:nth-child(2) {
	width: 138px;
	max-width: 138px;
}

.gestionaestilos .cabecera_listarecords .cabecera_item:nth-child(3),
.gestionaestilos .listrecords_item .listrecords_field:nth-child(3) {
	width: 100px;
	max-width: 100px;
}

.gestionaestilos .cabecera_listarecords .cabecera_item:nth-child(4),
.gestionaestilos .listrecords_item .listrecords_field:nth-child(4) {
	width: 440px;
	max-width: 440px;
}

.gestionaestilos .cabecera_listarecords .cabecera_item:nth-child(5),
.gestionaestilos .listrecords_item .listrecords_field:nth-child(5) {
	width: 80px;
	max-width: 80px;
}

.gestionaestilos .cabecera_listarecords .cabecera_item:nth-child(6),
.gestionaestilos .listrecords_item .listrecords_field:nth-child(6) {
	width: 120px;
	max-width: 120px;
}

.gestionaestilos .listrecords_item .listrecords_field .marcaPermiteJs {
	background-image: url(../../../images/shared/checkbox-sprite.png);
	content: "";
	display: block;
	height: 20px;
	left: 0;
	width: 19px;
}

.gestionaestilos .listrecords_item .listrecords_field .marcaPermiteJs.marcado {
	background-position: 0 -24px;
}

.content_small {
	-webkit-border-radius: 8px;
	   -moz-border-radius: 8px;
	        border-radius: 8px;
	display: inline-block;
	height: 60px;
	margin-top: 10px;
	margin-right: 10px;
	overflow: hidden;
	margin-bottom: 5px;
	width: 60px;
}
.content_small img {
	height: 60px;
	width: 60px;
	-webkit-border-radius: 7px;
	   -moz-border-radius: 7px;
	        border-radius: 7px;
}
.content_small a {
	padding: 0 !important;
}

.stripe {
	border-left: 30px solid transparent;
	border-right: 30px solid transparent;
	border-style: solid;
	border-width: 30px 30px 0;
	-webkit-box-shadow: 0px -6px 12px -7px rgba(0, 0, 0, 0.4);
	   -moz-box-shadow: 0px -6px 12px -7px rgba(0, 0, 0, 0.4);
	        box-shadow: 0px -6px 12px -7px rgba(0, 0, 0, 0.4);
	color: white;
	right: -30px;
	position: absolute;
	text-align: center;
	top: 18px;
	width: 125px;

	-ms-transform: rotate(225deg);
	-webkit-transform: rotate(225deg);
	-moz-transform: rotate(225deg);
	  -o-transform: rotate(225deg);
	     transform: rotate(225deg);
}

.stripe .main {
	bottom: 2px;
	display: inline-block;
	height: 28px;
	left: -2px;
	padding-top: 3px;
	position: absolute;
	right: -2px;

	-ms-transform: rotate(-180deg);
	-webkit-transform: rotate(-180deg);
	-moz-transform: rotate(-180deg);
	  -o-transform: rotate(-180deg);
	     transform: rotate(-180deg);
}

.stripe.solo_pc, .stripe.pc_only {
	border-color: #F26733 transparent transparent;
}

.solo_pc .main, .pc_only .main {
	background: #F26733;
}

.stripe.offline {
	border-color: gray transparent transparent;
}

.stripe.offline.demo-stripe {
	display: none;
}

.offline .main {
	background: gray;
}

.stripe.marsupial {
	border-color: #267499 transparent transparent;
}

.readingclub.stripe {
    border-color: #0081c7 transparent;
    font-size: 0.85em;
    white-space: nowrap;
}

.readingclub.stripe .main {
    right: -8px;
}
.marsupial .main {
	background: #267499;
}


.stripe2 {
	border-left: 30px solid transparent;
	border-right: 30px solid transparent;
	border-style: solid;
	border-width: 0 30px 30px;
	-webkit-box-shadow: 0 10px 12px -10px rgba(0, 0, 0, 0.6);
	   -moz-box-shadow: 0 10px 12px -10px rgba(0, 0, 0, 0.6);
	        box-shadow: 0 10px 12px -10px rgba(0, 0, 0, 0.6);
	color: white;
	left: -30px;
	position: absolute;
	text-align: center;
	bottom: 18px;
	width: 125px;

	-ms-transform: rotate(225deg);
	-webkit-transform: rotate(225deg);
	-moz-transform: rotate(225deg);
	  -o-transform: rotate(225deg);
	     transform: rotate(225deg);
}

.stripe2 .main {
	bottom: -30px;
	display: inline-block;
	height: 28px;
	left: -2px;
	padding-top: 3px;
	position: absolute;
	right: -2px;

	-ms-transform: rotate(-180deg);
	-webkit-transform: rotate(-180deg);
	-moz-transform: rotate(-180deg);
	  -o-transform: rotate(-180deg);
	     transform: rotate(-180deg);
}

.stripe2.destacado {
	border-color: transparent transparent #12C000;
}

.destacado .main {
	background: #12C000;
}

.stripe2.online {
	border-color: transparent transparent #FF8300;
}

.online .main {
	background: #FF8300;
}

.stripe2.public {
	border-color: transparent transparent #0A5798;
}

.public .main {
	background: #0A5798;
}

.stripe2.custom {
	border-color: transparent transparent #0A5798;
	font-size: .8em;
}

.custom .main {
	background: #0A5798;
}

.stripe3 {
	border-left: 30px solid transparent;
	border-right: 30px solid transparent;
	border-color: #3AC62A transparent transparent;
	border-style: solid;
	border-width: 30px 30px 0;
	-webkit-box-shadow: 0px -6px 12px -7px rgba(0, 0, 0, 0.4);
	   -moz-box-shadow: 0px -6px 12px -7px rgba(0, 0, 0, 0.4);
	        box-shadow: 0px -6px 12px -7px rgba(0, 0, 0, 0.4);
	color: white;
	right: -30px;
	position: absolute;
	text-align: center;
	top: 18px;
	width: 125px;

	-ms-transform: rotate(225deg);
	-webkit-transform: rotate(225deg);
	-moz-transform: rotate(225deg);
	  -o-transform: rotate(225deg);
	     transform: rotate(225deg);
}

.stripe3 .main {
	background: #3AC62A;
	bottom: 2px;
	display: inline-block;
	height: 28px;
	left: -2px;
	padding-top: 3px;
	position: absolute;
	right: -2px;

	-ms-transform: rotate(-180deg);
	-webkit-transform: rotate(-180deg);
	-moz-transform: rotate(-180deg);
	  -o-transform: rotate(-180deg);
	     transform: rotate(-180deg);
}

#indice .unit-content .actividades .item .acceso.anom {
	cursor: default;
}

.title-buttons.myBooks {
	padding-top: 16px;
}

.admin .listado-opciones:not(:last-child) {
	margin-bottom: 30px;
}

.admin .listado-opciones li:not(:last-child) {
	margin-bottom: 20px;
}

.listado-opciones li:not(:last-child) {
	margin-bottom: 30px;
}

.listado-opciones i {
	color: #3AC62A;
	font-size: 16px;
	margin-left: 10px;
	text-align: center;
	width: 30px;
}

#capaCurso4 h5 {
	margin-bottom: 30px;
}

#capaCurso6 {
	padding: 20px 70px;
}
#capaCurso6 li {
	cursor: pointer;
	height: 85px;
	padding: 5px;
	margin: 5px;
	border-bottom: 1px solid #ededed;
	list-style: none;
	overflow: hidden;
}

#capaCurso0 li {
	height: 85px;
	padding: 5px 0;
	margin: 5px 0;
	list-style: none;
	overflow: hidden;
	position: relative;
}

#capaCurso0 li > span {
	position: absolute;
	top: 50px;
	right: 5px;
}

#capaCurso6 li .style-image {
	float: left;
	width: 100px;
	min-height: 75px;
	margin-left: 5px;
}
#capaCurso6 li .style-image img {
	width: 80px;
}
#capaCurso6 li .style-title,
#capaCurso0 li .style-title {
	font-weight: bold;
	float: left;
	margin-top: 10px;
	width: 70%;
	width: -webkit-calc(100% - 110px);
	width: -moz-calc(100% - 110px);
	width: calc(100% - 110px);
}
#capaCurso6 li .style-description,
#capaCurso0 li .style-description {
	float: left;
	width: 70%;
	width: -webkit-calc(100% - 110px);
	width: -moz-calc(100% - 110px);
	width: calc(100% - 110px);
}
#capaCurso6 li:hover .style-title {
	color: #3AC62A;
}
#capaCurso6 li:hover img {
	opacity: 0.5;
}
#capaCurso6 .selected {
	cursor: default;
}
#capaCurso6 .selected .style-title {
	color: #3AC62A;
}
#capaCurso6 .selected img {
	opacity: 1 !important;
}

#capaCurso6 .lista_estilos {
    margin-top: 20px;
    overflow-x: hidden;
    width: 640px;
}

#lista-multimedia .items, #lista-actividades .items {
	padding-bottom: 50px;
}

.home-sections .seis .apps ul{
	text-align: center;
}

.home-sections .seis .apps ul li {

	display: inline-block;
	background-color: rgba(0, 0, 0, 0.7);
	-webkit-border-radius: 3px;
	   -moz-border-radius: 3px;
	        border-radius: 3px;
	margin: 0 5px 13px;
	width: 125px;
	height: 36px;

	-webkit-transition: all .8s ease;
	-moz-transition: all .8s ease;
	-o-transition: all .8s ease;
	transition: all .8s ease;
}

.home-sections .seis .apps ul li:hover {
	background-color: rgba(0, 0, 0, 0.9);
}

.home-sections .seis .apps a {
	background: transparent url('../../../images/home/apps125.png');
	margin-left: 0;
	height: 36px;
	width: 125px;
	display: inline-block;
}

.home-sections .seis .apps a.appIpad {
	background-position: -2px -35px;
}

.home-sections .seis .apps a.appOffline {
	background-position: 0px -72px;
}

.home-sections .seis .apps a.appWindowsPhone {
	background-position: 0px -108px;
}

.home-sections .seis .apps a.appChrome{
	background-position: 0px -144px;
}

.language .dropup > span {
	background: transparent;
	border: 0;
	-webkit-border-radius: 3px;
	   -moz-border-radius: 3px;
	        border-radius: 3px;
	color: #7b7b7b;
	display: inline-block;
	font-size: 12px;
	line-height: 2;
	margin: -1px 0 0 8px !important;
	padding: 0 4px;
	-moz-transition: color 0.5s ease;
	-webkit-transition: color 0.5s ease;
	-o-transition: color 0.5s ease;
	transition: color 0.5s ease;
}

.language.index-lang .dropup > span {
	color: white;
	font-weight: 600;
	line-height: 18px;
	margin: -1px 0 0 8px !important;
	padding: 0 4px;
}

.language .btn-default:hover,
.language .btn-default:focus,
.language .btn-default:active,
.language .btn-default.active,
.language .open .dropdown-toggle.btn-default {
	color: #7b7b7b;
	background: #ddd;
}

.language.index-lang .btn-default:hover,
.language.index-lang .btn-default:focus,
.language.index-lang .btn-default:active,
.language.index-lang .btn-default.active,
.language.index-lang .open .dropdown-toggle.btn-default {
	color: #3AC62A;
	background: transparent;
}

.language .btn-group .dropdown-toggle{
	-webkit-box-shadow: none !important;
	   -moz-box-shadow: none !important;
	        box-shadow: none !important;
}

.language .dropup i {
	margin-left: 3px;
}

.language ul.dropdown-menu {
	left: -118px;
	margin-bottom: 10px;
	padding: 5px;
}

.language.index-lang ul.dropdown-menu {
	left: 0;
}

.language .dropup ul.dropdown-menu li {
	display: list-item;
	padding: 2px 3px;
	-moz-transition: color 0.5s ease;
	-webkit-transition: color 0.5s ease;
	-o-transition: color 0.5s ease;
	transition: color 0.5s ease;
}

.language.index-lang .dropup ul.dropdown-menu li {
	color: #777;
}

.language .dropup ul.dropdown-menu li:hover {
	color: #3AC62A;
	cursor: pointer;
}

#ficha-hijo {
	background-color: #efefef;
	border: 1px solid #ececec;
	-webkit-box-shadow: 0 0 15px rgba(0,0,0,0.2);
	   -moz-box-shadow: 0 0 15px rgba(0,0,0,0.2);
	        box-shadow: 0 0 15px rgba(0,0,0,0.2);
	height: 240px;
	margin-left: 54px;
	margin-right: 61px;
	padding: 15px;
	position: relative;
	text-align: center;
	width: 320px;
}

	#ficha-hijo .image {
		-webkit-border-radius: 100%;
		   -moz-border-radius: 100%;
		        border-radius: 100%;
		width: 100px;
		height: 100px;
		margin: auto;
	}

		#ficha-hijo .image img {
			width: 100px;
			height: 100px;
			-webkit-border-radius: 100%;
			   -moz-border-radius: 100%;
			        border-radius: 100%;
			opacity: 1;
			-moz-transition: opacity 0.4s ease;
			-webkit-transition: opacity 0.4s ease;
			-o-transition: opacity 0.4s ease;
			transition: opacity 0.4s ease;
		}

		#ficha-hijo .image.hover img {
			opacity: 0.4;
		}

		#ficha-hijo .image a.edit {
			position: absolute;
			width: 30px;
			height: 30px;
			-webkit-border-radius: 100%;
			   -moz-border-radius: 100%;
			        border-radius: 100%;
			background: transparent url(../../../images/shared/activ-icon-edit.png) no-repeat 6px 6px;
			margin: 37px 0 0 -67px;
			opacity: 0;
			-moz-transition: opacity 0.4s ease;
			-webkit-transition: opacity 0.4s ease;
			-o-transition: opacity 0.4s ease;
			transition: opacity 0.4s ease;
		}

		#ficha-hijo .image.hover a.edit {
			opacity: 1;
		}

	#ficha-hijo .name {
		font-size: 16px;
		font-weight: 600;
		color: #414141;
		margin-top: 14px;
	}

.ver-ficha {
	position: relative;
	bottom: -18px;
}

@media screen and (min-width: 580px) and (max-width: 979px) {
	#ficha-hijo {
		margin-left: 64px;
		margin-right: 65px;
	}
}

.btn-code {
	background: transparent url('../../../images/shared/but-login.png') -10px -13px;
	opacity: 0.6;
	cursor: pointer;
	width: 39px;
	height: 41px;
	margin: auto;
	display: block;
	-moz-transition: opacity 0.5s ease-in-out;
	-webkit-transition: opacity 0.5s ease-in-out;
	-o-transition: opacity 0.5s ease-in-out;
	transition: opacity 0.5s ease-in-out;
}

.btn-code:hover {
	opacity: 1;
}

.info-code {
	border-bottom: 1px solid #ababab;
	font-size: 14px;
	color: #898989;
	padding-bottom: 7px;
	margin-bottom: 15px;
}

.info-code > span {
	display: inline-block;
	margin-bottom: 4px;
	margin-right: 10px;
}

.info-code .codigo {
	color: #3AC62A;
	font-weight: 600;
	font-size: 16px;
}

.data.info-licencias br {
	display: none;
}

.data.info-licencias b {
	display: block;
	font-size: 12px;
	font-weight: 400;
}

.data.info-licencias {
	color: #777;
}

.data.no-licencias {
	background: #fc4237;
	color: white;
	-webkit-border-bottom-left-radius: 2px;
	   -moz-border-radius-bottomleft: 2px;
	        border-bottom-left-radius: 2px;
	-webkit-border-bottom-right-radius: 2px;
	   -moz-border-radius-bottomright: 2px;
	        border-bottom-right-radius: 2px;
	bottom: 0;
	padding: 4px;
	position: absolute;
	text-align: center;
	width: 100%;
	font-weight: bold;
}

.login-form-logo {
	margin-bottom: 20px;
	text-align: center;
}

.login-form-logo img {
	max-height: 45px;
}

#main-nav ul li.logo-nav, #main-nav ul li.logo-nav:hover {
	background: transparent;
	-webkit-box-shadow: none;
	   -moz-box-shadow: none;
	        box-shadow: none;
}

.logo-nav img {
	max-height: 100%;
	position: absolute;
	top: 50%;
	left: 50%;

	-ms-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	  -o-transform: translate(-50%, -50%);
	     transform: translate(-50%, -50%);
}

#indice .actividades .online {
	margin-top: 2px;
}

#indice .material .online {
	margin:0 5px;
}

#capaActividad2 #listado_learnings {
	margin-top: 20px;
}

#capaActividad2 .control.add {
	display: block;
	float: none;
	margin: 0;
}

#capaActividad2 li {
	padding-left: 15px;
	text-align: left;
	margin-bottom: 7px;
}

#capaActividad2 .control.delete {
	display: inline-block;
	float: none;
	margin: -9px 10px;
	opacity: 0;
}

#capaActividad2 span:hover .control.delete {
	opacity: 1;
}

.info-text {
	color: #4A4A4A;
	font-size: 21px;
	line-height: 23px;
	margin: 0 auto 30px;
	max-width: 320px;
}

.info-text a {
	font-size: 15px;
}

.arrow-contenido {
	margin-left: 220px;
}

.arrow-clases {
	float: right;
	margin-top: 50px;
}

.btn-add-book{
	background: url('../../../images/shared/tools.png') 0px -3373px no-repeat;
	display: inline-block;
	height: 30px;
	vertical-align: -13px;
	width: 54px;
}

.slider-control.disabled,
.slider-control.disabled:hover {
	cursor: default;
	opacity: 0.1;
}

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

.ipad #libro-digital .slider-control {
	display: block;
}

.ipad .slider-control.forced-in-sequencing {
	display: block !important;
}

.alert-rotate {
	display: none;
	position: fixed;
	z-index: 99999;
}

.no-content .img-responsive {
	margin: 0 auto;
}

.js-error {
	cursor: pointer;
}

.player_infantil {
	margin-top: -15px;
}

.panel_sonidos {
	display: inline-block !important;
	height: 0 !important;
	margin-left: 15px;
	float: none !important;
	width: auto !important;
}



.content-wrapper.modo-revision {
	padding-top: 70px;
}

body.is_app .content-wrapper.modo-revision {
	top: 66px !important;
}

body.video-interactivo.is_app .content-wrapper.modo-revision {
	top: 0px!important;
}

.modo_revision {
	background: #969696;
	height: 58px;
	color: #FFF;
	position: fixed;
	right: 0px;
	left: 0px;
	top: 44px;
	z-index: 105;
}

body.is_app .modo_revision {
	top: 0;
}

.info-alumno {
	position: relative;
	display: inline-block;
	width: auto;
	float: left;
	height: 44px;
	max-width: 250px;
	font-weight: bold;
	margin-top: 7px;
	font-size: 16px;
}

.info-alumno img {
	-webkit-border-radius: 7px;
	   -moz-border-radius: 7px;
	        border-radius: 7px;
	height: 44px;
	margin-right: 10px;
	width: 44px;
}

.info-alumno .nombre-alumno {
	display: inline-block;
	line-height: 17px;
	overflow: hidden;
	vertical-align: middle;
	width: 192px;
}


.info-alumno .nombre-alumno span {
	display: block;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	-o-text-overflow: ellipsis;
	   text-overflow: ellipsis;
	white-space: initial;
}

.alumn_navigation {
	position: absolute;
	top: 0;
	width: 44px;
	height: 44px;
	background: url(/themes/responsive/images/shared/tools.png) -5px 0 no-repeat;
	opacity: .5;
	filter: alpha(opacity=50);
	-webkit-transition: all .5s ease;
	-o-transition: all .5s ease;
	-moz-transition: all .5s ease;
	transition: all .5s ease;
}

.alumn_navigation.btn-alumn-active {
	opacity: 1;
	filter: alpha(opacity=100);
	cursor: pointer;
}

.alumn_navigation.btn-alumn-active:hover {
	opacity: .5;
	filter: alpha(opacity=50);
}

.alumn_navigation.left {
	left: -50px;
	background-position: -8px -1029px;
}

.alumn_navigation.right {
	right: -50px;
	background-position: -8px -1089px;
}

.nota_revision {
	float: right;
	margin-top: 9px;
}

.nota_revision label {
	font-size: 14px;
	font-weight: normal;
}

.revision_container {
	position: relative;
	display: inline-block;
	background: #3AC62A;
	-webkit-border-radius: 20px;
	   -moz-border-radius: 20px;
	        border-radius: 20px;
	width: 65px;
	height: 40px;
	margin-left: 10px;
	cursor: pointer;
}

.revision_container.mod_rev {
	cursor: default;
}

#nota_revision {
	background: #3AC62A;
	-webkit-border-radius: 50%;
	   -moz-border-radius: 50%;
	        border-radius: 50%;
	border: 0;
	font-size: 16px;
	font-weight: bolder;
	height: 40px;
	text-align: center;
	width: 40px;
	opacity: 1;
	-webkit-text-fill-color: white;
	cursor: pointer;
}

.ipad #nota_revision{
	font-size: 14px;
}

.mod_rev #nota_revision {
	cursor: default;
}

.revision_container.alumn_revision[data-content=""] #nota_revision {
	width: 65px;
}

#nota_revision.r_suspenso {
	width: 65px;
	border-radius: 20px;
	background: #FC4237;
	padding-right: 25px;
}

.comment_revision:after {
	content: "";
	display: block;
	background: url('../../../images/shared/revision_comment.png') no-repeat 4px 6px;
	position: absolute;
	width: 25px;
	height: 25px;
	right: 8px;
	top: 6px;
}

.revision_container.alumn_revision[data-content=""] .comment_revision:after {
	display: none;
}

#text-revision {
	font-size: 21px;
	font-weight: bold;
	position: absolute;
	left: 50%;
	margin-left: 15px;
	top: 18px;
	text-align: center;
	max-width: 320px;

	-ms-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	  -o-transform: translateX(-50%);
	     transform: translateX(-50%);
}

#text-revision p {
	display: inline-block;
	position: relative;
}

#text-revision p.mod_rev:after {
	background: url('../../../images/shared/tick.png') no-repeat 4px 6px;
}

label[for='notaSlideGlobal'] {
	float: left;
	width: 100%;
}

label[for='notaSlide'] {
	float: left;
	width: 100%;
}

#notaSlideGlobal {
	float: left;
	width: 53%;
	height: 26px;
	padding: 2px 5px;
}

#notaSlide {
	float: left;
	width: 53%;
	height: 26px;
	padding: 2px 5px;
}

.nota_prefix {
	display: inline-block;
	float: left;
	margin-right: 3px;
	line-height: 24px;
}

.nota_sufix {
	display: inline-block;
	float: left;
	margin-left: 3px;
	line-height: 24px;
}

@media screen and (max-width: 480px) {
	.modo_revision {
		height: 116px;
	}

	#text-revision {
		top: 76px;
	}

	.info-alumno {
		width: 160px;
		margin-left: 35px;
	}

	.info-alumno img {
		display: none;
	}

	.alumn_navigation.right {
		right: 22px;
	}

	#text-revision p {
		display: none;
	}

	.info-alumno .nombre-alumno {
		width: 102px;
	}
}


@media screen and (max-width: 580px) {
	.info-alumno {
		margin-left: 35px;
	}

	.info-alumno img {
		display: none;
	}

	.alumn_navigation.right {
		right: -27px;
	}

	#text-revision p {
		display: none;
	}
}

@media screen and (max-width: 1070px) {
	.alumn_navigation.right {
		right: -38px;
	}
}



.revision-budget {
	display: none;
	position: absolute;
	left: 0px;
	width: 48px;
	margin-top: -30px;
}

.content_type_clase_basic .revision-budget {
	width: auto;
	left: -40px;
}

.nota-budget {
	cursor: pointer;
	width: auto;
	min-width: 74px;
	height: 40px;
	display: inline-block;
	position: relative;
	float: right;
	background: url('../../../images/shared/bocadillo_comment.png') -6px 0 / 100% 100% no-repeat;
}

.modo-rev .nota-budget {
	cursor: default;
}

.modo-rev.no-evaluable div {
	color: #fff;
    padding: 8px 10px;
}

.modo-rev.no-evaluable div span {
	background-image: url('../../../images/shared/tools.png');
	padding: 0;
	min-width: unset;
	width: 50%;
	height: 100%;
	background-color: transparent;
	overflow: hidden;
}
.modo-rev.no-evaluable div span.no-evaluable-right {
	background-position: -5px -507px !important;
	background-size: 60px;
}
.modo-rev.no-evaluable div span.no-evaluable-wrong {
	background-position: -11px -412px !important;
	background-size: 80px;
}

.nota-budget[data-title=''] {
	background-image: url('../../../images/shared/bocadillo.png');
}

.nota-budget span {
	vertical-align: middle;
	font-weight: bold;
	color: white;
	display: inline-block;
	width: auto;
	min-width: 74px;
	padding: 8px 46px 6px 10px;
	font-size: 25px;
	text-align: center;
}

.nota-budget[data-title=''] span {
	padding-right: 28px;
}

@media screen and (max-width: 1100px) {
	.revision-budget {
		width: auto;
		left: 5px;
	}
}

@media screen and (max-width: 1100px) {
	.content_type_clase_basic .revision-budget {
		left: -20px;
	}
}

@media screen and (max-width: 1023px) {
	.content_type_clase_basic .revision-budget {
		left: 5px;
	}
}

.popover.popover-info-nota {
	background: #F2F2F2;
	border-color: #C7C7C7;
}

.popover.popover-info-nota .popover-title {
	background: transparent;
	font-size: 13px;
	color: #999;
	padding: 9px 14px 3px;
	border-bottom: 0;
}

.popover.popover-info-nota .popover-content {
	font-size: 15px;
	color: #4D4D4D;
	padding: 0 14px 9px;
}

.popover.popover-info-nota > .arrow:after {
	border-bottom-color: #F2F2F2;
}

.item-activity > div {
	vertical-align: top;
}

.item-activity img {
	-webkit-border-radius: 50%;
	   -moz-border-radius: 50%;
	        border-radius: 50%;
	height: 70px;
	margin-right: 10px;
	width: 70px;
}

.item-activity .filter-label {
	padding-top: 16px;
}

.item-activity .nombre, .item-activity .autor-info {
	color: #787878;
}

.item-activity .description {
	color: #999;
	font-size: small;
}

.item-activity .licencia {
	text-align: right;
}

.item-activity .licencia img {
	height: 30px;
	width: 30px;
}

.js-tamano-grid {
	display: inline;
	width: initial;
}

.mas-info {
	cursor: default;
}

.wrap-info .tooltip {
	margin-top: -10px;
}

input.form-control.error {
	border-color: red !important;
}


input.form-control.error:focus {
	-webkit-box-shadow: 0 1px 5px #FBBABA;
	   -moz-box-shadow: 0 1px 5px #FBBABA;
	        box-shadow: 0 1px 5px #FBBABA;
}

input.form-control.error {
	background: #FFCDCD;
	color: red;
}

.credit-info span, .credit-info strong {
	display: inline-block;
}

.credit-info .popover-content span {
	display: block;
}

.js-teacher-popover {
	cursor: pointer;
}

.response-commit {
	color: white;
	height: 58px;
	font-size: larger;
	line-height: 3.3;
	opacity: 0;
	position: fixed;
	text-align: center;
	top: 44px;
	width: 100%;
	z-index: 1000;
	-moz-transition: all 0.5s ease-in-out;
	-webkit-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}

body.is_app .response-commit {
	top: 0;
}

.error-commit {
	background: #fc4237;
	opacity: 1;
}

.success-commit {
	background: #3AC62A;
	opacity: 1;
}

.error-commit .btn {
	margin-left: 30px;
	margin-bottom: 5px;
	font-weight: 600;
}

.error-commit .btn:hover {
	background-color: #aaa;
}


.license-more-info {
	vertical-align: top;
}

.title > a {
	padding: 10px 10px 10px 0;
}

#listado_learnings li {
	color: #333;
	font-size: 14px;
	margin-bottom: 3px;
	margin-top: 3px;
	padding: 8px 7px;
}

#listado_learnings li:hover {
	-webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
	        border-radius: 4px;
	background-color: #ffeceb;
}

#listado_learnings li .control {
	margin: 0;
	margin-top: -4px;
}

#capaActividad2 .control.delete.removeLearning {
	float: right;
	margin: 0px;
	margin-top: -4px;
	opacity: 1;
}

.addLearning.control.add {
	margin: 3px 7px 0 0;
}

.item-activity {
	margin-bottom: 10px;
}

.lista-resultado {
	margin: 0;
}

.btn-compartir,
.btn-compartir:active {
	margin-top: 10px;
	padding: 1px 6px;
	-webkit-border-radius: 7px;
	   -moz-border-radius: 7px;
	        border-radius: 7px;
	background-image: url(../../../images/shared/checkbox-sprite.png);
	background-position: 100% -2px;
	background-repeat: no-repeat;
	padding-right: 40px;
}


.edit-mode .btn-compartir,
.edit-mode .btn-compartir:active {
	display: block;
}

.btn-compartir.shared {
	background-position: 100% -27px;
}

.home-sections .uno .innova-logo {
	float: left;
	margin-top: 80px;
	margin-left: -97px;
}

/* CAMBIOS JOAO */
.logo_header {float:right; width:70px; height:39px; margin: -10px 0px 0 26px; background-image: url(../../../images/i/logo.png);}





.cke_skin_kama .cke_rcombo {
	float: left;
}

/* Para el método antiguo de attachs por flash */
.enviar_mensaje_adjuntos_parent .attach_file {
	padding-left:30px;
	min-height:26px;
	background: url(../../../images/i/archivo_btn_big.png) top left no-repeat;
}

.enviar_mensaje_adjuntos_parent .attach_file:hover {
	background-image: url('../../../images/i/archivo_btn_hover_big.png');
}

.enviar_mensaje_adjuntos_parent .fsUploadProgress {
	font-size:80%;
	color:#0072ff
}

.canvasdivclass.active .canvaspintar, .canvasdivclass.active .canvassubrayar, .canvasdivclass.active .canvasborrar {
	position: absolute;
	z-index: 10;
}

.canvasdivclass.active .nota_pos {
	z-index: 5;
}

.image-edit {
	display: inline-block;
	vertical-align: top;
	margin-right: 4px;
}

.image-edit img {
	margin-top: -6px;
}

.pags {
	vertical-align: top;
	float: right;
}
.img-activity-preview {
	height: 100px;
	width: 100px;
}

.snapshot-video-clase {
  display: block;
  height: 1px;
  left: 0;
  object-fit: contain;
  position: fixed;
  top: 0;
  width: 1px;
  z-index: -1;
}

.edit #indice .unit-content .material .item .title {
	display: inline-block;
	text-indent: 10px;
}

#indice .unit-content .actividades .item .icon {
	vertical-align: top;
}

#indice .units ul li.disabled,
#indice .units ul li.locked {
	opacity: 0.5;
	background: #CBCBCB;
}

#indice .units ul li.disabled a {
	cursor: default;
}

#actividad .class_slide {
	padding-bottom: 20px;
	/* BK-16940 Le añadimos el padding al contenido de la slide */
	padding-left: 60px;
	padding-right: 17px;
}

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

.textarea-answer {
	position: relative;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
}

.textarea-answer:after {
	content: attr(data-caracteres) ' ' attr(data-text-caracter) ' (Max: ' attr(maxlength) ')';
	background: rgba(231,37,38,0.9);
	color: white;
	display: inline-block;
	position: absolute;
	right: 0;
	bottom: -30px;
	opacity: 1;
	text-align: right;
	padding: 0px 10px;
	font-size: 12px;
	-webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
	        border-radius: 4px;
	opacity: 0;
	-moz-transition: opacity 0.5s ease-in-out;
	-webkit-transition: opacity 0.5s ease-in-out;
	-o-transition: opacity 0.5s ease-in-out;
	transition: opacity 0.5s ease-in-out;
}

.textarea-answer.near-max:after {
	opacity: 1;
}


.btn-alert {
	background: rgba(0,0,0,0.05);
	-webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
	        border-radius: 4px;
	padding: 3px 10px;
	margin-left: 10px;
	cursor: pointer;
	-moz-transition: background 0.4s ease;
	-webkit-transition: background 0.4s ease;
	-o-transition: background 0.4s ease;
	transition: background 0.4s ease;
}

.btn-alert:hover {
	background: rgba(0,0,0,0.15);
}

.logo-publisher {
	display: none;
}

 #actividad.touch-carousel .carousel-inner .item .navigator {
	bottom: inherit;
	margin-top: -100px;
}
#actividad .carousel-inner .item .navigator {
	z-index: 10;
}
.btn-save[disabled],
.btn-save[disabled]:focus {
	background: #3AC62A;
	border-color: transparent;
}

.delayed {
	position: relative;
}

.delayed:after {
	content: "\f12a";
	font-family: 'FontAwesome';
	width: 20px;
	height: 20px;
	background: #FC2D23;
	color: white;
	position: absolute;
	top: 3px;
	right: 3px;
	-webkit-border-radius: 100%;
	   -moz-border-radius: 100%;
	        border-radius: 100%;
	-webkit-box-shadow:  0 2px 1px rgba(0,0,0,0.2);
	   -moz-box-shadow:  0 2px 1px rgba(0,0,0,0.2);
	        box-shadow:  0 2px 1px rgba(0,0,0,0.2);
	text-align: center;
	line-height: 22px;
	font-size: 14px;
}

#ficha_deberes .delayed:after {
	top: 13px;
	right: -30px;
}

.lonelyfile {
	text-align:center;
}
.lonelyfile span {
	margin-bottom:30px;
	display:block;
}
.lonelyfile a {
	color:#999;
	font-weight:bold;
}
.lonelyfile a:hover {
	color:#666
}

.rangyHighlight-red {
	background-color: rgba(252, 66, 55, 0.5);
}

.rangyHighlight-orange {
	background-color: rgba(255, 147, 30, 0.5);
}

.rangyHighlight-light-green {
	background-color: rgba(122, 201, 67, 0.5);
}

.rangyHighlight-light-blue {
	background-color: rgba(41, 171, 226, 0.5);
}

.rangyHighlight-dark-blue {
	background-color: rgba(0, 113, 188, 0.5);
}

.rangyHighlight-pink {
	background-color: rgba(255, 123, 172, 0.5);
}

.rangyHighlight-purple {
	background-color: rgba(128, 0, 128, 0.5);
}

.rangyHighlight-dark-green {
	  background-color: rgba(0, 146, 69, 0.5);
}

.rangyHighlight-yellow,
[class^="hl-"] {
	background-color: rgba(255, 255, 0, 0.5);
}

.rangyHighlight-green {
	background-color: rgba(34, 181, 115, 0.5);
}

.rangyHighlight-light-beige {
	background-color: rgba(198, 156, 109, 0.5);
}

.rangyHighlight-dark-beige {
	background-color: rgba(166, 124, 66, 0.5);
}

.rangyHighlight-light-brown {
	background-color: rgba(140, 98, 57, 0.5);
}

.rangyHighlight-dark-brown {
	background-color: rgba(117, 76, 36, 0.5);
}

.rangyHighlight-black {
	background-color: rgba(0, 0, 0, 0.5);
}

.rangy-note:after{
	/*content: url(../../../images/libro/postit.png);*/
	position: absolute;
	background-image: url('../../../images/libro/postit.png');
	-webkit-background-size: 40px 40px;
	   -moz-background-size: 40px;
	     -o-background-size: 40px;
	        background-size: 40px;
	width: 40px;
	height: 40px;
	content:"";
}
.rangy-note{
	position: relative;
}

.rangy-note .nota_wrapper{
	position: relative;
	z-index: 100;
	left: 0;
	top: 0;
	display: inline-block;
}

.rangy-note .nota_wrapper .nota{
	right: -100px;
	top: -100px;
	bottom: initial;
	width: 200px;
	height: 200px;
	/* margin: 15px; */
	pointer-events: auto;
	position: absolute;
	z-index: 410;
	cursor: pointer;
	background: url(../../../images/libro/postit.png) 50% 50% no-repeat transparent;
	-webkit-background-size: cover;
	   -moz-background-size: cover;
	     -o-background-size: cover;
	        background-size: cover;
}


.rangy-note .btn-postit{
	width: 35px;
}


.rangy-note .nota_wrapper .digitalnote,
.rangy-note .nota_wrapper .note-text {
	height: 80%;
	font-size: 12px;
	resize: none;
	background-color: transparent;
	border: none;
	margin-left: 22px;
	margin-top: 10px;
	word-break:break-all;
	overflow-y: hidden;
	outline: 0;
}

.rangy-note .nota_wrapper .nota_content {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 410;
	padding: 10%;
	width: 100%;
	height: 100%;
}

.rangy-note.ui-draggable-dragging{
	visibility: hidden;
}

.rangy-note.ui-draggable-dragging:after{
	position: relative;
	visibility: visible;
	content:url('../../../images/libro/postit-thumb.png');
}

.highlight-delete{
  background-color: inherit;
  border: 0;
  text-decoration: none;
	color: #414141;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}

.highlight-delete:hover,.highlight-delete:active,.highlight-delete:focus{
  outline: none;
	color: #3AC62A;
	text-decoration: none;
}

.deberes-items b {
	width: 200px;
	overflow: hidden;
	-o-text-overflow: ellipsis;
	   text-overflow: ellipsis;
	white-space: nowrap;
	position: relative;
	display: block;
	float: left;
}


.items.recursos .list-items.resources {
	text-align: left;
}

.items.recursos .items-section {
	width: 100%;
	margin: 0;
	padding: 0;
	text-align: center;
}

.actividad-detalle {
	display: inline-block;
	position: relative;
	-webkit-border-radius: 8px;
	   -moz-border-radius: 8px;
	        border-radius: 8px;
	height: 215px;
	width: 270px;
	margin: 10px;
	font-family: 'Source Sans Pro';
	font-size: 14px;
	font-weight: 400;
	color: #808080;
	line-height: 15px;
	border: 1px solid #c8c8c8;
	vertical-align: top;
}

.actividad-detalle .control.delete {
	margin: -16px -16px 0 0 !important;
}

.actividad-detalle > * {
	padding: 4px 14px;
}

.actividad-detalle header {
	height: 70px;
	background-color: #c8c8c8;
	color: #FFFFFF;
	-webkit-border-radius: 8px 8px 0 0;
	   -moz-border-radius: 8px 8px 0 0;
	        border-radius: 8px 8px 0 0;
	padding-top: 14px;
	-webkit-background-size: cover;
	   -moz-background-size: cover;
	     -o-background-size: cover;
	        background-size: cover;
	cursor: pointer;
}

.actividad-detalle header h3 {
	font-size: 14px;
	margin: 0;
	float: left;
	width: 175px;
	word-wrap: break-word;
    line-height: 15px;
    max-height: 45px;
    overflow: hidden;
}

.actividad-detalle.actividad header {
	background-image: url(/themes/responsive/images/contenido/recurso-bg-actividad.jpg);
}

.actividad-detalle.archivo header {
	background-image: url(/themes/responsive/images/contenido/recurso-bg-archivo.jpg);
}

.actividad-detalle.libro header {
	background-image: url(/themes/responsive/images/contenido/recurso-bg-libro.jpg);
}

.actividad-detalle.url header {
	background-image: url(/themes/responsive/images/contenido/recurso-bg-url.jpg);
}

.actividad-detalle.img header,
.actividad-detalle.musica header,
.actividad-detalle.video header {
	background-image: url(/themes/responsive/images/contenido/recurso-bg-multimedia.jpg);
}

.actividad-detalle .icon {
	float: right;
	height: 20px;
	width: 30px;
	-webkit-background-size: contain;
	   -moz-background-size: contain;
	     -o-background-size: contain;
	        background-size: contain;
	background-repeat: no-repeat;
	background-position: right;
}

.actividad-detalle.actividad .icon {
	background-image: url(/themes/responsive/images/contenido/recurso-icon-actividad-white.png);
}

.actividad-detalle.archivo .icon {
	background-image: url(/themes/responsive/images/contenido/recurso-icon-archivo-white.png);
}

.actividad-detalle.libro .icon {
	background-image: url(/themes/responsive/images/contenido/recurso-icon-libro-white.png);
}

.actividad-detalle.url .icon {
	background-image: url(/themes/responsive/images/contenido/recurso-icon-url-white.png);
}

.actividad-detalle .details {
	font-family: 'Source Sans Pro';
	font-size: 14px;
	font-weight: 400;
	color: #29abe2;
	height: 14px;
	line-height: 14px;
	margin: 8px 0;
	text-align: left;
}

.actividad-detalle .details .date {
}

.actividad-detalle .details .author {
	display: none;
}

.actividad-detalle .description {
	height: 63px;
	overflow: hidden;
	text-align: left;
	-o-text-overflow: ellipsis;
	   text-overflow: ellipsis;
}

.actividad-detalle .author-image {
	height: 62px;
	width: 62px;
	-webkit-border-radius: 31px;
	   -moz-border-radius: 31px;
	        border-radius: 31px;
	border: 2px solid #FFFFFF;
	background-color: grey;
	float: right;
	margin-top: -31px;
	margin-right: 14px;
	-webkit-background-size: contain;
	   -moz-background-size: contain;
	     -o-background-size: contain;
	        background-size: contain;
}

.actividad-detalle .social-status {
	position: absolute;
	top: 110px;
	right: 0;
	float: right;
}

.baloon {
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	width: 22px;
	height: 21px;
	border: none;
	-webkit-border-radius: 80% 0 55% 50% / 55% 0 80% 50%;
	   -moz-border-radius: 80% 0 55% 50% / 55% 0 80% 50%;
	        border-radius: 80% 0 55% 50% / 55% 0 80% 50%;
	color: #FFFFFF;
	-o-text-overflow: clip;
	text-overflow: clip;
	background: #EEEEEE;
	-webkit-transform: rotate(-133deg);
	   -moz-transform: rotate(-133deg);
	    -ms-transform: rotate(-133deg);
	     -o-transform: rotate(-133deg);
	        transform: rotate(-133deg);
	font-family: 'Source Sans Pro';
	font-size: 12px;
}

.baloon > span {
	display: block;
	-webkit-transform-origin: 10px 10px;
	   -moz-transform-origin: 10px 10px;
	    -ms-transform-origin: 10px 10px;
	     -o-transform-origin: 10px 10px;
	        transform-origin: 10px 10px;
	-webkit-transform: rotate(133deg);
	   -moz-transform: rotate(133deg);
	    -ms-transform: rotate(133deg);
	     -o-transform: rotate(133deg);
	        transform: rotate(133deg);
	text-align: center;
}

.actividad-detalle .social-status .votes {
	background-color: #85c83a;
}

.actividad-detalle .social-status .times-used {
	background-color: #fdb03e;
}

.actividad-detalle .edit-menu {
	background-color: #ffeceb;
	color: #ff4337;
	font-family: 'source Sans Pro';
	font-size: 13px;
	font-weight: 400;
	border-top: 1px solid #c8c8c8;
	padding: 0;
	-webkit-border-radius: 0 0 10px 10px;
	   -moz-border-radius: 0 0 10px 10px;
	        border-radius: 0 0 10px 10px;
	display: none;
	position: absolute;
	bottom: 0;
	height: 26px;
	width: 100%;
	line-height: 26px;
}

.actividad-detalle .edit-menu a {
	cursor: pointer;
}

.edit-mode .actividad-detalle .edit-menu {
	display: block;
}

.actividad-detalle .edit-menu > * {
	color: #ff4337 !important;
	display: block;
	float: left;
	width: 49%;
	text-align: center;
	line-height: 26px;
	position: absolute;
	bottom: 0;
}

.actividad-detalle .edit-menu *:hover {
	color: #EB1308 !important;
}

.actividad-detalle .edit-menu .share-button {
	position: absolute;
	left: 0;
}

.actividad-detalle .edit-menu .share-button > span:before {
	content:'\f1db';
	margin-right: 4px;
	font-family: 'FontAwesome';
}

.actividad-detalle .edit-menu .share-not-button {
	position: absolute;
	left: 0;
}

.actividad-detalle .edit-menu .share-not-button > span:before {
	content:'\f058';
	margin-right: 4px;
	font-family: 'FontAwesome';
}

.actividad-detalle .edit-menu .edit-button {
	border-left: 1px solid #fcd0d0;
	position: absolute;
	right: 0;
}

.edit-mode .actividad-detalle .edit-menu .edit-button {
	visibility: visible !important;
	display: block !important;
}

.actividad-detalle .edit-menu .edit-button > span:before {
	content:'\f040';
	margin-right: 4px;
	font-family: 'FontAwesome';
}

.actividad-detalle .share-status {
	color: #85c83a;
	font-family: 'source Sans Pro';
	font-size: 13px;
	width: 100%;
	text-align: left;
	line-height: 26px;
	position: absolute;
	bottom: 0;
	display: block;
}

.edit-mode .actividad-detalle .share-status {
	display: none;
}

.actividad-detalle .share-status .shared-indicator:before {
	content:'\f058';
	margin-right: 4px;
	font-family: 'FontAwesome';
}

.actividad-detalle .share-status .shared-not-indicator:before {
	content:'\f1db';
	margin-right: 4px;
	font-family: 'FontAwesome';
}

/*JWPlayer*/

#multimedia_iframe_flash_controlbar,
.audio:not(html) #multimedia_iframe_flash,
.jwcontrolbar {
	height: 40px !important;
}

#multimedia_iframe_flash .jwbackground,
#multimedia_iframe_flash .jwcapLeft,
#multimedia_iframe_flash .jwcapRight,
.jwcontrolbar .jwbackground,
.jwcontrolbar .jwcapLeft,
.jwcontrolbar .jwcapRight,
.jwcontrolbar .jwcenter .jwrail .jwtimeSliderRail,
.jwcontrolbar .jwcenter .jwrail .jwtimeSliderBuffer,
.jwcontrolbar .jwcenter .jwrail .jwtimeSliderProgress,
.jwcontrolbar .jwcenter .jwrail .jwtimeSliderProgressCapLeft {
	background: transparent !important;
}

#multimedia_iframe_flash .jwbackground,
.jwcontrolbar .jwbackground {
	background-color: #2A2925 !important;
	-webkit-border-radius: 30px;
	   -moz-border-radius: 30px;
	        border-radius: 30px;
	left: 0 !important;
	right: 0 !important;
}

#multimedia_iframe_flash.jwcenter {
	left: 70px !important;
	right: 70px !important;
}

/*JWPlayer - Botones y Controles */

.audio #multimedia_iframe_flash_controlbar .jwplay button,
.jwcontrolbar .jwplay button {
	background: url(../../../images/jwplayer/play.png) 50% 50% / 20px 20px !important;
	background-repeat: no-repeat !important;
	z-index: 240;
}

.audio #multimedia_iframe_flash_controlbar .jwplay.jwtoggle button,
.jwcontrolbar .jwplay.jwtoggle button {
	background: url(../../../images/jwplayer/pause.png) 50% 50% / 20px 20px !important;
	background-repeat: no-repeat !important;
}

.audio #multimedia_iframe_flash_controlbar .jwtimeSliderThumb,
.jwvolume.jwvertical .jwvolumeThumb,
.jwcontrolbar .jwtimeSliderThumb  {
	background: url(../../../images/jwplayer/bolita.png) 50% 50% / 15px 15px no-repeat !important;
}

.audio #multimedia_iframe_flash_controlbar .jwstop,
.audio #multimedia_iframe_flash_controlbar .jwclose {
	right: 10px;
	margin: 0 6px;
}

.audio #multimedia_iframe_flash_controlbar .jwfullscreen button,
.jwcontrolbar .jwfullscreen button {
	background: url(../../../images/jwplayer/aumentar.png) 50% 50% / 15px 15px no-repeat !important;
}

.audio #multimedia_iframe_flash_controlbar .jwfullscreen.jwtoggle button,
.jwcontrolbar .jwfullscreen.jwtoggle button {
	background: url(../../../images/jwplayer/disminuir.png) 50% 50% / 15px 15px no-repeat !important;
}

.audio #multimedia_iframe_flash_controlbar .jwmute button,
.jwcontrolbar .jwmute button {
	background: url(../../../images/jwplayer/audio.png) 50% 50% / 15px 15px no-repeat !important;
}

.audio #multimedia_iframe_flash_controlbar .jwstop,
.jwcontrolbar .jwstop {
	background: url(../../../images/jwplayer/stop.png) 50% 50% / 20px 16px no-repeat !important;
}

.audio #multimedia_iframe_flash_controlbar .jwclose,
.jwcontrolbar .jwclose {
	background: url(../../../images/jwplayer/close.png) 50% 50% / 20px 16px no-repeat !important;
}

.audio #multimedia_iframe_flash_controlbar .jwstop button,
.audio #multimedia_iframe_flash_controlbar .jwclose button {
	background: transparent;
}

.audio #multimedia_iframe_flash_controlbar .jwstop,
.audio #multimedia_iframe_flash_controlbar .jwstop button,
.audio #multimedia_iframe_flash_controlbar .jwclose,
.audio #multimedia_iframe_flash_controlbar .jwclose button {
	position: static;
}

/* Barras */

#multimedia_iframe_flash_controlbar .jwtimeSliderProgressCapLeft,
#multimedia_iframe_flash_controlbar .jwtimeSliderRailCapLeft,
#multimedia_iframe_flash_controlbar .jwtimeSliderBufferCapLeft,
#multimedia_iframe_flash_controlbar .jwtimeSliderRailCapRight,
#multimedia_iframe_flash_controlbar .jwtimeSliderBufferCapRight,
#multimedia_iframe_flash_controlbar .jwvolumeHRailCapLeft,
#multimedia_iframe_flash_controlbar .jwvolumeHProgressCapLeft {
	background: transparent !important;
	-webkit-border-top-left-radius: 30px;
	   -moz-border-radius-topleft: 30px;
	        border-top-left-radius: 30px;
	-webkit-border-bottom-left-radius: 30px;
	   -moz-border-radius-bottomleft: 30px;
	        border-bottom-left-radius: 30px;
}

#multimedia_iframe_flash_controlbar .jwtimeSliderProgress,
#multimedia_iframe_flash_controlbar .jwtimeSliderProgressCapLeft,
#multimedia_iframe_flash_controlbar .jwtimeSliderRail,
#multimedia_iframe_flash_controlbar .jwtimeSliderBuffer,
#multimedia_iframe_flash_controlbar .jwvolumeH .jwvolumeHProgress,
#multimedia_iframe_flash_controlbar .jwvolumeH .jwvolumeHRail,
.jwcontrolbar .jwcenter .jwrail .Rail,
.jwcontrolbar .jwcenter .jwrail .Buffer,
.jwcontrolbar .jwcenter .jwrail .jwprogressOverflow {
	background: transparent;
	height: 5px;
	top: 18px;
	left: 0 !important;
	right: 0 !important;
	-webkit-border-radius: 30px;
	   -moz-border-radius: 30px;
	        border-radius: 30px;
}

#multimedia_iframe_flash_controlbar .jwtimeSliderProgressCapLeft,
.jwcontrolbar .jwcenter .jwrail .jwprogressOverflow {
	background: #3AC62A;
}

#multimedia_iframe_flash_controlbar .jwvolumeH .jwvolumeHRail,
.jwcontrolbar .jwcenter .jwrail .Rail {
	background: #ffffff !important;
}

#multimedia_iframe_flash_controlbar .jwvolumeH .jwvolumeHProgress {
	background-color: #e7253d !important;
}

#multimedia_iframe_flash_controlbar_duration,
#multimedia_iframe_flash_controlbar_elapsed,
.jwtext.jwduration,
.jwtext.jwelapsed {
	color: white !important;
	top: 5px;
}

.jwcontrolbar .jwcenter .jwrail .Buffer {
	-webkit-border-radius: 0;
	   -moz-border-radius: 0;
	        border-radius: 0;
	background-color: #242424;
}

.jwvolume.jwvertical .jwvolumeRailCapTop,
.jwvolume.jwvertical .jwvolumeRail,
.jwvolume.jwvertical .jwvolumeRailCapBottom,
.jwvolume.jwvertical .jwvolumeProgressCapTop,
.jwvolume.jwvertical .jwvolumeProgress,
.jwvolume.jwvertical .jwvolumeProgressCapBottom {
	background: transparent !important;
}

.jwvolume.jwvertical .jwvolumeRail {
	background-color: #242424 !important;
	width: 5px !important;
	left: 5px !important;
}

.jwvolume.jwvertical .jwvolumeProgress {
	background-color: #e7253d !important;
	width: 5px !important;
	left: 5px !important;
}

.audio #multimedia_iframe_flash_controlbar .jwright .jwmute,
.audio #multimedia_iframe_flash_controlbar .jwright .jwslider {
	display: none !important;
}

.import-book, .import-book-log {
	margin-left: 20px;
	margin-right: 20px;
}

/* AUDIORECORDER */

.audiorecorder audio {
	vertical-align: middle;
}

.btn-audiorecorder {
	opacity: 0.7;
	background-color: transparent;
}

.btn-audiorecorder.btn-primary:hover,
.btn-audiorecorder.btn-primary:focus,
.btn-audiorecorder.btn-primary:active,
.btn-audiorecorder.btn-primary.focus {
	opacity: 1.0;
	background-color: transparent;
	-webkit-box-shadow: none;
	   -moz-box-shadow: none;
	        box-shadow: none;
}

.btn-audiorecorder img {
	width: 80px;
}

.recorder-message {
	font-size: 22px;
	margin: 20px 0;
}

.recorder-message .recorder-text {
	display: inline-block;
	text-align: left;
	float: left;
}

.recorder-message .remaining-time {
	display: inline-block;
	float: right;
}

@-moz-document url-prefix() {
	.content ol li::before{
		content: counter(bck-li-counter)'. ';
	}
	.content ol li{
		counter-increment: bck-li-counter;
		list-style-type: none;
	}
	.content ol[style*="list-style-type: lower-roman"] li::before {
		content: counter(bck-li-counter, lower-roman)'. ';
	}
	.content ol[style*="list-style-type: upper-roman"] li::before {
		content: counter(bck-li-counter, upper-roman)'. ';
	}
	.content ol[style*="list-style-type: upper-alpha"] li::before {
		content: counter(bck-li-counter, upper-alpha)'. ';
	}
	.content ol[style*="list-style-type: lower-alpha"] li::before {
		content: counter(bck-li-counter, lower-alpha)'. ';
	}
	.content ol[style*="list-style-type: decimal"] li::before {
		content: counter(bck-li-counter, decimal)'. ';
	}
}

.editespecial1 ol li {
    list-style-type: none;
}

.modo_revision:not(.hidden) ~ #libro-digital {
	margin-top: 58px;
}

/**/

/* Pantalla de permisos */

.content-permisos > .panel-default > .panel-heading > button.js-actualizar {
	margin-top: -5px;
}

.content-permisos > .text-right > button.js-actualizar {
	margin-top: 15px;
}

.content-permisos > .panel-default > .panel-body {
	padding: 0;
}

.content-permisos #form-permisos > table {
	font-size: .70em;
}

.content-permisos #form-permisos > table .fila_0 {
	background-color: #dcdcdc;
}

.content-permisos #form-permisos > table td, #form-permisos > table th {
	padding: 3px 2px;
}

.content-permisos #form-permisos > table td:nth-child(1), #form-permisos > table th:nth-child(1) {
	text-overflow: ellipsis;
	max-width: 190px;
	overflow: hidden;
}

.content-permisos #form-permisos > table > tbody > tr > th.permissions-licenses {
	text-align: center;
}

.content-permisos #form-permisos > table > tbody > tr > th.permissions-profiles > span {
	width:40px;
}

.content-permisos #form-permisos > table > tbody > tr > th.permissions-licenses > span, .content-permisos #form-permisos > table > tbody > tr > th.permissions-profiles > span {
	display: block;
	white-space: nowrap;
	overflow: hidden;
	-o-text-overflow: ellipsis;
	   text-overflow: ellipsis;
}

.feedback-answers {
	min-height: 120px;
	width: 100%;
	padding-right: 15px;
	padding-left: 20px;
}

#actividad .slide-test .feedback-answers {
	padding-right: 0px;
}

.feedback-right-answer > label,
.feedback-wrong-answer > label {
	padding-top: 15px;
}

.feedback-answers .js-rich-group {
	width: 50% !important;
	padding-top: 10px;
}

#actividad .slide-multiplechoice .feedback-answers .js-rich-group {
	width: 45% !important;
}

.workspace.multiple-choice .fb_right,
.workspace.multiple-choice .fb_wrong,
.workspace.multiple-choice .fb_solucion {
	padding-bottom: 10px;
}

.bck-dropdown.right-fb-dropdown,
.bck-dropdown.wrong-fb-dropdown {
	transition: background-color 0.5s ease-out;
	width: 70%;
}

.workspace.test .bck-dropdown.right-fb-dropdown,
.workspace.test .bck-dropdown.wrong-fb-dropdown {
	margin-bottom: 15px;
}

.bck-dropdown.right-fb-dropdown {
	border: 1px solid #85c939;
}

.bck-dropdown.wrong-fb-dropdown {
	border: 1px solid #fc4237;
}

.fb_solucion .bck-dropdown.right-fb-dropdown,
.fb_solucion .bck-dropdown.wrong-fb-dropdown  {
	border: 1px solid #00bdff;
}

.bck-dropdown.right-fb-dropdown .bck-dropdown-button,
.bck-dropdown.wrong-fb-dropdown .bck-dropdown-button,
.fb_solucion .bck-dropdown-button {
	padding: 10px;
	width: 100%;
	height: 35px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.bck-dropdown.right-fb-dropdown .bck-dropdown-icon,
.bck-dropdown.wrong-fb-dropdown .bck-dropdown-icon {
	display: inline-block;
    width: 40px;
    height: 40px;
}

.bck-dropdown.right-fb-dropdown .bck-dropdown-icon > .fa,
.bck-dropdown.wrong-fb-dropdown .bck-dropdown-icon > .fa {
	border:none;
    padding: 10px;
    width: 100%;
    height: 100%;
    text-align: center;
    cursor: pointer;
}

.bck-dropdown.right-fb-dropdown .bck-dropdown-icon > .fa {
	color: #85c939;
}

.bck-dropdown.wrong-fb-dropdown .bck-dropdown-icon > .fa {
	color: #fc4237;
}

.fb_solucion .bck-dropdown.right-fb-dropdown .bck-dropdown-icon > .fa,
.fb_solucion .bck-dropdown.wrong-fb-dropdown .bck-dropdown-icon > .fa {
	color: #00bdff;
}

.bck-dropdown.right-fb-dropdown .bck-dropdown-titulo,
.bck-dropdown.wrong-fb-dropdown .bck-dropdown-titulo {
	display: inline-block;
    vertical-align: middle;
    font-size: 1.5rem;
    padding-left: 10px;
    font-weight: bold;
}

.bck-dropdown.right-fb-dropdown .bck-dropdown-content,
.bck-dropdown.wrong-fb-dropdown .bck-dropdown-content {
	overflow-y: auto;
    display: none;
    max-height: 300px;
    font-size: 1.5rem;
    margin-left: 10px;
    padding: 10px;
    background-color: transparent;
}

.fb_right,
.fb_wrong,
.fb_solucion {
	display: flex;
	justify-content: flex-end;
}

@media only screen and (max-width: 1024px) {
	.content-permisos #form-permisos > table > tbody > tr > th.permissions-profiles > span {
		width:30px;
	}

	.content-permisos #form-permisos > table > tbody > tr > th.permissions-licenses > span {
		width:50px;
	}
}

@media only screen and (max-width: 840px) {
	.content-permisos #form-permisos > table > tbody > tr > th.permissions-profiles > span {
		width:25px;
	}

	.content-permisos #form-permisos > table > tbody > tr > th.permissions-licenses > span {
		width:40px;
	}
}

@media only screen and (max-width: 768px) {
	.content-permisos #form-permisos > table > tbody > tr > th.permissions-licenses > span {
		width:25px;
	}
}

@media all and (orientation: portrait) {
	.info-alumno {
		margin-left: 35px;
	}

	.info-alumno img {
		display: none;
	}

	.alumn_navigation.right {
		right: 22px;
	}

	#text-revision p {
		display: none;
	}
}

@media all and (orientation: landscape) {
	.info-alumno {
		margin-left: 35px;
	}

	.alumn_navigation.right {
		right: -40px;;
	}

	.ipad .info-alumno {
		margin-left: 26px;
	}
}

/*Memory*/

	#actividad .workspace.memory {
		width: 100%;
	}

	#actividad .workspace.memory .flip-container{
		perspective: 1000px;
	}

	#actividad .workspace.memory .flip-container, .front, .back {
		width: 140px;
		height: 160px;
		float:left;
	}

	/* flip speed goes here */
	#actividad .workspace.memory .flipper {
		transition: 1s;
		-webkit-transform-style: preserve-3d;
		transform-style: preserve-3d;
		cursor: pointer;
		position: relative;
	}

	/* hide back of pane during swap */
	#actividad .workspace.memory .front, .back {
		-webkit-perspective: 0;
		-webkit-backface-visibility: hidden;
		-webkit-transform: translate3d(0,0,0);
		visibility:visible;
		backface-visibility: hidden;
		position: absolute;
		top: 0;
		left: 0;
	}

	/* front pane, placed above back */
	#actividad .workspace.memory .front {
		z-index: 2;
		width: 120px;
		height: 140px;
		margin: 10px;
		border-radius: 10px;
		border: 2px solid #d8d8d8;
		/* for firefox 31 */
		/*transform: rotateY(0deg);*/
		background: #fff url('../../../images/slides/circulos.png') center center / 50px auto no-repeat;
		transition: all .5s ease;
	}

	#actividad .workspace.memory .front:hover {
		background-color: #d8d8d8;
	}

	/* back, initially hidden pane */
	#actividad .workspace.memory .back {
		transform: rotateY(180deg);
	    -webkit-transform: rotateY(180deg);
		z-index: 2;
		width: 120px;
		height: 140px;
		margin: 10px;
		border-radius: 10px;
		border: 2px solid #d8d8d8;
		overflow: hidden;
	}

	#actividad .workspace.memory .on {
		transform: rotateY(180deg);
	    -webkit-transform: rotateY(180deg);
	}

	#actividad .workspace.memory .off {
		transform: rotateY(0deg);
	    -webkit-transform: rotateY(0deg);
	}

	#actividad .workspace.memory .still {
		transform: rotateY(180deg);
		-webkit-transform: rotateY(180deg);
		cursor: default;
	}

	#actividad .workspace.memory .still.solucion .back {
		border: 2px solid #00bdff !important;
	}

	#actividad .workspace.memory .still .back {
		border-color: #3AC62A;
	}

	#actividad .workspace.memory .on.ko .back {
		border-color: #fc4237;
	}

	#actividad .workspace.memory .opcion {
		width: 100%;
		height: 100%;
	}

	#actividad .workspace.memory.blocks .opcion {
		-webkit-border-radius: 0;
		   -moz-border-radius: 0;
		        border-radius: 0;
	}

	 #actividad .workspace.memory .box {
		text-align: center;
		display: table;
		width: 100%;
		height: 100%;
		padding: 2px;
	}

	#actividad.workspace.memory .opcion .bck-i-fullscreen-wrapper {
		padding: 0;
	}

	#actividad .workspace.memory .opcion img {
		max-height: 132px;
		margin: 0 !important;
	}

	.edit #actividad .select-option {
		color: #999;
	}

/**/

/* Paint */

	.edit .slide_content_type_35 .canvas-style-description,
	.edit .slide_content_type_29 .canvas-style-description {
		color: #aaa;
	}

	.edit .slide_content_type_35 .fileinput-button,
	.edit .slide_content_type_29 .fileinput-button {
		width: initial;
	}

	.edit .slide_content_type_35 .custom-radio,
	.edit .slide_content_type_29 .custom-radio {
		margin-bottom: 15px;
	}

	.edit .slide_content_type_35 .upload-image,
	.edit .slide_content_type_29 .upload-image {
		text-align: center;
		margin-top: 30px;
	}

	.slide_content_type_35 .slide-paint-options,
	.slide_content_type_29 .slide-paint-options {
		margin-left: 40px;
	}

	.slide_content_type_29 .paint canvas {
		width: 79%;
	}
	.slide_content_type_35 .paint canvas {
		width: 79%;
		max-width: 708px;
	}


	.slide_content_type_35 .paint .main-canvas,
	.slide_content_type_29 .paint .main-canvas {
		border: 1px solid #c4c4c4;
	}

	.slide_content_type_35 .paint .canvas_content,
	.slide_content_type_29 .paint .canvas_content {
		width: 80% !important;
		max-width: 80% !important;
		min-width: auto !important;
	}

	.slide_content_type_35 .preview-image,
	.slide_content_type_29 .preview-image {
		display: block;
		margin-top: 15px;
	}

	.slide_content_type_29 .paint_popoverColors {
		width: 15%;
		height: 100%;
		display: inline-block;
		position: relative;
		float: right;
		top: 0;
		margin-right: 20px;
		vertical-align: top;
		border-radius: 4px;
		background-color: white;
		box-shadow: 0px 0px 1px 1px #c4c4c4;
		min-width: 130px;
	}

	.slide_content_type_35 .thickness-parent,
	.slide_content_type_29 .thickness-parent {
		margin-bottom: 15px;
	}

	.slide_content_type_35 .popover-colors-parent,
	.slide_content_type_29 .popover-colors-parent {
		font-size: 0.9Em;
		padding: 15px;
	}
	/* SLIDE_PAINT_2020  */
	.slide_content_type_35 .workspace .main_panel_paint {
		position: relative;
		justify-content: space-between;
		display: flex;
		flex-direction: row-reverse;
		padding: 1px;
		/* overflow-y: hidden;  */
	}
	.slide_content_type_35 .paint_popoverColors{
		width: 15%;
		border-radius: 4px;
		background-color: white;
		box-shadow: 0px 0px 1px 1px #c4c4c4;
		min-width: 130px;
	}

	.slide_content_type_35 .paint .main-canvas {
		-webkit-user-drag: none;
		user-select: none;
		-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
		z-index:2;
	}
	.slide_content_type_35 .paint .imgWrapper{
		overflow-y: hidden;
		position: absolute;
		left: 0;
		/* width: 100%; */
	}
	.slide_content_type_35 .paint .imgWrapper{
		pointer-events: none
	}
	.slide_content_type_35 .workspace .imgCanvas{
		position: absolute;
		left: 0;
		transform: translateY(-50%);
		/* z-index: 1; */
		top: 50%;
	}
	.slide_content_type_35 .popover-colors-parent{
		padding-bottom: 0px;
	}

	.slide_content_type_35 .colors,
	.slide_content_type_29 .colors {
		margin-top: 25px;
	}

	.slide_content_type_35 .colors ul,
	.slide_content_type_29 .colors ul {
		column-count: 2;
		line-height: 14px;
		column-gap: 6px;
		width: 80%;
		margin: 10px auto;
		text-align: center;
	}

	.slide_content_type_35 .colors ul li,
	.slide_content_type_29 .colors ul li {
		list-style: none;
		display: inline-block;
		width: 40px;
		height: 40px;
		margin: 4px 0;
		border: 2px solid #fff;
		border-radius: 100%;
		box-shadow: 0px 3px 9px rgba(0,0,0,0.3);
		cursor: pointer;
		-webkit-transition: border .3s ease;
		-moz-transition: border .3s ease;
		-ms-transition: border .3s ease;
		-o-transition: border .3s ease;
		transition: border .3s ease;
	}

	.slide_content_type_35 .colors ul li:hove,
	.slide_content_type_29 .colors ul li:hover,
	.slide_content_type_35 .colors ul li:focus,
	.slide_content_type_29 .colors ul li:focus {
		border: 2px solid transparent;
	}

	.slide_content_type_35 .colors ul li.active,
	.slide_content_type_29 .colors ul li.active {
		background: transparent url('/themes/responsive/images/shared/tick_sombra.png') no-repeat 6px 10px;
	}

	.slide_content_type_35 .slider-horizontal,
	.slide_content_type_29 .slider-horizontal {
		width: 100%;
	}

	.popover-colors .tools {
		display: block;
		position: relative;
		width: 100%;
		height: 50px;
		border: 1px solid black;
	}

	.slide_content_type_35 .tools .active,
	.slide_content_type_29 .tools .active {
		background-color: rgb(58, 198, 42);
	}

	.slide_content_type_35 .tool,
	.slide_content_type_29 .tool {
		background: url(/themes/responsive/images/shared/tools.png) 0 0 no-repeat;
		display: inline-block;
		width: 50%;
		background-color:rgb(74, 74, 74);
		height: 50px;
		border-radius: 0 2px 0 0;
		cursor: pointer;
	}

	.slide_content_type_35 .tool.disabled,
	.slide_content_type_29 .tool.disabled {
		opacity: 0.5;
		cursor: initial;
	}

	.slide_content_type_35 .draw,
	.slide_content_type_29 .draw {
		background-position: 8px -245px;
	}

	.slide_content_type_35 .erase,
	.slide_content_type_29 .erase {
		background-position: 6px -125px;
	}

	.slide_content_type_35 .popover-settings .popover-parent-slider,
	.slide_content_type_29 .popover-settings .popover-parent-slider {
		font-size: 14px;
	}

	.main_panel_paint {
		position: relative;
	}

	.main_panel_paint .background {
		position: absolute;
		padding: 1px 0 1px 0;
		left: 0;
	}
	@media (min-width:651px) and (max-width:970px){
		.slide_content_type_35 .paint .imgWrapper {
			top: 180px
		}
	}
	@media (max-width: 970px) {
		/*Tools*/
		.slide_content_type_35 .workspace  .main_panel_paint {
			flex-direction: column;
		}

		.slide_content_type_35 .paint_popoverColors {
			width: 95%;
		}
		.slide_content_type_29 .paint_popoverColors {
			float: none;
			width: 95%;
			margin: 0;
		}

		.slide_content_type_35 .tools,
		.slide_content_type_29 .tools {
			float: left;
			width: 50px;
		}

		.slide_content_type_35 .tools .tool,
		.slide_content_type_29 .tools .tool {
			display: block;
			width: 100%;
			height: 70px;
		}

		.slide_content_type_35 .tools .draw,
		.slide_content_type_29 .tools .draw {
			background-position: 0px -235px !important;
			border-radius: 4px 0 0 0;
		}

		.slide_content_type_35 .tools .erase,
		.slide_content_type_29 .tools .erase {
			background-position: -2px -115px !important;
			border-radius: 0 0 0 4px;
		}

		.slide_content_type_35 .popover-colors-parent,
		.slide_content_type_29 .popover-colors-parent {
			float: left;
			width: calc(100% - 50px);
			padding: 15px 10px;
		}

		.slide_content_type_35 .popover-settings,
		.slide_content_type_29 .popover-settings {
			overflow: auto;
		}

		.slide_content_type_35 .popover-settings .popover-parent-slider,
		.slide_content_type_29 .popover-settings .popover-parent-slider {
			width: 40%;
			float: left;
			padding: 0 15px;
		}

		.slide_content_type_35 .colors,
		.slide_content_type_29 .colors {
			margin: 0;
		}

		.slide_content_type_35 .colors ul,
		.slide_content_type_29 .colors ul {
			column-count: 13;
			overflow: auto;
			width: 100%;
			margin: 0;
			padding: 5px 15px;
		}

		.slide_content_type_35 .colors ul li,
		.slide_content_type_29 .colors ul li {
			float: left;
			margin: 2px;
			width: 30px;
			height: 30px;
			box-shadow: 0px 1px 4px rgba(0,0,0,0.3);
		}

		.slide_content_type_35 .colors ul li.active,
		.slide_content_type_29 .colors ul li.active {
			background-position: 2px 5px;
		}

		/*Canvas*/

		.slide_content_type_35 .paint .canvas-paint,
		.slide_content_type_29 .paint .canvas-paint {
			margin-top: 40px;
			width: 95%;
		}

		.slide_content_type_35 .paint .background,
		.slide_content_type_29 .paint .background {
			bottom: 4px;
		}
	}

	@media (max-width: 768px) {
		.slide_content_type_35 .colors ul li,
		.slide_content_type_29 .colors ul li {
			width: 30px;
			height: 30px;
		}

		.slide_content_type_35 .colors ul li.active,
		.slide_content_type_29 .colors ul li.active {
			background-position: 2px 6px;
		}
	}

	@media (max-width: 650px) {
		.slide_content_type_35 .imgWrapper {
			top: 40px;
		}
		.slide_content_type_35 .paint_popoverColors,
		.slide_content_type_29 .paint_popoverColors {
			display: none;
		}
	}

/**/

/* Navegación entre slides */

.slider-navigator:hover{
	opacity: inherit;
}
.slider-navigator-animation{
	opacity: 1;
	-webkit-animation: arrow_animation 1s;
	-moz-animation: arrow_animation 1s;
	-o-animation: arrow_animation 1s;
	animation: arrow_animation 1s;
}
@-webkit-keyframes arrow_animation {
	0% { opacity: 0.5; }
	100% { opacity: 1; }
}
@-moz-keyframes arrow_animation {
	0% { opacity: 0.5; }
	100% { opacity: 1; }
}
@-o-keyframes arrow_animation {
	0% { opacity: 0.5; }
	100% { opacity: 1; }
}
@keyframes arrow_animation {
	0% { opacity: 0.5; }
	100% { opacity: 1; }
}

/*******/
.multimedia-files-report-field i {
	margin-left: 0;
}
.multimedia-files-report-field p {
	margin-left: 30px;
	color: gray;
	font-size: 14px;
}
/* BK-18805 */
/* btn slide properties */
#btn_slide_properties{
	display:flex;
	justify-content:flex-end;
}

@-webkit-keyframes rotate{100%{-webkit-transform:rotate(360deg)}}@keyframes rotate{100%{transform:rotate(360deg);-webkit-transform:rotate(360deg)}}@-webkit-keyframes bounce{0%,100%{-webkit-transform:scale(0)}50%{-webkit-transform:scale(1)}}@keyframes bounce{0%,100%{transform:scale(0);-webkit-transform:scale(0)}50%{transform:scale(1);-webkit-transform:scale(1)}}
#actividad {
	width:100%;
	min-width:320px;
	height:100%;
}

#actividad .content {
	height: 100%;
}

#slider {
	height: 100%
}

#slider.destroyed {
	overflow: visible;
}

#swipeview-slider > div {
	position:relative;
	overflow:hidden;
	background-color: #eee;
}

#swipeview-slider > div > .item {
	height: 100%;
	overflow: auto;
}

#swipeview-slider .swipeview-active .item {
    -webkit-transform:translate(0,0) translateZ(0);
    -moz-transform:translate(0,0) translateZ(0);
    -ms-transform:translate(0,0);
    -ms-transform:translate(0,0) translateZ(0);
    -o-transform:translate(0,0);
    -o-transform:translate(0,0) translateZ(0);
    transform:translate(0,0) translateZ(0);
}
/* Fix for hidden canvas on swipe */
body.ipad #swipeview-slider .swipeview-active .item {
	-webkit-transform: none;
	transform: none;
}

.ie #swipeview-slider .swipeview-active .item {
    transform: none !important;
}

.ie .item-container{
    position: relative;
}

#slider > div > .swipeview-loading {
	background-color: transparent;
}

#slider > div > .swipeview-loading .item {
	-webkit-transition-duration:0s;
	/* opacity:0; */
}

#wrasliderper > div > .swipeview-loading .item {
	-webkit-transition-duration:0s;
	-moz-transition-duration:0s;
	-ms-transition-duration:0s;
	-o-transition-duration:0s;
	transition-duration:0s;
	-webkit-transform:translate(0,100%) translateZ(0);
	-moz-transform:translate(0,100%) translateZ(0);
	-ms-transform:translate(0,100%);
	-ms-transform:translate(0,100%) translateZ(0);
	-o-transform:translate(0,100%);
	-o-transform:translate(0,100%) translateZ(0);
	transform:translate(0,100%) translateZ(0);
}

.body_clase {
	overflow: hidden;
}

.body_clase .content-wrapper {
	position: absolute;
	height: 100%;
	width: 100%;
}

#actividad .carousel-inner .item-container {
	max-width: 960px;
	margin: 20px auto;
}

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

    #actividad .carousel-inner .item-container {
        margin: 20px 5px;
    }

    #actividad.touch-carousel .carousel-inner .item {
        margin: 0px;
    }

    .slider-control {
        height: 80px;
        width: 80px;
        margin-top: -40px;
    }

    .slider-control.right {
        right: -40px;
    }

    .slider-control.left {
        left: -40px;
    }

    .slider-control span {
        font-size: 1em;
        margin-top: -10px;
    }

    .slider-control.right span {
        left: 20px;
    }

    .slider-control.left span {
        right: 20px;
    }

}
.bck-dropdown-subtitulo{
	display:none;
}


.book-group>.left{
	width: 10em;
	display: inline-block;
	vertical-align: top;
	margin: 1em;
	text-align: center;
}
.book-group{
	background-color: rgba(133, 201, 57, 0.39);
	margin: 1em;
	border-radius: 2px;
	box-shadow: 0 0 15px rgba(0,0,0,0.2);

}

.book-group>.left>.book-view{
	margin: 1em;
	padding: 0.4em;
	box-shadow: 0 0 15px rgba(0,0,0,0.2);
}

.book-item{
	background-color: #fff;
	margin: 0.5em;
	border-radius: 2px;
	box-shadow: 0 0 15px rgba(0,0,0,0.2);
	padding: 10px;
}

.book-group header{
		margin: 10px;
}
.book-group .left{

}

.book-item>.left{
			display: inline-block;
}

.book-item>.left button{
	display: block;
	width: 90%;
	margin: 0.5em 0.5em 0.5em 0;
}

.book-group .right{
	width: 75%;
	display: inline-block;
	vertical-align: top;
}

.book-group>.left>img{
		width: 10em;
}

.book-group .book-item img{
	max-height: 5em;
	display: block;
	margin: 0 10px 0 0;
}

.book-item .book-comment{
		font-style: italic;}

.book-group .book-isbn,
.book-group .book-title{
		line-height: 18px;
}

.book-group .book-isbn,
.book-group .book-type{
		font-weight: 700;
}

.book-group .book-title,
.book-group .book-last-date,
.book-group .book-path span{
		color: #5E5E5E
}

.book-group.notExist{
	background-color: #FFCD60;
}

.book-group.queued{
	background-color: #9BCDFF;
}


.book-group .book-path{
	line-height: 30px;
}

#help-panel {
	background: white;
	border-right: 1px solid rgba(0, 0, 0, 0.2);
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	left: -620px;
	width: 620px;
	max-width: 100%;
	margin-top: 44px;
	padding: 20px 35px;
	position: fixed;
	top: 0;
	z-index: 100;
}

#help-panel > div {
	min-height: 100%;
	padding-bottom: 35px;
}


#help-panel #canvas-wrapper,
#help-panel .header .chapter,
#help-panel .header .title img {
	display:none;
}

#help-panel #help-panel-search {

}

#help-panel #help-panel-content {
	padding-bottom: 35px;
	margin-bottom: 100px;
}

#help-panel h2 {
	font-family: 'Source Sans Pro';
	color: #4d4d4d;
	font-size: 20px;
	line-height: 24px;
}

#help-panel h3 {
	font-family: 'Source Sans Pro';
	color: #4d4d4d;
	font-size: 18px;
	line-height: 20px;
}

#help-panel button {
	font-family: 'Source Sans Pro', sans-serif;
	color: #ffffff;
	background-color: #414141;
	font-size: 12px;
	line-height: 20px;
	border-radius: 30px;
	padding: 4px 18px;
	box-shadow: rgba(0, 0, 0, 0.498039) 0px 0px 7px 0px;
	box-sizing: border-box;
	font-weight: bold;
	outline: none;
	border: none;
}

#help-panel button:hover {
	background-color: #7b7b7b;
}

#help-panel .search {
	font-family: 'Source Sans Pro';
	color: #989898;
	font-size: 17px;
	border: 1px solid #c8c8c8;
	line-height: 17px;
	padding: 0 17px;
	outline: none;
}

#help-panel .go-back {
	font-family: 'Source Sans Pro';
	color: #3AC62A;
	font-size: 15px;
	cursor: pointer;
	padding-top: 10px 10px 10px 0;
	line-height: 34px;
	float: left;
}

#help-panel .go-back:hover {
	color: #67AE1A;
}

#help-panel .go-back:before {
	content: "\F177";
	font-family:'FontAwesome';
	margin-right: 8px;
}

#help-panel .faq-logo {
	background-image: url(/themes/responsive/images/FAQ/logo_blinkhelp.png);
	background-repeat: no-repeat;
	background-size: contain;
	text-indent: -9999px;
	line-height: 0;
	height: 20px;
	float: left;
	width: 100px;
	margin: 7px;
	position: absolute;
	left: 80px;
}

#help-panel .inner-link {
	font-weight: bold;
	cursor: pointer;
	padding: 2px;
	margin: 3px;
	color: green;
}

#help-panel .inner-link:hover {
	color:#024802;
}

#help-panel .close {
	padding: 4px;
}

#help-panel .see-more {
	font-family: 'Source Sans Pro';
	color: #3AC62A;
	font-size: 15px;
	cursor: pointer;
	padding: 10px 0 10px 10px;
}

#help-panel .see-more:hover {
	color: #67AE1A;
}

#help-panel .see-more:after {
	content: "\F178";
	font-family:'FontAwesome';
	margin-left: 8px;
}

#help-panel #help-button-panel {
	line-height: 28px;
}

#help-panel #help-panel-searchtext {
	margin: 10px auto;
	width: 100%;
}

#help-panel #zero-results {
	display: none!important;
	visibility: hidden!important;
	text-align: center;
	margin-bottom: 40px;
}
#help-panel #zero-results p {
	font-family: 'Source Sans Pro';
  	font-size: 18px;
 	color: #cbcbcb;

 	margin: 20px auto;
}

#help-panel #help-show-contact {
	position: absolute;
	bottom: -20px;
	height: 130px;
	border-top: 1px solid #A5A5A5;
	background-color: #ccc;
	width: 112%;
	width: calc(100% - -70px); /*  sumamos el padding del help-panel*/
	left: -35px;
	margin-top: 60px;
}

#help-panel #help-show-contact #help-show-contact-inner {
	padding-left: 20px;
}

#help-panel #send-ticket {
	float: right;
}

#help-panel #help-panel-results {
	margin-top: 10px;
	margin-bottom: 100px;
}

#help-panel #help-panel-results article {
	margin: 0 10px;
	cursor: pointer;
	border-top: #4d4d4d solid 1px;
	padding: 10px 0;
}

#help-panel #help-panel-results article header {
	font-weight: bold;
	margin-bottom: 10px;
}

#help-panel #help-panel-results article nav {
	width: 100%;
	text-align: right;
	margin: 6px 0;
}

#help-panel #help-panel-error {
	background-color: #f7b161;
	color: white;
	margin-top: 20px;
	padding: 5px 10px;
}

#help-panel .spinner {
	position: static;
	margin: 20px auto;
}

#help-panel .spinner .dot{
	background-color: #3AC62A;
}



/* Recode Navbar CSS */

.libro-left ul li,
.libro-right ul li {
	height: 44px;
}

.libro-left ul li span,
.libro-left ul li a,
.libro-right ul li span,
.libro-right ul li a,
.libro-right ul li a.close-back {
	margin: 0!important;
	height: 44px;
}

.libro-right ul li span,
.libro-right ul li a,
.libro-right ul li a.close-back {
	width: 50px;
}

#enter-edit-mode {
	padding: 5px 0 0 6px!important;
}

.libro-left .info {
    background-position: -3px -486px;
}


.libro-right .icontool-0 {
background-position: 0 -9px !important;
}

.libro-right .icontool-1 {
background-position: 0 -70px !important;
}


.libro-right .icontool-2 {
background-position: 0 -128px !important;
}

.libro-right .icontool-3 {
background-position: 0 -190px !important;
}

.libro-right .icontool-4 {
background-position: 0 -248px !important;
}

.libro-right .icontool-5 {
background-position: 0 -310px !important;
}

.libro-right .icontool-6 {
background-position: 0 -370px !important;
}

.libro-right .icontool-7 {
background-position: 0 -427px !important;
}

.libro-right .icontool-8 {
background-position: 0 -486px !important;
}


.libro-right .icontool-9 {
background-position: 0 -548px !important;
}

.libro-right .icontool-10 {
background-position: 0 -608px !important;
}
.libro-left .icontool-10 {
background-position: 0 -608px !important;
}

.libro-right .icontool-11 {
background-position: 0 -669px !important;
}

.libro-right .icontool-12 {
background-position: 0 -729px !important;
}

.libro-right .icontool-13 {
background-position: 0 -788px !important;
}

.libro-right .icontool-14 {
background-position: 0 -847px !important;
}

.libro-right .icontool-15 {
background-position: 0 -910px !important;
}

.libro-right .icontool-16 {
background-position: 0 -968px !important;
}

.libro-right .icontool-17 {
background-position: 0 -1029px !important;
}

.libro-right .icontool-18 {
background-position: 0 -1089px !important;
}


.libro-right .icontool-19 {
background-position: 0 -1150px !important;
}

.libro-right .icontool-20 {
background-position: 0 -1210px !important;
}

.libro-right .icontool-21 {
background-position: 0 -1268px !important;
}

.libro-right .icontool-22 {
background-position: 0 -1328px !important;
}

.libro-right .icontool-23 {
background-position: 0 -1388px !important;
}

.libro-right .icontool-24 {
background-position: 0 -1448px !important;
}

.libro-right .icontool-25 {
background-position: 0 -1508px !important;
}

.libro-right .icontool-26 {
background-position: 0 -1568px !important;
}

.libro-right .icontool-27 {
background-position: 0 -1628px !important;
}

.libro-right .icontool-28 {
background-position: 0 -1688px !important;
}

.libro-right .icontool-29 {
background-position: 0 -1748px !important;
}

.libro-right .icontool-30 {
background-position: 0 -1808px !important;
}

.libro-right .icontool-31 {
background-position: 0 -1868px !important;
}

.libro-right .icontool-32 {
background-position: 0 -1928px !important;
}

.libro-right .icontool-33 {
background-position: 0 -1988px !important;
}

.libro-right .icontool-34 {
background-position: 0 -2048px !important;
}


.libro-right .icontool-35 {
background-position: 0 -2108px !important;
}

.libro-right .icontool-36 {
background-position: 0 -2168px !important;
}

.libro-right .icontool-37 {
background-position: 0 -2228px !important;
}

.libro-right .icontool-38 {
background-position: 0 -2288px !important;
}

.libro-right .icontool-39 {
background-position: 0 -2348px !important;
}

.libro-right .icontool-40 {
background-position: 0 -2408px !important;
}

.libro-right .icontool-41 {
background-position: 0 -2468px !important;
}

.libro-right .icontool-42 {
background-position: 0 -2528px !important;
}

.libro-right .icontool-43 {
background-position: 0 -2588px !important;
}

.libro-right .icontool-44 {
background-position: 0 -2648px !important;
}

.libro-right .icontool-45 {
background-position: 0 -2708px !important;
}

.libro-right .icontool-46 {
background-position: 0 -2768px !important;
}

.libro-right .icontool-47 {
background-position: 0 -2828px !important;
}

.libro-right .icontool-48 {
background-position: 0 -2888px !important;
}

.libro-right .icontool-49 {
background-position: 0 -2948px !important;
}

.libro-right .icontool-50 {
background-position: 0 -3008px !important;
}

.libro-right .icontool-51 {
background-position: 0 -3068px !important;
}

.libro-right .icontool-52 {
background-position: 0 -3128px !important;
}

.libro-right .icontool-53 {
background-position: 0 -3188px !important;
}

.libro-right .icontool-54 {
background-position: 0 -3248px !important;
}

.libro-right .icontool-55 {
background-position: 0 -3308px !important;
}

.libro-right .icontool-56 {
background-position: 0 -3368px !important;
}

.libro-right .icontool-57 {
background-position: 0 -3428px !important;
}

.libro-right .icontool-58 {
background-position: 0 -3488px !important;
}

.libro-right .icontool-59 {
background-position: 0 -3548px !important;
}

.libro-right .icontool-60 {
background-position: 0 -3608px !important;
}

.libro-right .icontool-61 {
background-position: 0 -3668px !important;
}

.libro-right .icontool-62 {
background-position: 0 -3728px !important;
}

.libro-right .icontool-63 {
background-position: 0 -3789px !important;
}

.libro-right .icontool-64 {
background-position: 0 -3849px !important;
}

.libro-right .icontool-65 {
background-position: 0 -3909px !important;
}

.libro-right .icontool-66 {
background-position: 0 -3972px !important;
}

.libro-right .icontool-67 {
background-position: 0 -4029px !important;
}

.libro-right .icontool-68 {
background-position: 0 -4089px !important;
}

.libro-right .icontool-69 {
background-position: 0 -4149px !important;
}

.libro-right .icontool-70 {
background-position: 0 -4211px !important;
}

.libro-right .icontool-71 {
background-position: 0 -4268px !important;
}

.libro-right .icontool-72 {
background-position: 0 -4328px !important;
}

.libro-right .icontool-73 {
background-position: 0 -4388px !important;
}

.libro-right .icontool-74 {
background-position: 0 -4449px !important;
}

.libro-right .icontool-75 {
background-position: 0 -4508px !important;
}

.libro-right .icontool-76 {
background-position: 0 -4565px !important;
}

.libro-right .icontool-78 {
background-position: 0 -4688px !important;
}

.libro-right .icontool-79 {
background-position: 0 -4748px !important;
}

.libro-right .icontool-80 {
background-position: 0 -4800px !important;
}

.libro-right .icontool-82 {
background-position: 0px -4925px !important;
}

.libro-right .icontool-83 {
background-position: 0 -4985px !important;
}

.libro-right .icontool-86 {
	background-position: 0 -5107px !important;
}

.libro-right .icontool-90 {
	background-position: 0 -5347px !important;
}

.libro-right .icontool-91 {
	background-position: 0 -5403px !important;
}

.libro-left #btn-book-index {
	background-position: -3px -609px;
}

.body_clase .navbar.libro .libro-left {
	background: #4b4b4b !important;
	position: relative;
	z-index: 10;
}

.libro-left ul li .title {
	padding-left: 10px;
	overflow: hidden;
	-o-text-overflow: ellipsis;
	   text-overflow: ellipsis;
	white-space: nowrap;
}

.libro-right ul li.close-back-wrapper {
	position: relative;
	margin-left: 6px;
}

.libro-right ul li .close-edit-mode.close-edit-mobile {
	padding: 6px 13px;
}

.navbar-divider {position: relative;}
.libro-right ul li.close-back-wrapper:before,
.libro-right ul li.close-back-wrapper:after,
.navbar-divider:before,
.navbar-divider:after {
	content: '';
	display: block;
	width: 1px;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
}

.libro-right ul li.close-back-wrapper:before,
.navbar-divider:before {
	background-color: #333333;

}
.libro-right ul li.close-back-wrapper:after,
.navbar-divider:after {
	background-color: #666666;
	left: 1px;
}

.navbar-divider:before,
.navbar-divider:after {
	left: auto;
	right: 0;
}
.navbar-divider:after {
	right: -1px;
}


/* New responsive */

.home-sections .dos,
.home-sections .tres,
.home-sections .cuatro,
.home-sections .cinco {
	overflow-x: hidden;
}

@media (min-width: 580px) and (max-width: 767px) {
	.codigo-clase {
    	right: 32px;
    	top: 88px;
	}

	#main-nav ul li {
		white-space: nowrap;
		overflow: hidden;
		width: 72px;
		margin: 0 4px;
	}

	#main-nav ul li a {
		white-space: nowrap;
		overflow: hidden;
		-o-text-overflow: ellipsis;
		   text-overflow: ellipsis;
	}

	.libro-left ul li .title {
		white-space: nowrap;
		overflow: hidden;
		-o-text-overflow: ellipsis;
		   text-overflow: ellipsis;
	}
}

@media (max-width: 767px) {
	.xs-flot-right { /* en small screen  */
		float: right;
	}
	.libro-right ul li {
		float: left;
	}

	.libro-left img {
		height: 100%;
		width: 2px;
	}

	.body_clase .libro-left ul li .title {
	}
	.body_clase .libro-right,
	.body_htmlBook .libro-right {
		text-align: right;
		float: right;
		position: relative;
		width: 100%;
	}

	.body_clase .libro-right:before,
	.body_clase .libro-right:after,
	.body_htmlBook  .libro-right:before,
	.body_htmlBook  .libro-right:after {
		content: '';
		display: block;
		width: 100%;
		height: 1px;
		position: absolute;
		top: 0;
		left: 0;
		z-index: 12;
	}

	.body_clase .libro-right:before,
	.body_htmlBook  .libro-right:before {
		background-color: #666666;
	}
	.body_clase .libro-right:after,
	.body_htmlBook .libro-right:after {
		background-color: #333333;
		top: 1px;
	}

	.body_clase #actividad .carousel-inner .item-container {
		margin-top: 70px;
	}
	.body_clase .modo_revision {
		padding-top: 0;
	}

	.contenido .items ul li.js-course {
		margin: auto 20px 20px;
	}

}

@media (max-width: 579px) {
	#main-nav ul li {
		padding: 0;
	}
	#main-nav ul li a {
		padding: 18px 10px 10px 66px;
    	line-height: 1em;
	}
	#main-nav ul li a:before {
		position: absolute;
		top: 8px;
		left: 8px;
		margin: 0;
	}

	.content-wrapper {
		top: 64px;
	}

	.body_clase #actividad .carousel-inner .item-container,
	body.body_curso.edit .content-wrapper.libro {
		margin-top: 110px;
	}

	.libro-left ul li .title,
	.body_clase .libro-left ul li .title {

	}

	.libro-right {
		text-align: right;
		float: left;
		position: relative;
	}

	.libro-right:before,
	.libro-right:after {
		content: '';
		display: block;
		width: 100%;
		height: 1px;
		position: absolute;
		top: 0;
		left: 0;
		z-index: 10;
	}

	.libro-right:before {
		background-color: #666666;
	}

	.libro-right:after {
		background-color: #333333;
		top: 1px;
	}

	.libro-right ul li a.close-back {

	}

	.libro-right ul li a.edit-mode {
		margin-right: 6px;
		margin-bottom: 1px;
	}


	.body_curso .libro-right {
		float: right;
	}


	.body_clase .modo_revision.responsive-toolbar-modo-revision {
		top: 44px;
	}

	.body_curso.view-mode #enter-edit-mode {
	}

}

@media (max-width: 480px) {
	.body_clase  .modo_revision {
		height: 58px;
	}

	.body_clase  #text-revision {
		display: none;
    	top: 10px;
   		left: 44px;
    	font-size: 14px;
    	font-weight: normal;
    	margin-left: 0;
    	width: 100%;
    	text-align: left;
    	-webkit-transform: none;
    	   -moz-transform: none;
    	    -ms-transform: none;
    	     -o-transform: none;
    	        transform: none;
	}
}


/* BK-8293 Clasificaciones e indice */
#ficha-alumno .units .item .actividad {
	height: auto;
}
#ficha-alumno .units .item .actividad .wTitle-lg {
	margin-right: 340px;
	margin-top: -10px;
}
#ficha-alumno .units .item .actividad .wTitle-lg .title > a {
	display: inline-block;
}


@media (max-width: 767px) {

	.libro-left,
	.libro-right {
		width: 100%;
	}

	.libro-right ul li.close-back-wrapper.close-back-mobile {
		top: -44px;
		position: absolute;
		right: 0px;
	}


	#ficha-alumno .units .item .actividad {
		text-align: center;
		padding: 0 15px;
	}

	#ficha-alumno .units .item .notas {
		text-align: center;
		margin: 20px auto;
		float: none;
	}

	#ficha-alumno .units .item > .title {
		margin-left: 15px;
	}

	#ficha-alumno .units .item .actividad .title {
		display: block;
		padding-top: 5px;
		font-size: 14px;
	}

	#ficha-alumno .units .item .actividad .complete {
		margin-top: 0;
	}

	#ficha-alumno .units .item .actividad .progress {
		margin-bottom: 5px;
	}
	#ficha-alumno .units .item .actividad .nota {
		text-align: center;
		display: inline-block;
	}

	#ficha-alumno .units .item .actividad:first-child {
		margin-bottom: 0;
		margin-top: 0;
		padding-top: 0;
	}

	.wDate-activity {
		margin-left: 0;
		padding-right: 0;
	}

	.wTitle-xs {
		display: block !important;
		margin-bottom: 10px;
	}
	.wTitle-xs a {
		padding-right: 0;
	}
	.wTitle-lg {
		display: none;
	}

	.datos-actividad {
		display: inline-block;
		float: none;
	}

	.progreso {
		margin-bottom: 15px;
		margin-right: 0;
	    margin-top: 10px;
	    width: 90%;
	}

	.fecha-realizacion {
		margin-right: 0;
	}

	.wNota {
		float: right;
		margin-left: -28px;
	}

	.body_curso #indice .unit-content .actividades .item:after {
		content: '';
  		display: block;
  		clear: both;
  		visibility: hidden;
  		line-height: 0;
  		height: 0;
	}
	.body_curso #indice .unit-content .actividades .item .text {
		clear: left;
		margin-left: 25px;
	}

	.body_curso #indice .unit-content .actividades .item .icon {
		float: left;
	}

	.body_curso #indice .unit-content .actividades .item .title {
		float: left;
		width: 60%;
		width: -moz-calc(100% - 160px);
		width: -webkit-calc(100% - 160px);
		width: calc(100% - 160px);
	}

	.width-auto,
	.body_clase .libro-right.width-auto ,
	.body_htmlBook .libro-right.width-auto
	{
		width: auto
	}

}
@media (max-width: 579px) {
	.body_clase #actividad .carousel-inner .item-container {
		margin-top: 60px;
	}
	.is_app.body_clase #actividad .carousel-inner .item-container {
		margin-top: 40px;
	}

	.body_curso #indice .unit-content .actividades .item .title {
		float: left;
		width: -moz-calc(100% - 88px);
		width: -webkit-calc(100% - 88px);
		width: calc(100% - 88px);
	}

	.body_curso #indice .unit-content .material .item .title {
		float: left;
		width: -moz-calc(100% - 88px);
		width: -webkit-calc(100% - 88px);
		width: calc(100% - 88px);
	}

	.body_curso #indice .unit-content .actividades .pags {
		font-size: 12px;
		font-size: 1.2rem;
		line-height: 26px;
	}
}


/* New: Duration */


.libro-right,
.libro-left {
	position: relative;
	z-index: 10;
	background: #4B4B4B;
}

.body_curso  .duration-wrapper,
.body_clase.edit .duration-wrapper {display: none;}

.duration-wrapper {
	position: fixed;
	width: 100%;
	top: 4px;
	left: 0;
	z-index: 110;
	-webkit-transition: top 0.5s;
	-moz-transition: top 0.5s;
	-o-transition: top 0.5s;
	-ms-transition: top 0.5s;
	transition: top 0.5s;
}

.duration-wrapper.duration-hidden {
	top: -46px;
}

.duration-text {
	background: #969696;
	color: #ffffff!important;
	font-size: 18px;
	text-align: center;
	position: relative;
	z-index: 10;
	-webkit-transition: all 0.25s ease;
    -moz-transition: all 0.25s ease;
    -o-transition: all 0.25s ease;
    -ms-transition: all 0.25s ease;
    transition: all 0.25s ease;
}

.duration-text-inner {
	padding: 52px 20px 15px;
}

.duration-text span {
	font-weight: bold;
	font-size: 28px;
	vertical-align: middle;
	position: relative;
	top: -2px;
}

.duration-tooltip {
	/*background: #A5A5A5;*/
	background: #969696;
	color: #ffffff!important;
	display: block;
	width: 40px;
	height: 40px;
	margin: 0 auto 0;
	border-radius: 0 0 120px 120px;
	z-index: 1;
    -webkit-transition: all 0.25s ease;
    -moz-transition: all 0.25s ease;
    -o-transition: all 0.25s ease;
    -ms-transition: all 0.25s ease;
    transition: all 0.25s ease;
 	position: relative;
}

.duration-tooltip [class^="blinkicon-"],
.duration-tooltip [class*=" blinkicon-"] {
	font-size: 24px;
	position: absolute;
	bottom: 8px;
	left: 50%;
	margin-left: -12px;
}

.duration-wrapper.ending .duration-tooltip,
.duration-wrapper.ending .duration-text {
	background: #fc4237;
	color: #ffffff!important;
	animation-delay: 0;
}

.is_app .duration-wrapper {
	top: -40px;
}
.is_app .duration-wrapper.duration-hidden {
	top: -90px;
}

@media (max-width: 767px) {
	.navbar-bottom {
    	padding-left: 1em;
		padding-right: 1em;
		min-height: unset;
	}
	.duration-wrapper {
		top: 48px;
	}
	.duration-wrapper.duration-hidden {
		top: -2px;
	}
}
@media (max-width: 579px) {
	
	.navbar-bottom .duration {
		font-size: 16px;
		padding-left: 32px;
		padding-right: 0;
	}
	.navbar-bottom .duration [class^="blinkicon-"],
	.navbar-bottom .duration [class*=" blinkicon-"] {
		font-size: 18px;
		position: absolute;
		top: 1px;
		left: 0;
	}
}
@media (max-width: 480px) {

}

/********************
 ** New home style **
 ********************/

/* Titles */
.title1 {
	font-size: 40px;
	font-weight: 600;
	letter-spacing: -1px;

}

.title2 {
	font-size: 28px;
	font-weight: 600;
	letter-spacing: -1px;
	margin: 0 0 10px;
}

.title3 {
	font-size: 16px;
	font-weight: 600;
	color: #3AC62A;
	margin: 0 0 8px 0;
}

/* Map module */
.map {
	color: #414141;
	text-align: left;
	font-size: 16px;
	padding: 45px 0 25px;
	background: url(../../../images/home/mapa-grande.png) no-repeat 30px top  #EAEAEA;
	-webkit-background-size: contain;
	-moz-background-size: contain;
	-ms-background-size: contain;
	-o-background-size: contain;
	background-size: contain;
}

.map address {
	margin-bottom: 40px;
	font-size: 14px;
}

.row-sedes .col-md-6:nth-child(2n+1) {
	clear: left;
}

/* Footer */
.home-sections .seis .col-md-12 {
	margin-top: 20px;
}
#subfooter {
	background: #191919;
	padding: 20px 0;
	text-align: left;
}
#subfooter a:hover,
#subfooter a:active {
	color: #ffffff;
}
#subfooter .container,
.seis .container {
	overflow: visible!important;
	padding: 0 15px;
}
.copy {
	color: #ffffff;
	font-weight: 600;
	font-size: 12px;
	margin-top: 8px;
}

.social-links {
	float: right;
	font-size: 36px;
	margin-top: 8px;
	padding-right: 60px;
}

/* Other fixes */

.home-sections .container {
	padding: 0 15px;
}
.home-sections .cinco .consulta .left {
	width: 45%;
}
.home-menu ul li:after {
	margin-top: 3px;
}


/* Responsive */
@media (min-width: 1200px) {

}

@media (max-width: 992px) {
	.map {
		padding: 20px 0 0;
		background-position: 230px top;
	}
	.map .container {
		padding: 0 20px;
	}
	.row-sedes {
		margin-top: 160px;
		margin-top: 20vw;
	}

	.home-sections .seis .col-md-12 {
		padding-left: 0;
	}

	.home-sections .container {padding: 0 15px;}
	.footer-sections .col-sm-6:nth-child(2n+1) {
		clear: left;
	}

}

@media screen and (max-width: 992px) and (min-width: 580px) {
	.home-sections .cinco .datos {
		margin-left: 0;
		margin-bottom: 40px;
	}
	.home-sections .cinco .tf {
		margin-top: 0;
	}
	.home-sections .cinco .email:before {
		margin-bottom: 0;
	}
	/* Other fixes */
	.home-menu ul {
		position: relative;
		left: -25px;
	}
	.home-menu ul li a {
		font-size: 13px;
	}

	.row-sedes .col-md-6:nth-child(2n+1) {
		clear: none;
	}
	.row-sedes .col-sm-4:nth-child(3n+1) {
		clear: left;
	}
}



@media screen and (max-width: 767px){
	.map {
 		background-position: 32vw top;
	}
	.row-sedes {
		margin-top: 80px;
	}

}

@media screen and (min-width: 580px) {
	.home-sections .seis .footer-sections ul li:not(:first-child) {
		display: block;
	}

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

	.seis .img-responsive {
		display: inline-block;
	}
	#subfooter {
		text-align: center
	}
	.social-links {
		float: none;
		margin-top: 20px;
		padding-right: 0;
	}
	.map {
		padding-top: 180px;
		background-position: left -60px;
	}
	.map address {
		margin-bottom: 40px;
	}
	.row-sedes {
		margin-top: 40px;
	}
}

@media screen and (max-width: 400px) {
	.map {
		padding-top: 120px;
 		background-position: left -40px;
	}
	.map .col-xs-5,
	.map .col-xs-6 {
		width: 100%;
	}
	.row-sedes {
		margin-top: 40px;
	}
}


/*** Press carousel ***/

.home-sections .siete {
	padding-top: 200px;
	background-color: #ececeb;
	background-image: url(../../../images/home/prensa.png);
	background-repeat: no-repeat;
	background-position: center 0;
}

#carousel-prensa {
	padding-top: 20px;
}

#carousel-prensa .carousel-inner {
	padding: 0 0 100px;
}

#carousel-prensa .item {
	text-align: center;
	height: 120px;
	padding: 0 50px;
}

#carousel-prensa .item .item-prensa {
	display: block;
}
#carousel-prensa .item .item-prensa img {
	display: inline-block;
	margin: 0 10px;
	height: 100px;
	width: auto;
}

#carousel-prensa .carousel-indicators {
    bottom: 20px;
}
#carousel-prensa .carousel-indicators li {
    width: 9px;
    height: 9px;
    margin: 7px;
    border: 0px solid transparent;
    background-color: #666666;
}

#carousel-prensa .carousel-indicators .active {
    width: 9px;
    height: 9px;
    background-color: #3AC62A;
}
.home-sections #carousel-prensa .carousel-control.prev,
.home-sections #carousel-prensa .carousel-control.next {
	-ms-transform:none;
	-webkit-transform: none;
	transform: none;
	margin-top: -45px;
}
.home-sections #carousel-prensa .carousel-control.prev {
	left: 20px;
	text-align: left;
}
.home-sections #carousel-prensa .carousel-control.next {
	right: 20px;
	text-align: right
}

@media (min-width: 1100px ) {
	#carousel-prensa .item .item-prensa img {
		height: 120px;
		margin: 0 20px;
	}
}
@media (max-width: 967px ) {
	#carousel-prensa .item .item-prensa img {
		height: 86px;
		margin-top: 16px;
	}
}

@media (max-width: 799px ) {
	#carousel-prensa .item {
		height: 100px;
	}
	#carousel-prensa .item .item-prensa img {
		height: 66px;
	}
}
@media (max-width: 660px ) {
	.home-sections .siete {
		background-size: contain;
		padding-top: 36%;
	}
	#carousel-prensa .item  {
		height: auto;
	}
	#carousel-prensa .item .item-prensa img {
		height: 55px;
	}
}
@media (max-width: 480px ) {
	#carousel-prensa .item .item-prensa img {
		display: block;
		height: 60px;
		margin-left: auto;
		margin-right: auto;
	}
}

/*** BlinkEdTech en la home ***/

.home-sections .ocho {
	background-color: #3AC62A;
	color: #ffffff;
	padding-top: 50px;
	padding-bottom: 50px;
}
.home-sections .ocho .text {
	color: #ffffff;
	margin-top: 5px;
	margin-bottom: 50px;
}
.home-sections .ocho .card {
	background: #ffffff;
	color: #808080;
	text-align: left;
	box-shadow: 0 0 15px 0 rgba(0,0,0,.3);
	margin-bottom: 20px;
}
.home-sections .ocho .card .card-title {
	color: #272727;
	font-size: 22px;
	font-size: 2.2rem;
	padding: 25px;
	margin: 0;
	position: relative;
	z-index: 10;
}
.home-sections .ocho .card .card-title:before {
	content: '';
	display: block;
	width: 0;
	height: 0;
	border-left: 20px solid transparent;
	border-right: 20px solid transparent;
	border-top: 20px solid #fff;
	position: absolute;
	bottom: -14px;
	left: 20px;
}

.home-sections .ocho .card .card-title a {
	color: #272727;
}
.home-sections .ocho .card .card-title a:hover {
	color: #3AC62A;
}

.home-sections .ocho .card .card-image {
	width: 100%;
	height: 0;
	padding-bottom: 60%;
	position: relative;
	overflow: hidden;
}

.home-sections .ocho .card .card-image a {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right:0;
	bottom: 0;
	width: 100%;
	height: 100%;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}

.home-sections .ocho .card .card-content {
	padding: 25px 25px 10px;
}

.home-sections .ocho .card .card-content a {
	color: #3AC62A;
	text-decoration: none;
}
.home-sections .ocho .card .card-content a:hover {
	color: #84ae37;
}
.home-sections .ocho .card .card-more {
	padding: 0 25px 25px;
	text-align: center;
}
.home-sections .ocho .card .card-more a {
	display: inline-block;
	color: #ffffff;
	background: #3AC62A;
	width: 40px;
	height: 40px;
	line-height: 42px;
	font-size: 24px;
	border-radius: 200px;
}
.home-sections .ocho .card .card-more a:hover {
	background-color: #84ae37;
}

/* Galeria y Photoswipe */

.blink-gallery {
	position: relative;
	margin: 0 -10px;
}

.blink-gallery:after {
	content: '';
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
 	height: 0;
}

.blink-gallery .blink-figure {
	position: relative;
	float: left;
	width: 100%;
	margin: 0 0 20px 0;
	padding: 0 10px;
}

	.blink-gallery-1 .blink-figure {
		width: 100%;
	}
	.blink-gallery-2 .blink-figure {
		width: 50%;
	}
		.blink-gallery-2 .blink-figure:nth-child(2n+1) {
			clear: left;
		}

	.blink-gallery-3 .blink-figure {
		width: 33.33333%;
	}
		.blink-gallery-3 .blink-figure:nth-child(3n+1) {
			clear: left;
		}

	.blink-gallery-4 .blink-figure {
		width: 25%;
	}
		.blink-gallery-4 .blink-figure:nth-child(4n+1) {
			clear: left;
		}

	.blink-gallery-5 .blink-figure {
		width: 20%;
	}
		.blink-gallery-5 .blink-figure:nth-child(5n+1) {
			clear: left;
		}

	.blink-gallery-6 .blink-figure {
		width: 16.66666%;
	}
		.blink-gallery-6 .blink-figure:nth-child(6n+1) {
			clear: left;
		}



.blink-gallery .blink-figure .blink-figure-image {
	position: relative;
}
.blink-gallery .blink-figure .blink-figure-image img {
	width: 100%;
	height: auto;
}

.blink-gallery .blink-figure .zoom_flag {
	position: absolute;
	top: 0;
	right: 0;
	display: block;
	opacity: 0;
	-webkit-transition: opacity .3s;
	transition: opacity .3s;
}
.blink-gallery .blink-figure.hover .zoom_flag,
.blink-gallery.touch .blink-figure .zoom_flag {
	opacity: 1;
}

.blink-gallery .blink-figure figcaption {
	font-size: 13px;
    color: #808080;
    margin-top: 10px;
    margin-bottom: 10px;
    line-height: 1.2em;
}

.pswp__element--disabled,
.pswp__caption--fake  {display: none;}

.pswp--open .pswp__bg {
	opacity: 0.9!important;
}

.pswp__caption__center {
	text-align: center;
    padding: 10px;
    color: #ffffff;
}

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

	.blink-gallery-5 .blink-figure {
		width: 33.333%;
	}
		.blink-gallery-5 .blink-figure:nth-child(5n+1) {
			clear: none;
		}
		.blink-gallery-5 .blink-figure:nth-child(3n+1) {
			clear: left;
		}
	.blink-gallery-6 .blink-figure {
		width: 33.3333%;
	}
		.blink-gallery-6 .blink-figure:nth-child(3n+1) {
			clear: left;
		}

}

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

	.blink-gallery-3 .blink-figure,
	.blink-gallery-4 .blink-figure,
	.blink-gallery-5 .blink-figure,
	.blink-gallery-6 .blink-figure {
		width: 50%;
	}
		.blink-gallery-3 .blink-figure:nth-child(2n+1),
		.blink-gallery-4 .blink-figure:nth-child(2n+1),
		.blink-gallery-5 .blink-figure:nth-child(2n+1),
		.blink-gallery-6 .blink-figure:nth-child(2n+1) {
			clear: left;
		}

		.blink-gallery-3 .blink-figure:nth-child(3n+1),
		.blink-gallery-5 .blink-figure:nth-child(3n+1),
		.blink-gallery-6 .blink-figure:nth-child(3n+1) {
			clear: none;
		}
}

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

	.blink-gallery-2 .blink-figure,
	.blink-gallery-3 .blink-figure,
	.blink-gallery-4 .blink-figure,
	.blink-gallery-5 .blink-figure,
	.blink-gallery-6 .blink-figure {
		width: 100%;
	}
}

/* BK-7896 Anadir zoom en imagenes de contenido con pswp */

.bck-i-fullscreen-wrapper {
	position: relative;
	display: inline-block;
}
.bck-i-fullscreen-wrapper:after {
	content: '';
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
.bck-i-fullscreen-wrapper .zoom_flag{
	position: absolute;
	right: 0;
	top: 0;
}



@media (max-width: 579px) {
	.libro-left ul li .title {
		display: block;
	}
}

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

#indice .units ul li a.delete {
	padding: 0;
	margin: -7px -12px 0 0;
}

body:not(.isTablet) #indice .units ul li:not(.disabled) a:hover,
#indice .units ul li.active a {
	color: #ffffff;
}

@media (min-width: 580px) {
	#indice .unit-content .content {
		display: block!important;
	}
}
@media (max-width: 579px) {
	.libro-right ul {
		height: 0;
	}
	.body_curso #wrapper.units {
		display: none;
	}
	.body_curso #indice .mini .unit-content {
		display: block!important;
		visibility: visible!important;
	}
	.body_curso #indice .mini .unit-content .header::after {
		content:"";
		position:absolute;
		top:0;
		left:0;
		width:100%;
		height:100%;
		background:rgba(165, 165, 165, 0.65);
	}
	.body_curso #indice .mini .unit-content.active .header::after {
		background:rgba(0, 0, 0, 0);
	}
	.body_curso #indice .unit-content .header {
		height: 40px;
	}
	.body_curso #indice .unit-content .header .title {
		font-size: 18px;
		height: auto;
		line-height: 40px;
		margin: 0 0 0 20px;
		position: absolute;
		z-index: 2;
	}
	.body_curso #indice .mini .unit-content .content {
		padding: 0;
		margin: 0;

	}
	.body_curso #indice .mini .unit-content .content .actividades,
	.body_curso #indice .mini .unit-content .content .material {
		margin-left: 15px;
		margin-right: 15px;
		padding-left: 0;
		padding-right: 0;
	}

	.body_curso #indice .unit-content .actividades .pags {
		font-size: 12px;
		line-height: 26px;
	}
	.body_curso #indice .unit-content .actividades .item:after {
		content: '';
  		display: block;
  		clear: both;
  		visibility: hidden;
  		line-height: 0;
  		height: 0;
	}
	.body_curso #indice .unit-content .actividades .item .text {
		clear: left;
		margin-left: 25px;
	}

	.body_curso #indice .unit-content .actividades .item .icon {
		float: left;
	}
	.body_curso #indice .unit-content .actividades .item .title {
		float: left;
		max-width: -moz-calc(100% - 88px);
		max-width: -webkit-calc(100% - 88px);
		max-width: calc(100% - 88px);
	}

}


/* Book index */
.libro-left ul li {
	float: left;
}
.libro-left ul li a.active {
	background-color: #3AC62A
}
.libro-left ul li a.book-index.active {
	background-color: #e3e3e3;
}

#book-index #wrapper.units {
	display: block;
	padding: 20px 0;
}

#book-index	{
	padding: 0;
	border-right: 0;
	-webkit-box-shadow: none;
	   -moz-box-shadow: none;
	        box-shadow: none;
	-webkit-transition: width .5s;
	-o-transition: width .5s;
	-moz-transition: width .5s;
	transition: width .5s;
	background-color: transparent;
	z-index: 110;
}

#book-index	> div {
	position: absolute;
	height: 100%;
	width: 100%;
}

#book-index .modal-backdrop,
#book-index .spinner {
	position: absolute;
}

#book-index .modal-backdrop {
	background-color: #e3e3e3;
}

#book-index .col-indice {
	padding: 0;
	position: absolute;
	z-index: 2;
	background: #e3e3e3;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

#book-index .col-indice > div {
	position: absolute;
	width: 100%;
}
#book-index .iScrollIndicator {
	border: 0!important;
	background: rgba(255,255,255,.4)!important;
}

#book-index #goToPage {
	position: relative;
	padding: 20px 30px 11px;
	color: #666;
	font-size: 16px;
	font-weight: bold;
}

#book-index #goToPage input {
	margin-left: 10px;
	padding: 0 10px;
}

#book-index #goToPage .no-exists {
	position: absolute;
	top: 55px;
	left: 30px;
	font-weight: normal;
	color: #f00;
}

#book-index #indice .units ul li {
	background: none;
	-webkit-border-radius: 0;
	   -moz-border-radius: 0;
	        border-radius: 0;
	margin-bottom: 0;
}

#book-index #indice .units ul li a:not(.delete) {
	color: #4b4b4b;
	position: relative;
	padding: 10px 30px 10px 30px;
}

#book-index #indice .units ul li a {
	display: flex;
	align-items: center;
}
body:not(.isTablet) #book-index #indice .units ul li:not(.disabled) a:hover,
#book-index #indice .units ul li.active a {
	color: #ffffff;
	background: #8ebb1e;
}
#book-index #indice .units ul li a .title {
	margin: 0;
	font-size: 16px;
}
#book-index #indice .units ul li a .number {
	visibility: hidden;
	display: none;
	width: 28px;
	text-align: right;
	font-size: 16px;
	color: #4b4b4b;
	position: absolute;
	top: 9px;
	left: 15px;
}

#book-index #indice .units ul li a .image {
    border-radius: 50%;
    border: 2px solid #FFF;
	overflow: hidden;
	width: 46px;
	height: 46px;
    margin-right: 14px;
}
#book-index #indice .units ul li a .image img {
	width: 42px;
	height: 42px;
}
#book-index #indice .units ul li.active a .image {
	width: 50px;
	height: 50px;
	margin-right: 10px;
}
#book-index #indice .units ul li.active a .image img {
	width: 46px;
	height: 46px;
}
body:not(.isTablet) #book-index #indice .units ul li:not(.disabled) a:hover .number,
#book-index #indice .units ul li.active a .number {
	color: #ffffff;
}


#book-index .col-main {
	top: 0;
	left: 0;
	z-index: 1;
	background: #8ebb1e;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
       -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
            box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}

#book-index .col-main .header {
	display: none;
}

#book-index #indice .unit-content {
	margin-top: 0;
	background: none;
	-webkit-border-radius: 0;
	   -moz-border-radius: 0;
	        border-radius: 0;
	padding: 20px;
	margin-bottom: 0;
}

#book-index #indice .unit-content .content,
#book-index #indice .unit-content .actividades {
	padding: 0;
	margin-top: 0;
}

#book-index #indice .unit-content .content .title-buttons {
	top: auto;
	text-align: left;
	border-bottom: 1px solid #ffffff;
	padding:0 0 12px 0;
	margin: 0 0 20px 0;
}
#book-index #indice .unit-content .content .title-buttons .btn {
	background: none;
	font-size: 14px;
	color: #ffffff;
	padding: 0;
}

#book-index #indice .unit-content .actividades,
#book-index #indice .unit-content .material {
	border-top: 0;
	margin-bottom: 40px;
}

#book-index #indice .unit-content .actividades:last-child,
#book-index #indice .unit-content .material {
	margin-bottom: 0;
}

#book-index #indice .unit-content a {
	color: #ffffff;
}

#book-index #indice .unit-content .actividades .item {
	border-bottom: 0;
	opacity: 0.6;
	-webkit-transition: opacity .5s;
	-o-transition: opacity .5s;
	-moz-transition: opacity .5s;
	transition: opacity .5s;
	padding-left: 0;
}
body:not(.isTablet) #book-index #indice .unit-content .actividades .item:hover,
#book-index #indice .unit-content .actividades .item.active,
#book-index #indice .unit-content .actividades .item.current {
	opacity: 1;
}

#book-index #indice .unit-content .actividades .item .icon-deberes {
	background-image: url(../../../images/shared/checkbox-sprite-v2.png);
	background-repeat: no-repeat;
	background-position: 0 -50px;
}
#book-index #indice .unit-content .actividades .item .icon-deberes.off {
	background-position: 0 0 ;
}

#book-index #indice .unit-content .actividades .item a {
	display: flex;
	align-items: center;
}
#book-index #indice .unit-content .actividades .item .activity-image {
    border-radius: 50%;
    border: 2px solid #FFF;
	overflow: hidden;
	width: 46px;
	height: 46px;
	margin-right: 14px;
	background-color: #000;
}
#book-index #indice .unit-content .actividades .item .activity-image img {
	width: 42px;
	height: 42px;
}
#book-index #indice .unit-content .actividades .item.current .activity-image {
	width: 50px;
	height: 50px;
	margin-right: 10px;
}
#book-index #indice .unit-content .actividades .item.current .activity-image img {
	width: 46px;
	height: 46px;
}
#book-index #indice .unit-content .actividades .item .title {
	max-width: 100%;
	font-size: 15px;
	font-size: 1.5rem;
	font-weight: bold;
	margin-top: 4px;
}
#book-index #indice .unit-content .actividades .item .text {
	color: #ffffff;
	font-size: 14px;
	margin-left: 0;
}
#book-index #indice .unit-content .actividades .pags {
	display: none;
	font-size: 12px;
	line-height: 26px;
}
#book-index #indice .unit-content .actividades .nota {
	display: none;
}

#book-index #indice .unit-content .actividades .item .acceso {
	cursor: default;
}
#book-index #indice .unit-content .actividades .item .acceso:before {
	font-family: 'FontAwesome';
	content: '\f13e';
	font-style: normal !important;
	font-weight: normal !important;
	font-variant: normal !important;
	text-transform: none !important;
	speak: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	background: none;
	color: #ffffff;
	font-size: 16px;
	top: 4px;
}
#book-index #indice .unit-content .actividades .item .acceso.lock:before {
	content: '\f023';
}


#book-index #indice .unit-content .material {
	padding: 0;
	margin-right: -20px;
}
#book-index #indice .unit-content .material ul {
	min-height: 100px;
}
#book-index #indice .unit-content .material .item {
	margin: 10px 26px 10px 0;
	width: 65px;
}

#book-index #indice .unit-content .material .item .imagen {
	width: 65px;
	height: 65px;
	border: 2px solid #ffffff;
}

#book-index #indice .unit-content .material .item .imagen:before {
	width: 65px;
	height: 65px;
}

#book-index #indice .unit-content .material .item .imagen:after {
	 -webkit-background-size: 65px 65px;
	    -moz-background-size: 65px 65px;
	      -o-background-size: 65px 65px;
	         background-size: 65px 65px;
	 width: 65px;
	height: 65px;
}
#book-index #indice .unit-content .material .item .title {
	font-size: 12px;
	font-size: 1.2rem;
	line-height: 1.25em;
	display: block;
}

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: #ffffff;
}
#goback {
	display: none;
}

#help-panel-error {
	position: fixed;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	   -moz-transform: translate(-50%, -50%);
	    -ms-transform: translate(-50%, -50%);
	     -o-transform: translate(-50%, -50%);
	        transform: translate(-50%, -50%);
	z-index: 10;
	background-color: #f7b161;
	color: white;
	margin-top: 20px;
	padding: 5px 10px;
}




@media (max-width: 767px) {
	#book-index .col-indice {
		margin: 0;
	}
	#book-index #goToPage {
		padding-top: 60px;
	}

	#book-index #goToPage .no-exists {
		top: 95px;
	}
	#book-index #goToPage.hidden + #wrapper.units {
		padding-top: 60px;
	}

	#book-index #indice .unit-content {
		padding-top: 90px;
	}
	body:not(.isTablet) #indice .units ul li:hover:not(.disabled),
	#indice .units ul li:focus:not(.disabled) {
		background-color: #cbcbcb;
	}
	#indice .units ul li.active:not(.disabled) {
		background-color: #3AC62A;
	}
}

@media (max-width: 579px) {
	#goback {
		display: inline-block;
		font-size: 12px;
		position: absolute;
		top: 0;
		left: 0;
	}
	#goback .fa {
		margin-right: 4px;
		display: inline-block;
		vertical-align: middle;
		font-size: 11px;
	}


	#book-index .col-main .header {
		display: block;
		color: #414141;
		height: auto;
		position: relative;
		padding: 40px 10px 0 0;
	}
	#book-index .col-main .header .title {
		color: #ffffff;
		height: auto;
		margin: 0 0 40px 0;
	}
	#book-index .col-main {
		width: 220px;
		width: -moz-calc(100vw - 100px);
 	 	width: -webkit-calc(100vw - 100px);
  		width: calc(100vw - 100px);
		left: -220px;
		left: -100vw;
	}


	#book-index #indice .units ul li .title {
		padding: 1px 0;
	}

}


@media (max-width: 422px) {
	#book-index #goToPage {
		padding-top: 105px;
	}

	#book-index #goToPage .no-exists {
		top: 140px;
	}
	#book-index #goToPage.hidden + #wrapper.units {
		padding-top: 105px;
	}
}

/* Nuevo claustro */

.comunidad > .title-buttons {
	display: none;
}

#alumnos .items-profesor .title2,
.comunidad #tituloAlumnos,
.comunidad #tituloClase {
	display: block;
	font-size: 16px;
	font-weight: 600;
	color: #4b4b4b;
	border-bottom: 1px solid #c2c2c2;
	padding-bottom: 9px;
	margin-bottom: 20px;
	text-align: left;
}

#alumnos .items-profesor .fichas ul li {
	width: 40px;
	height: 40px;
	padding: 0;
}
#alumnos .items-profesor .fichas ul li img {
	width: 40px;
	height: 40px;
}

.comunidad .ficha_alumno {
	float: left;
	width: 40px;
	height: 40px;
	margin: 0 9px 9px 0;
}
.comunidad .ficha_alumno .imagen_miembro {
	width: 40px;
	height: 40px;
	overflow: hidden;
	border-radius: 6px;
}
.comunidad .ficha_alumno img {
	width: 40px;
	height: auto;

}

.comunidad .detalle_clase {
	display: none;
}

.comunidad .imagen_miembro .tooltip-inner,
#alumnos .items-profesor .fichas .tooltip .tooltip-inner {
	font-size: 15px;
	font-weight: 600;
	color: #ffffff;
	background-color: #4b4b4b;
}
.comunidad .imagen_miembro .tooltip.top .tooltip-arrow,
#alumnos .items-profesor .fichas .tooltip .tooltip-arrow {
	border-top-color: #4b4b4b;
}


#alumnos .items-profesor .fichas .reenviar a {
	background-color: #dbdbdb;
}

#alumnos .items .sfilter ul li {
	background-color: #fff;
}

.comunidad #mensajes {
	text-align: left;
}

.comunidad #mensajes .reply-bt {
	text-align: right;
}


@media screen and (max-width: 992px) and (min-width: 580px) {
	.comunidad #mensajes .content-box {
		margin: 0;
	}
}

/* General Side Panel */

.side-panel {
	position: fixed;
	width: 380px;
	height: 100%;
	z-index: 9001;
	left: -380px;
	background: #ededed;
	top: 44px;
	box-shadow: 0 0 9px rgba(0,0,0,.3);
	-webkit-transition: left .5s;
	transition: .5s;
}
.side-panel.active {
	left: 0;
}

.side-panel-section {
	padding: 20px;
}
.side-panel-section + .side-panel-section {
	padding-top: 0;
}

.side-panel-section .checkbox-option {
	display:none;
}
.side-panel .title-buttons {
	position: relative;
	top: auto;
	text-align: center;
	margin-bottom: 0;
}

.side-panel .title-buttons:before {
	content: '';
	width: 100%;
	height: 1px;
	background: #c8c8c8;
	position: absolute;
	top: 50%;
	left: 0;
}

.side-panel .checkbox-option label.filter-label {
	color: #989898;
	font-size: 15px;
	font-size: 1.5rem;
}

@media (max-width: 400px) {
	.side-panel {
		width: 90vw;
		left: -90vw;
	}
}

/* Search form */
.search-form {
	position: relative;
}
.search-input {
	border: 1px solid #dadada;
	background: #ffffff;
	border-radius: 100px;
	outline: none;
	padding: 10px 60px 10px 20px;
	height: 44px;
	width: 100%;

}
.search-button {
	background: #3AC62A;
	color: #ffffff;
	display: inline-block;
	border-radius: 0 100px 100px 0;
	padding: 10px 20px;
	font-size: 20px;
	height: 44px;
	position: absolute;
	top: 0;
	right: -1px;
}
.search-button:before {
	content: '';
	width: 0;
	height: 0;
	display: block;
	border-color: transparent #3AC62A transparent transparent;
	border-width: 6px 8px;
	border-style: solid;
	position: absolute;
	left: -16px;
	top: 50%;
	margin-top: -6px;
}
.search-button:hover,
.search-button:focus,
.search-button:active {
	color: #ffffff;
}


/* Search Side Panel */

#search-side-panel {

}

#search-side-panel .search-form {

}

.search-side-panel-results {
	height: 200px;
	overflow-x: hidden;
	overflow-y: hidden;
	background: #ffffff;
	padding: 0;
	margin: 0 20px;
	position: relative;
	border-radius: 6px 6px 0 0;
}

.search-side-panel-results > div {
	position: absolute;
	width: 100%;
}

.search-side-panel-results-inner {
	padding: 40px 0 0;
}
.search-side-panel-results .title-buttons {
	margin: -17px 20px;
}
.search-side-panel-results ul {

}

.search-side-panel-results ul li {
	padding: 0 20px 8px;
	border-bottom: 1px solid #e5e5e5;
}

.search-side-panel-results ul li:hover {
	background: #c0ed88;
	color: #282828;
}

.search-side-panel-results ul li a {
	padding: 20px 0 0;
	display: block;
	color: #282828;
}

.search-side-panel-results ul li.disabled a {
	color: #757575;
}

.search-side-panel-results ul li:first-child a {
	padding-top: 37px;
}

.search-side-panel-results ul li:last-child {
	border-bottom: 0;
	padding-bottom: 37px;
}

.search-side-panel-results ul li a span {
	font-weight: bold;
}

.search-side-panel-results ul li p.subtitle{
	margin-bottom: 0px;
    font-size: 12px;
    font-weight: bold;
}

.search-side-panel-results ul li p.tags{
	margin-bottom: 0px;
    font-size: 12px;
}

.search-side-panel-results ul li p.description{
	margin-bottom: 0px;
    font-size: 0.8em; /* BK-19718 */
}

.search-side-panel-results ul li p.page{
	float: right;
    margin-top: -21.5px;
    font-size: 12px;
}

.search-error{
	padding: 0 10px;
	text-align: center;
}

/*****GENERAL*****/

.video-js, .ie .video-js {
	width: 100%;
}

.video-js .vjs-control-bar {
	background-color: #2A2925;
	border-radius: 30px;
}

/* Buttons */

.video-js .vjs-play-control:before,
.video-js .vjs-play-control.vjs-playing:before,
.video-js .vjs-play-control.vjs-paused:before,
.video-js .vjs-volume-menu-button:before,
.video-js .vjs-vol-2.vjs-volume-menu-button:before,
.video-js .vjs-vol-1.vjs-volume-menu-button:before,
.video-js .vjs-vol-0.vjs-volume-menu-button:before,
.video-js .vjs-fullscreen-control:before,
.video-js.vjs-fullscreen .vjs-fullscreen-control:before {
	content: none;
}

.video-js .vjs-play-control {
	background: url(../../../images/jwplayer/play.png) 50% 50% / 15px 15px no-repeat;
}

.video-js .vjs-play-control.vjs-playing  {
	background: url(../../../images/jwplayer/pause.png) 50% 50% / 15px 15px no-repeat;
}

.video-js .vjs-stop {
	margin-right: 5px;
	background: url(../../../images/jwplayer/stop.png) 50% 50% / 15px 15px no-repeat;
}

.video-js .vjs-close {
	margin-right: 5px;
	background: url(../../../images/jwplayer/close.png) 50% 50% / 15px 15px no-repeat;
}

.video-js .vjs-volume-menu-button {
	background: url(../../../images/jwplayer/audio.png) 50% 50% / 15px 15px no-repeat;
}

.video-js .vjs-fullscreen-control {
	background: url(../../../images/jwplayer/aumentar.png) 50% 50% / 15px 15px no-repeat;
}

.video-js.vjs-fullscreen .vjs-fullscreen-control {
	background: url(../../../images/jwplayer/disminuir.png) 50% 50% / 15px 15px no-repeat;
}

/* Time Controls */

.video-js .vjs-current-time {
	display: block;
	padding-left: 0;
}

.video-js .vjs-duration {
	display: block;
}

.video-js .vjs-time-control {
	font-size: 1.2em;
	line-height: 3.4em;
}

/* Slider */

.video-js .vjs-slider {
	background-color: #fff;
}

.video-js .vjs-progress-holder .vjs-play-progress {
	background-color: #3AC62A;
}

.video-js .vjs-progress-holder .vjs-load-progress {
	background-color: #242424;
	background-color: rgba(36, 36, 36, 0.8);
}

.video-js .vjs-play-progress:before {
	font-size: 1.5em;
}

.video-js .vjs-progress-holder,
.video-js .vjs-progress-holder .vjs-play-progress,
.video-js .vjs-progress-holder .vjs-load-progress {
	height: 0.5em;
}

.video-js .vjs-control-text,
.video-js .vjs-progress-holder .vjs-load-progress div,
.video-js .vjs-progress-control:hover .vjs-play-progress:after {
	display: none;
}

/*****AUDIOS*****/

.audio.video-js {
	background-color: transparent;
	height: 4em;
}

.audio.video-js .vjs-control-bar {
	height: 100%;
}

.audio.video-js .vjs-play-control {
	margin-left: 5px;
}

.audio.video-js .vjs-duration {
	padding-right: 0;
}

/*****VIDEOS*****/

.video.video-js {
	height: 100%;
}

/*BK-17229 Arreglo en chrome se oculta la imagen de portada al hacer over en videos por debajo del scroll*/
.video.video-js .vjs-poster {
	z-index: 100;
}
.video.video-js .vjs-big-play-button {
	z-index: 101;
}
/*Fin BK-17229*/

.video.video-js .vjs-tech {
	position: relative;
}

.video.video-js.vjs-youtube .vjs-poster {
	background-size: initial;
}

.video.video-js .vjs-big-play-button {
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}

.video.video-js .vjs-control-bar {
	height: 4em;
	width: 90%;
	left: 5%;
	margin-bottom: 1em;
}

.video.video-js .vjs-play-control {
	margin-left: 0.5em;
}

.video.video-js .vjs-current-time {
	width: 3.5em;
	padding-right: 0;
}

.video.video-js .vjs-duration {
	width: 3.5em;
	padding-right: 0;
	padding-left: 0;
}

.video.video-js .vjs-control.vjs-button {
	width: 3.5em;
	font-size: 1.2em;
	line-height: 3.4em;
}

.video.video-js .vjs-control-bar button:last-of-type {
    margin-right: 0.5em;
}

.video.video-js .vjs-volume-bar.vjs-slider-vertical {
	line-height: 10px;
}

.video.video-js .vjs-slider-vertical .vjs-volume-level:before {
	top: -0.4em;
	left: -0.4em;
}

.video.video-js .vjs-texttrack-settings {
	display: none;
}

.video.video-js .single-caption:after {
	content: "";
	background: #3AC62A;
	width: 0;
	height: 4px;
	position: absolute;
	bottom: 6px;
	left: 50%;
	border-radius: 8px;
	transition: width 0.3s, left 0.3s;
}

.video.video-js .single-caption.on:after {
	left: 25%;
	width: 50%;
}

.video.video-js .single-caption .vjs-menu {
	display: none !important;
}

.view-mode .bck-video-container2 {
	height: 100%;
	width: 100%;
}

.view-mode .bck-video-container2 .bck-video-player {
	width: 100%;
	-webkit-transition: width 0.5s; /* Safari */
	transition: width 0.5s;
}

.view-mode .bck-video-container2.transcript .bck-video-player {
	float: left;
	width: 70%;
	height: 100%;
}

.view-mode .bck-video-vtt {
	display: inline-block;
	text-align: center;
	margin: 5px;
}

.view-mode .bck-video-vtt.hidden {
	display: none;
}

.view-mode .bck-sidebar-transcript {
	position: absolute;
	top: 0;
	right: -30%;
	-webkit-transition: right 0.5s; /* Safari */
	transition: right 0.5s;
	width: 30%;
	height: 100%;
	background-color: #32415f;
	font-family: Arial, sans-serif;
	display: none;
	float: left;
}

.view-mode .bck-sidebar-transcript.showing {
   display: inline-block;
   right: 0;    
   -webkit-animation: slide-right 0.5s ease-out;
   -moz-animation: slide-right 0.5s ease-out;
   -o-animation: slide-right 0.5s ease-out;
   -ms-animation: slide-right 0.5s ease-out;
}

@-webkit-keyframes slide-right {
      0% { opacity: 0; -webkit-transform: translateX(100%); }   
    100% { opacity: 1; -webkit-transform: translateX(0); }
}
@-moz-keyframes slide-right {
    0% { opacity: 0; -moz-transform: translateX(100%); }   
    100% { opacity: 1; -moz-transform: translateX(0); }
}
@-ms-keyframes slide-right {
    0% { opacity: 0; -ms-transform: translateX(100%); }   
    100% { opacity: 1; -ms-transform: translateX(0); }
}
@-o-keyframes slide-right {
    0% { opacity: 0; -o-transform: translateX(100%); }   
    100% { opacity: 1; -o-transform: translateX(0); }
}

.view-mode .bck-sidebar-transcript h3 {
	padding: 20px;
	margin: 0;
	font-size: 14px;
	color: #fff;
	text-align: left;
}

.view-mode .bck-view-transcript.btn {
	background-color: transparent;
	padding: 0 10px;
}

.view-mode .fa-file-text-o {
	color: #fff;
}

/* SearchBox */

.view-mode #searchbox {
	width: 90%;
	margin: 2% auto;
	outline: none;
	height: 10%;
}

.view-mode #searchbox #match {
	color: white;
}

.view-mode #searchbox input {
	display: block;
	line-height: 20px;
	font-size: 13px;
	color: #000;
	width: 100%;
	padding: 5px 15px;
	border-radius: 3px;
	border: none;
}

.view-mode #searchbox span {
	right: 10px;
	top: 6px;
	line-height: 20px;
	font-size: 13px;
	color: #000;
}

/* Container */

.view-mode #transcript {
	height: 88%;
	outline: none;
	overflow: auto;
	padding: 10px 20px;
}

.view-mode #transcript span {
	display: inline;
	padding: 4px 2px;
	line-height: 24px;
	cursor: pointer;
	color: #fff;
}

.view-mode #transcript span em {
	font-style: normal;
	background: #666;
	color: #FFF;
}

.view-mode #transcript span em.current {
	background: #ff0046;
}

.view-mode #transcript span:hover {
	color: #4cffb9;
	background: #32415f;
}

.view-mode #transcript .transcript-line {
	display: inline;
}

.view-mode #transcript .transcript-line.is-active {
	background: #4cffb9;
}

.view-mode #transcript .transcript-line.is-active span:hover {
	color: #4cffb9;
	background: #32415f;
}

.view-mode #transcript .transcript-line.is-active span{
	color: #32415f;
}

.view-mode #transcript .transcript-line.is-active:hover {
    background: transparent;
}

.view-mode #transcript .transcript-line .transcript-timestamp {
	display: none;
}

.color-picker-container{
	margin: 0 auto;
	padding-top: 10px;
}

.color-picker-container {

}
.color-picker-container .opacity-parent .slider-horizontal{
	width: 100%;
}

.color-picker-container .opacity-parent {
	margin-bottom: 15px;
}

.color-picker-container .colors-list,
.color-picker-container .colors-list label{
	margin: 10px 0px;
}

.color-picker-container ul .color{
	list-style: none;
	display: inline-block;
	width: 34px;
	height: 34px;
	margin: 4px;
	border: 2px solid #fff;
	border-radius: 100%;
	box-shadow: 0px 3px 9px rgba(0,0,0,0.3);
	cursor: pointer;

	-webkit-transition: border .3s ease;
	-moz-transition: border .3s ease;
	-ms-transition: border .3s ease;
	-o-transition: border .3s ease;
	transition: border .3s ease;
}

.color-picker-container ul .color.default{
	background-color: gainsboro;
}

.color-picker-container ul .color.default:before{
	content: "";
    width: 30px;
     background-color: #aaa;
    transform: rotate(-45deg);
    height: 2px;
    margin: 14px 0px;
    line-height: 0px;
    position: absolute;
}

.color-picker-container ul li:hover,
.color-picker-container ul li:focus {
	border: 2px solid transparent;
}

.color-picker-container ul li.active:after {
    content: " ";
    display: inline-block;
    position: absolute;
    width: 34px;
    height: 34px;
    background: transparent url('/themes/responsive/images/shared/tick.png') no-repeat 4px 7px;
}

.form-control.inline{
	width: 10%;
	display: inline;
}

.popover-content .thickness-parent {
	margin-bottom: 15px;
}

.popover-content .thickness-parent .slider-horizontal {
	width: 270px
}

.popover-content .popover-colors-parent {
	padding: 30px
}

.popover-content .colors ul li {
	list-style: none;
	display: inline-block;
	width: 45px;
	height: 45px;
	margin: 4px;
	border: 2px solid #fff;
	border-radius: 100%;
	box-shadow: 0px 3px 9px rgba(0,0,0,0.3);
	cursor: pointer;

	-webkit-transition: border .3s ease;
	-moz-transition: border .3s ease;
	-ms-transition: border .3s ease;
	-o-transition: border .3s ease;
	transition: border .3s ease;
}

.popover-content .colors ul li:hover,
.popover-content .colors ul li:focus {
	border: 2px solid transparent;
}

.popover-content .colors ul li.active {
	background: transparent url('/themes/responsive/images/shared/tick.png') no-repeat 9px 12px;
}
.popover-content .fontsize-parent {
	margin-bottom: 15px;
}

.popover-content .fontsize-parent .slider-horizontal {
	width: 230px;
}

.popover-content .popover-fontsize-parent {
	position: relative;
	padding: 30px;
}

.popover-content .fontsize-reset {
	position: absolute;
	bottom: 35px;
	right: 20px;
	width: 54px;
	height: 54px;
	background: url(../../../images/shared/tools.png);
	cursor: pointer;
}

.popover-recursos-wrapper {
	overflow-y: auto
}

#popover-recursos-empty-msg {
	padding: 0 10px 10px 10px
}

.resource-hidden-desc .resource-nombre {
	margin-top: 15px;
}
.resource-hidden-desc .resource-desc {
	display: none
}

.navbar .recursos .resource-drag .resource-text {
	display: block;
	display: -webkit-box;
	max-height: 60px;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;

}

.navbar .recursos .resource-drag .resource-nombre {
	font-weight: bold;
    display: block;
    display: -webkit-box;
    min-height: 36px;
    margin: 0 auto;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 8px;
}



.navbar .recursos ul li .resource-info {
	position: relative;

}

.edit .navbar .recursos ul li .resource-info {
	margin-right: 60px;
	margin-left:20px;
}

.navbar .recursos ul li .resource-info:focus, .edit .navbar .recursos ul li .resource-info:focus {
	outline-color: transparent;
}

.navbar .recursos ul li .imagen {
	float:left;
	margin-right: 10px;
}

.navbar .recursos .add {
	position: absolute;
	width: 30px;
	height: 30px;
	top: 9px;
	right: 20px;
	background: #3AC62A url(../../../images/shared/controls.png) no-repeat -30px 0;
	border-radius: 100%;
	display: none;
}

.navbar .recursos .filter {
	display: none;
	background-color: #dbdbdb;
	padding: 20px;
}

	.navbar .recursos .filter a {
		text-decoration: none;
		display: inline-block;
		margin-right: 12px;
		opacity: .5;
		filter: alpha(opacity=50);
		height: 28px;
		width: 28px;
	}
	.navbar .recursos .filter a:before {
		content: '';
		display: inline-block;
		width: 28px;
		height: 28px;
		background-repeat: no-repeat;
		background-position: center center;
		background-color: transparent;
		background-size: contain;
	}
	.navbar .recursos .filter a.icon-img-add:before {
		background-image: url(../../../images/contenido/recurso-icon-img-add.png);
	}
	.navbar .recursos .filter a.icon-musica-add:before {
		background-image: url(../../../images/contenido/recurso-icon-musica-add.png);
	}
	.navbar .recursos .filter a.icon-video-add:before {
		background-image: url(../../../images/contenido/recurso-icon-video-add.png);
	}
	.navbar .recursos .filter a.icon-url-add,
	.navbar .recursos .filter a.icon-url-add:before {
		width: 38px;
	}
	.navbar .recursos .filter a.icon-url-add:before {
		background-image: url(../../../images/contenido/recurso-icon-url-add.png);
	}
	.navbar .recursos .filter a.icon-archivo-add:before {
		background-image: url(../../../images/contenido/recurso-icon-archivo-add.png);
	}
	.navbar .recursos .filter a.icon-libro-add:before {
		background-image: url(../../../images/contenido/recurso-icon-libro-add.png);
	}
	.navbar .recursos .filter a.icon-actividad-add:before {
		background-image: url(../../../images/contenido/recurso-icon-actividad-add.png);
	}


	.navbar .recursos .filter a:last-child {
		margin-right: 0;
	}

	.navbar .recursos .filter a:hover {
		opacity: 1;
		filter: alpha(opacity=100);
	}

.navbar .recursos ul {
	padding: 0 20px 20px 20px;
}

.navbar .recursos ul li {
	list-style: none;
	margin-top: 10px;
	padding-top: 10px;
	border-top: 1px solid #e1e1e1;
	font-size: 13px;
	line-height: 20px;
}

.navbar .recursos ul li:first-child {
	border-top: 0px;
}

.navbar .recursos ul li div .imagen:after {
	position: absolute;
	top: -24px;
    left: -24px;
	-webkit-transform: scale(.6);
		-ms-transform: scale(.6);
			transform: scale(.6);
}

.edit .navbar .recursos ul li div .imagen:after {
	left:-20px;
}

.navbar .recursos ul li div .imagen.archivo:after { content: url(../../../images/contenido/recurso-icon-archivo.png); }
.navbar .recursos ul li div .imagen.video:after { content: url(../../../images/contenido/recurso-icon-video.png); }
.navbar .recursos ul li div .imagen.img:after { content: url(../../../images/contenido/recurso-icon-img.png); }
.navbar .recursos ul li div .imagen.libro:after { content: url(../../../images/contenido/recurso-icon-libro.png); }
.navbar .recursos ul li div .imagen.url:after { content: url(../../../images/contenido/recurso-icon-url.png); }
.navbar .recursos ul li div .imagen.musica:after { content: url(../../../images/contenido/recurso-icon-musica.png); }
.navbar .recursos ul li div .imagen.actividad:after { content: url(../../../images/contenido/recurso-icon-actividad.png); }

.navbar .recursos ul li div .imagen img {
	width: 53px;
	height: 53px;
	border-radius: 100%;
}

.navbar .recursos ul li span {
}

.navbar .recursos ul li .controls {
	float: right;
	margin: 10px 0 0 0;
	display: none;
}

.navbar .recursos ul li .controls a {
	display: inline-block;
	width: 30px;
	height: 30px;
	border-radius: 100%;
}

.navbar .recursos ul li .controls a.edit {
	background: transparent url(../../../images/shared/activ-icon-edit.png) no-repeat center center;
}

.navbar .recursos ul li .controls a.delete {
	background: #fc4237 url(../../../images/shared/controls.png) no-repeat 0 0;
}

.navbar .recursos ul li .controles2 {
	float:right;
}

.navbar .recursos .sortBehaviourEnabled ul li.resource-drag a.sort {
   /* padding: 0;
    background: transparent;
    float: right;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid grey;
    transform: rotate(-45deg);
    transform: translate(6px, 6px) rotate(-45deg);*/

	background: transparent;
    display: inline;
    cursor: ns-resize;
   	 width: 25px;
    height: 21px;
    border-left: 1px dotted grey;
    transform: translate(0px, 15px);
    float: left;
}

.navbar .recursos .sortBehaviourEnabled ul li.resource-drag a.sort:after {
/*    position: absolute;
    left: -7px;
    top: -8px;
    height: 2px;
    background: grey;
    content: "";
    width: 14px;
    display: block;*/

	height: 21px;
    border-left: 1px dotted grey;
    content: "";
    transform: translate(5px, -21px);
    display: block;
}
.navbar .recursos .sortBehaviourEnabled ul li.resource-drag a.sort:before {
/*    position: absolute;
    left: -7px;
    top: -8px;
    height: 2px;
    background: grey;
    content: "";
    width: 14px;
    display: block;*/

	height: 21px;
    border-left: 1px dotted grey;
    content: "";
    transform: translate(2px, 0px);
    display: block;
}

/*LOADER*/
.loader {
	animation: spin 3s linear normal infinite;
	background: #262E2A;
	border-radius: 50%;
	height: 120px;
	width: 120px;
  }
  .loader:before {
	background: #262E2A;
	border-radius: 50%;
	content: '';
	display: block;
	height: 0.5em;
	width: 0.5em;
	z-index: 2;
  }
  
  .loader:after {
	background: #262E2A;
	border-radius: 50%;
	box-shadow: 0em -2.60em #262E2A,
	  2.25em -4.02em #262E2A,
	  2.25em -1.25em #262E2A,
	  4.60em 0em #262E2A,
	  2.25em 1.25em #262E2A,
	  2.25em 4.02em #262E2A,
	  0em 2.60em #262E2A,
	  -2.25em 4.02em #262E2A,
	  -2.25em 1.25em #262E2A,
	  -4.60em 0em #262E2A ,
	  -2.25em -1.25em #262E2A,
	  -2.25em -4.02em #262E2A ;
	content: '';
	display: block;
	height: 2em;
	width: 2em;
  }
  
  .inner {
	animation: load 1.5s linear normal infinite;
	border: solid 1px #262E2A;
	border-radius: 50%;
	height: 1.75em;
	width: 1.75em;
	z-index: 1;
  }
  
  .loader, .loader:before, .loader:after, .inner {
	bottom: 0;
	left: 0;
	margin: auto;
	position: absolute;
	right: 0;
	top: 0;
  }
  
  
  @keyframes load {
	0% {
	  box-shadow: 0em -2.60em #3AC62A,
		2.25em -1.25em #3AC62A,
		2.25em 1.25em #262E2A,
		0em 2.60em #262E2A,
		-2.25em 1.25em #262E2A,
		-2.25em -1.25em #3AC62A;
	}
	20% {
	  box-shadow: 0em -2.60em #3AC62A,
		2.25em -1.25em #262E2A,
		2.25em 1.25em #262E2A,
		0em 2.60em #262E2A,
		-2.25em 1.25em #3AC62A,
		-2.25em -1.25em #3AC62A;
	}
	35% {
	  box-shadow: 0em -2.60em #262E2A,
		2.25em -1.25em #262E2A,
		2.25em 1.25em #262E2A,
		0em 2.60em #3AC62A,
		-2.25em 1.25em #3AC62A,
		-2.25em -1.25em #3AC62A;
	}
	50% {
	  box-shadow: 0em -2.60em #262E2A,
		2.25em -1.25em #262E2A,
		2.25em 1.25em #3AC62A,
		0em 2.60em #3AC62A,
		-2.25em 1.25em #3AC62A,
		-2.25em -1.25em #262E2A;
	}
	65% {
	  box-shadow: 0em -2.60em #262E2A,
		2.25em -1.25em #3AC62A,
		2.25em 1.25em #3AC62A,
		0em 2.60em #3AC62A,
		-2.25em 1.25em #262E2A,
		-2.25em -1.25em #262E2A;
	}
	80% {
	  box-shadow: 0em -2.60em #3AC62A,
		2.25em -1.25em #3AC62A,
		2.25em 1.25em #3AC62A,
		0em 2.60em #262E2A,
		-2.25em 1.25em #262E2A,
		-2.25em -1.25em #262E2A;
	}
	100% {
	  box-shadow: 0em -2.60em #3AC62A,
		2.25em -1.25em #3AC62A,
		2.25em 1.25em #262E2A,
		0em 2.60em #262E2A,
		-2.25em 1.25em #262E2A,
		-2.25em -1.25em #3AC62A;
	}
  }
  
  @keyframes spin {
	0% {
	  transform: rotate(0deg);
	}
	100% {
	  transform: rotate(360deg);
	}
  }
  
  /*fin load*/
  
  @media print{
  
	body{overflow:auto !important;}
	body > .js-slider-item *{
	  visibility: visible!important;
	}
	body > .activity-container *{
	  visibility: visible!important;
	}
	body > .js-slider-item {
		max-width: 960px;
		margin: 0 auto;
	}
  /* Clasificar */
	.workspace.clasificar .clasificar_lista {
	  text-align: center;
	  margin-bottom: 20px;
	}
  
	/*BK-10884*/
	.workspace.clasificar .clasificar_lista > ul {
	  min-height: 70px;
	}
  
	.workspace.clasificar .clasificar_lista .classify-item {
	  margin: 2px;
	  min-width: 100px;
	  border: 3px solid #d8d8d8;
	  display: inline-block;
	  -webkit-border-radius: 4px;
		 -moz-border-radius: 4px;
			  border-radius: 4px;
	  cursor: pointer;
	}
  
	.workspace.clasificar .clasificar_lista img,
	.workspace.clasificar .clasificar_conjuntos img {
	  max-width: 200px;
	}
  
	/*.workspace.clasificar .clasificar_conjuntos img {
	  max-width: 100%;
	}*/
  
	.workspace.clasificar .clasificar_lista .respuesta_over {
	  background-color: #f4f4f4;
	}
  
	.workspace.clasificar .clasificar_lista .respuesta_checked {
	  background-color: #e8e8e8;
	}
  
	.workspace.clasificar .clasificar_lista table {
	  width: 100%;
	}
  
	.workspace.clasificar .clasificar_lista li > p {
	  margin: 0px;
	  text-align: center;
	  padding: 5px 10px;
	}
	.workspace.clasificar .clasificar_lista li p {
	  margin: 0;
	}
  
	.workspace.clasificar .clasificar_conjuntos {
	  height: 100%;
	  clear: both;
	  margin: 0px auto 20px auto;
	}
  
	.workspace.clasificar .clasificar_conjuntos .conjunto {
	  height: 100%;
	  padding: 0px 5px 10px;
	}
  
	.workspace.clasificar .clasificar_conjuntos .conjunto .group-box {
	  border: 3px solid #d8d8d8;
	  -webkit-border-radius: 4px;
		 -moz-border-radius: 4px;
			  border-radius: 4px;
	}
  
	/*BK-10884*/
	.workspace.clasificar .clasificar_conjuntos .clasify-group {
	  width: 100%;
	  height: 100%;
	  min-height: 220px;
	}
  
	.workspace.clasificar .clasificar_conjuntos span.reset {
	  display: block;
	}
  
	.workspace.clasificar .clasificar_conjuntos .classify-item {
	  padding: 0px 20px;
	  text-align: center;
	  margin-bottom: 5px;
	  cursor: pointer;
	  background-color: #f8f8f8;
	}
  
	.workspace.clasificar .clasificar_conjuntos span {
	  display: inline-block;
	}
  
	.workspace.clasificar .clasificar_conjuntos .respuesta_ok {
	  border-bottom: 1px solid #74d320;
	  background-color: #e9fed6;
	}
  
	.workspace.clasificar .clasificar_conjuntos .respuesta_ko {
	  border-bottom: 1px solid #ef0c24;
	  background-color: #ffd8dc;
	}
  
	.workspace.clasificar .clasificar_conjuntos span.solucion {
	  background-color: #b6ecff;
	}
  
	.workspace.clasificar .clasificar_conjuntos .group-name-top {
	  text-align: center;
	  font-weight: bold;
	  border-bottom: 1px solid #d8d8d8;
	  margin: 0px 40px 15px 40px;
	}
  
	.workspace.clasificar .clasificar_conjuntos .group-name-bottom {
	  display: none;
	}
  
	.workspace.clasificar .clasificar_conjuntos .row {
	  text-align:center;
	}
  
	.workspace.clasificar .clasificar_conjuntos .row .col-centered {
	  display:inline-block;
	  float:none;
	  /* reset the text-align */
	  text-align:left;
	  /* inline-block space fix */
	  margin-right:-4px;
	  vertical-align: top;
	}
	/* Editar */
  
  /**/
  
  /* Analisis Sintactico */
	.workspace.syntax .sintaxis_adder .filled {
	  border: 1px solid blue;
	}
  
	.workspace.syntax option {
	  background-color: inherit;
	  color: inherit;
	}
  
	.workspace.syntax select {
	  height: 3em;
	}
  
	.workspace.syntax .circulo {
	  background-color: #525252;
	  color: #fff;
	  -webkit-border-radius: 50%;
		 -moz-border-radius: 50%;
			  border-radius: 50%;
	  width: 20px;
	  height: 20px;
	  text-align: center;
	  font-weight: bold;
	  padding: 0;
	  margin-top: 0.7em;
	  line-height: 1.6em;
	  font-size: 12px;
	}
  
	.workspace.syntax .bloque:before,
	.slide-syntax .bloque:before {
	  content: attr(data-contador);
	  position: absolute;
	  bottom: -25px;
	  color: #fff;
	  -webkit-border-radius: 50%;
		 -moz-border-radius: 50%;
			  border-radius: 50%;
	  display: inline-block;
	  height: 20px;
	  left: 50%;
	  width: 20px;
	  font-size: 12px;
	  -webkit-transform: translateX(-50%);
	  -ms-transform: translateX(-50%);
	  -moz-transform: translateX(-50%);
		-o-transform: translateX(-50%);
		   transform: translateX(-50%);
	  line-height: 1.6em;
	}
  
	.slide-syntax .bloque:before {
	  background-color: #525252;
	}
  
	.slide-syntax .sintaxis_clean {
	  padding: 10px;
	  text-align: center;
	}
  
	.workspace.syntax .empty:before,
	.slide-syntax .empty:before{
	  background-color: #525252;
	}
  
	.workspace.syntax .bloque:not(.respuesta_ko){
	  background-color: #fff;
	}
  
	.slide-syntax .empty:before{
	  cursor: pointer;
	}
  
	.workspace.syntax .filled:before,
	.workspace.syntax .sintaxis_adder .circulo.filled{
	  background-color: blue;
	}
  
	.workspace.syntax .bloque.filled{
		border-bottom: 2px blue solid;
		border-left: 2px blue solid;
		border-right: 2px blue solid;
	}
  
	.workspace.syntax .sintaxis_adder {
	  padding: 10px 0px;
	}
	.workspace.syntax .sintaxis_frase .tooltip.bottom { margin-top: 27px !important;   }
  
	.workspace.syntax .sintaxis_frase,
	 .slide-syntax .sintaxis_frase{
	  text-align: center;
	  font-size: 2.8rem;
	  font-weight: bold;
	  padding: 10px 0px;
	}
  
	.workspace.syntax .bloque,
	.slide-syntax .sintaxis_frase .bloque {
		position: relative;
		border-bottom: 2px #d8d8d8 solid;
		border-left: 2px #d8d8d8 solid;
		border-right: 2px #d8d8d8 solid;
		padding-bottom: 0.25em;
		padding-left: 5px;
		padding-right: 5px;
		display: -webkit-inline-flex;
		display: -ms-inline-flexbox;
		 /* display: inline-flex;*/
		display: inline-block;
		vertical-align: top;
		margin-bottom: 25px;
	  }
  
	.workspace.syntax .sintaxis_frase .bloque.respuesta_ok,
	.sintaxis_adder .respuesta_ok {
	border-bottom: 1px solid #74d320;
	border-left: 1px solid #74d320;
	border-right: 1px solid #74d320;
	background-color: #e9fed6;
	}
  
	.workspace.syntax .sintaxis_frase .bloque.respuesta_ko,
	.sintaxis_adder .respuesta_ko {
	  border-bottom: 1px solid #ef0c24;
	  border-left: 1px solid #ef0c24;
	  border-right: 1px solid #ef0c24;
	  background-color: #ffd8dc;
	}
  
	.workspace.syntax .sintaxis_frase .bloque.respuesta_ok:before,
	.workspace.syntax .circulo.respuesta_ok{
	  background-color: #74d320;
	}
  
	.workspace.syntax .sintaxis_frase .bloque.respuesta_ko:before,
	.workspace.syntax .circulo.respuesta_ko{
	  background-color: #ef0c24;
	}
  
	.workspace.syntax.solucion .bloque,
	.workspace.syntax.solucion .sintaxis_adder select{
	  border-color: #00bdff;
	  background-color: #b6ecff;
	}
  
	.body_clase .wse-navbar-title,
	  .body_clase .wse-navbar-subtitle {
		  display: inline-block;
	  }
  
  
  
	/*
	* BK-20071
	*/
	@font-face {
	  font-family: "Open Sans";
	  src: url("../fonts/OpenSans-Light.ttf");
	  font-weight: 200;
	}
	@font-face {
	  font-family: "Open Sans";
	  src: url("../fonts/OpenSans-Regular.ttf");
	  font-weight: 400;
	}
	@font-face {
	  font-family: "Open Sans";
	  src: url("../fonts/OpenSans-SemiBold.ttf");
	  font-weight: 500;
	}
	@font-face {
	  font-family: "Open Sans";
	  src: url("../fonts/OpenSans-Bold.ttf");
	  font-weight: 600;
	}
	@font-face {
	  font-family: "Open Sans";
	  src: url("../fonts/OpenSans-ExtraBold.ttf");
	  font-weight: 800;
	}
	body.puppeteer * {
	  font-family: 'Open Sans', 'Source Sans Pro', Helvetica, sans-serif!important;
	  font-weight: 400;
	  overflow:visible !important;
	  color: #505358!important;
	  page-break-after: avoid!important;
	  page-break-before: avoid!important;
	  page-break-inside: auto!important;
	}
	body.puppeteer{
	  min-width: 1100px;
	  font-size: 16px;
	  overflow:visible !important;
	  overflow-x: visible;
	  overflow-y: visible;
	}
	body.puppeteer .content-wrapper{
	  padding-top: 0;
	}
	body.puppeteer p{
	  page-break-after: auto!important;
	  page-break-before: auto!important;
	  page-break-inside: auto!important;
	  margin: inherit;
	}
	body.puppeteer #swipeview-masterpage-1 {
	  position: inherit!important;
	}
	body.puppeteer.body_clase .content-wrapper {
	  position: inherit!important;
	}
	body.puppeteer .class_slide{
	  margin:10px auto;
	  height:auto !important;
	}
	body.puppeteer .item-container,
	body.puppeteer .slide-concatenate{
	  min-height: 0 !important;
	  margin:0 auto;
	  width: 92%!important;
	  max-width: 100%!important;
	  margin-bottom: 60px;
	}
	body.puppeteer .header {
	  margin-bottom: 30px;
	}
	body.puppeteer #canvas-wrapper canvas {
	  height: 0!important;
	}
	body.puppeteer .slider-control,
	body.puppeteer #goup,
	body.puppeteer .navbar-bottom,
	body.puppeteer #actividad .class_slide .review,
	body.puppeteer .slider-control,
	body.puppeteer #final,
	body.puppeteer .side-panel-section,
	body.puppeteer #actividad .workspace.true-false li input,
	body.puppeteer #actividad .workspace.matching .img-relaciones,
	body.puppeteer #actividad .workspace.matching .clearfix,
	body.puppeteer #final,
	body.puppeteer #actividad .workspace.ordenar li .posicion,
	body.puppeteer #actividad .cke_top,
	body.puppeteer #actividad .workspace.essay .wordcounter-wrapper,
	body.puppeteer #actividad .workspace.paint .paint_popoverColors,
	body.puppeteer .revision-budget,
	body.puppeteer #actividad #swipeview-slider > div:not(.swipeview-active),
	body.puppeteer #cookie-bar,
	body.puppeteer #main-nav
	{
	  display:none!important;
	}
	body.puppeteer #actividad .content .header .title h3 {
	  font-size: 35px;
	  font-weight: 700;
	  color: #505358!important;
	}
	body.puppeteer #actividad .content .header .title img {
	  max-height: inherit!important;
	}
	body.puppeteer #actividad .layout {
		display: flex!important;
	}
	body.puppeteer .is-video .layout-panel.right, body.puppeteer .layout-panel audio, body.puppeteer .bck-video-container2 {
		display: none!important;
	}
	body.puppeteer .is-medium .layout-panel.right, body.puppeteer .is-medium .layout-panel.left {
		width: 48%!important;
	}
	body.puppeteer .is-large .layout-panel.right {
		width: 60%!important;
	}
	body.puppeteer .is-large .layout-panel.left {
		width: 30%!important;
	}
	body.puppeteer .is-small .layout-panel.right,
	body.puppeteer .automatic:not(.no-image) .layout-panel.right {
		width: 25%!important;
	}
	body.puppeteer .is-small .layout-panel.left,
	body.puppeteer .automatic:not(.no-image) .layout-panel.left {
		width: 68%!important;
	}
	body.puppeteer .is-right .layout-panel.right, body.puppeteer .automatic .layout-panel.right {
		margin-left: 25px;
	}
	body.puppeteer .is-left .layout-panel.right {
		margin-right: 25px;
	}
	body.puppeteer .is-top .layout-panel.right.fill {
		margin-bottom: 25px;
	  width: 100%!important;
	}
	body.puppeteer .is-bottom .layout-panel.right.fill {
	  margin-top: 25px;
	  width: 100%!important;
	}
	body.puppeteer #actividad .pregunta .texto_curso {
	  line-height: 1em!important;
		margin-bottom: 25px;
	}
	body.puppeteer #actividad .base_foto {
	  margin-top: 8px;
	}
	body.puppeteer #actividad .slide_main input {
	  height: 1em!important;
	  border: none!important;
	  border-bottom: 1px solid #505358!important;
	}
	body.puppeteer #actividad .workspace.multiple-choice .opcion,
	body.puppeteer #actividad .workspace.true-false li label,
	body.puppeteer #actividad .workspace.test li label {
	  border: none;
	  margin-left: 26px;
	  position: relative;
	  margin-bottom: 15px;
	  display: flex;
	  flex-direction: row;
	  justify-content: flex-start;
	  align-items: center;
	  width: 100%;
	}
  
	body.puppeteer #actividad .workspace.multiple-choice .opcion p,
	body.puppeteer #actividad .workspace.true-false li label p,
	body.puppeteer #actividad .workspace.test li label p {
	  width: fit-content;
	}
	body.puppeteer #actividad .workspace.test > ul > li {
	  margin-bottom: 15px;
	  page-break-inside: avoid!important;
	}
	body.puppeteer #actividad .workspace.test ul.respuestas > li {
	  margin: 0;
	  page-break-inside: avoid!important;
	}
	body.puppeteer #actividad .workspace.test li label {
	  margin-bottom: 8px;
	}
	body.puppeteer #actividad .workspace.true-false li label,
	body.puppeteer #actividad .workspace.test li label {
	  margin-right: 15px;
	}
	body.puppeteer #actividad .workspace.multiple-choice .opcion::before,
	body.puppeteer #actividad .workspace.true-false li label::before,
	body.puppeteer #actividad .workspace.test li label::before {
	  width: 18px;
	  height: 18px;
	  border: 1px solid #505358!important;
	  border-radius: 23px;
	  content: "";
	  display: block;
	  background-image: none;
	}
	body.puppeteer #actividad .workspace.true-false li .tf-option,
	body.puppeteer #actividad .workspace.test li .tf-option {
	  margin-top: 8px;
	}
	body.puppeteer #actividad .workspace.test .respuestas {
	  display: flex;
	  flex-direction: column;
	  justify-content: flex-start;
	}
	body.puppeteer #actividad .workspace.test > ul > li > div > div {
	  margin-bottom: 15px;
	}
	body.puppeteer #actividad .workspace.chooseblanks .inline-answer a {
	  border: none!important;
	  margin: 0;
	  padding: 0;
	}
	body.puppeteer #actividad .workspace.matching {
	  display: flex;
	  flex-direction: row;
	  justify-content: space-around;
	  align-items: flex-start;
	  margin-left: -26px;
	}
	body.puppeteer #actividad .workspace.matching ul {
	  display: flex;
	  flex-direction: column;
	  justify-content: flex-start;
	  align-items: flex-start;
	  page-break-inside: avoid!important;
	}
	body.puppeteer #actividad .workspace.matching .opciones li.opcion {
	  display: flex;
	  flex-direction: row;
	  justify-content: space-around;
	  align-items: center;
	  margin: 0 0 18px 0;
	  page-break-inside: avoid!important;
	}
	body.puppeteer #actividad .workspace.matching .opciones li.opcion.destino,
	body.puppeteer #actividad .workspace.matching .opciones li.opcion.origen {
	  border: none;
	  position: relative;
	  margin-bottom: 15px;
	}
	body.puppeteer #actividad .workspace.matching .opciones li.opcion.destino {
	  text-align: left;
	}
	body.puppeteer #actividad .workspace.matching .opciones li.opcion.origen {
	  text-align: right;
	}
	body.puppeteer #actividad .workspace.matching .opciones li.opcion.destino::before,
	body.puppeteer #actividad .workspace.matching .opciones li.opcion.origen::after {
	  width: 18px;
	  height: 18px;
	  border: 1px solid #505358!important;
	  border-radius: 23px;
	  content: "";
	  display: block;
	  background-image: none;
	}
	body.puppeteer #actividad .workspace.matching .opciones li.opcion.destino::before {
	  margin-right: 10px;
	}
	body.puppeteer strong, body.puppeteer b {
		  font-weight: bold;
	  }
	body.puppeteer #actividad .workspace.matching .opciones li.opcion.origen::after {
	  margin-left: 10px;
	}
	body.puppeteer #actividad .workspace.matching .box {
	  text-align: inherit!important;
	}
	body.puppeteer #actividad .workspace.matching .opciones {
		width: 35%;
	}
	body.puppeteer #actividad .workspace.ordenar ul {
	  margin: 0;
	  padding: 0;
	  width: 100%;
	  page-break-inside: avoid!important;
	}
	body.puppeteer #actividad .workspace.ordenar li.js-rank-item {
	  border: none;
	  margin: 0px;
	  display: flex;
	  flex-direction: row;
	  justify-content: flex-start;
	  page-break-inside: avoid!important;
	}
	body.puppeteer #actividad .workspace.ordenar li::before {
	  width: 30px;
	  height: 30px;
	  border: 1px solid #505358!important;
	  content: "";
	  display: block;
	  background-image: none;
	  margin-right: 8px;
	}
	body.puppeteer #actividad .workspace.clasificar .clasificar_lista > ul {
	  flex-wrap: wrap;
	  display: flex;
	  flex-direction: row;
	  justify-content: center;
	  align-items: flex-start;
	  margin-bottom: 30px;
	  page-break-inside: avoid!important;
	}
	body.puppeteer #actividad .workspace.clasificar .clasificar_lista .classify-item {
	  margin: 8px 15px;
	  border: 1px solid #505358!important;
	  border-radius: 0!important;
	  padding-bottom: 10px;
		width: 30%;
	}
	body.puppeteer #actividad .workspace.clasificar .clasificar_conjuntos .row {
	  flex-wrap: wrap;
	  display: flex;
	  flex-direction: row;
	  justify-content: center;
	  align-items: center;
	  margin-bottom: 30px;
	}
	body.puppeteer #actividad .workspace.clasificar .clasificar_conjuntos .row .conjunto {
	  border: none!important;
	  border-right: 1px solid #505358!important;
	  width: 30%;
	  page-break-inside: avoid!important;
	}
	body.puppeteer #actividad .workspace.clasificar .clasificar_conjuntos .row .conjunto .group-box {
	  border: none!important;
	}
	body.puppeteer #actividad .workspace.clasificar .clasificar_conjuntos .row .conjunto:first-child {
	  border-left: 1px solid #505358!important;
	}
	body.puppeteer #actividad .workspace.clasificar .clasificar_conjuntos .group-name-top {
	  border-bottom: 1px solid #505358!important;
	  width: 100%;
	}
	body.puppeteer #actividad .workspace.markwords span {
	  line-height: 1.389em!important;
	}
	body.puppeteer #actividad .workspace.essay .cke,
	body.puppeteer #actividad .workspace.essay .slide-essay-editor {
	  border: none!important;
	  background-image: linear-gradient(0deg, #505358 1.61%, #ffffff 1.61%, #ffffff 50%, #505358 50%, #505358 51.61%, #ffffff 51.61%, #ffffff 100%)!important;
	  background-position: top!important;
	  background-size: 62.00px 62.00px!important;
	}
	body.puppeteer #actividad .short-answer .textarea-container,
	body.puppeteer #actividad .short-answer .textarea-answer,
	body.puppeteer #actividad .short-answer .textarea-answer textarea {
	  border: none!important;
	}
	body.puppeteer #actividad .short-answer .textarea-answer textarea {
	  background-image: linear-gradient(0deg, #505358 1.61%, #ffffff 1.61%, #ffffff 50%, #505358 50%, #505358 51.61%, #ffffff 51.61%, #ffffff 100%)!important;
	  background-size: 62.00px 62.00px!important;
	}
	body.puppeteer #actividad .short-answer input {
	  border-bottom-color: #505358!important;
	}
	body.puppeteer #actividad .workspace.paint .main-canvas {
	  border: none!important;
	}
	body.puppeteer #actividad .fillblanks-draggable-wrapper {
	  margin-bottom: 30px;
	}
	body.puppeteer #actividad .fillblanks-draggable-wrapper .response {
	  padding: 4px 12px!important;
	  border: 1px solid #505358;
	  border-radius: 0!important;
	  margin-right: 15px;
	}
	body.puppeteer #actividad .fillblanks-draggable-wrapper .response p {
	  font-size: 18px!important;
	}
  }