/* Estilos generales Actividades:
-------------------------------------------------------------------- */

body {
	background-color: #eeeeee;
}

.breadcrumb {
	background-color: #FAFAFA !important;
}

.header {
	border-bottom: 3px solid #e53517;
	background: #2980b9 none repeat scroll 0 0;
	height: 95px;
	padding: 10px 20px;
}

.header h1 {
	color: #fff;
	font-size: 28px;
	font-weight: 300;
	line-height: 28px;
	margin: 0;
	padding: 0;
}

.header h4 {
	border: medium none;
	color: #a5dafe;
	font-weight: 300;
	margin: 0;
	padding: 0;
}

.header .img-unit {
	border: 2px solid #fff;
	height: 52px;
	margin: 0 5px 0 0;
	width: 52px;
}

.modal-body {
	text-align: center;
}

h1 {
	font-family: 'Open Sans', sans-serif;
	font-weight: 300;
}

h4 {
	font-family: 'Open Sans', sans-serif;
	font-size: 1.5em;
	line-height: 1.22em;
}

h4.activity i {
	font-size: 2.5em;
	opacity: 0.2;
	-webkit-opacity: 0.2;
	-moz-opacity: 0.2;
}

h4 i, .glyphicon {
	padding-right: 5px;
}

h4 i.fa, h4 .glyphicon {
	vertical-align: middle;
}

h5 {
	font-family: 'Open Sans', sans-serif;
	font-size: 1.1em;
	line-height: 1.22em;
}

.activity-title {
	margin-left: 20px;
}

.activity {
	padding-left: 25px;
	padding-right: 25px;
}

h4.activity {
	padding-bottom: 5px;
	margin-top: 20px;
}

.exercise {
	padding-left: 25px;
	padding-right: 25px;
}

h4.exercise {
	padding-bottom: 5px;
	margin-top: 20px;
}

h4.exercise .glyphicon {
	font-size: 2.5em;
	opacity: 0.2;
	-webkit-opacity: 0.2;
	-moz-opacity: 0.2;
}

.practice {
	padding-left: 25px;
	padding-right: 25px;
}

h4.practice {
	padding-bottom: 5px;
	margin-top: 20px;
}

h4.practice i {
	font-size: 2.5em;
	opacity: 0.2;
	-webkit-opacity: 0.2;
	-moz-opacity: 0.2;
}

.extra-block {
	padding-left: 25px;
	padding-right: 25px;
}

h4.extra-block {
	padding-bottom: 5px;
	margin-top: 20px;
}

h4.extra-block i {
	font-size: 2.5em;
	opacity: 0.2;
	-webkit-opacity: 0.2;
	-moz-opacity: 0.2;
}

.actividad {
	padding: 5px 10px 5px 10px;
	font-size: 1.29em;
	line-height: 1.22em;
}

p {
	padding-left: 25px;
	padding-right: 25px;
	padding-bottom: 10px;
	padding-top: 10px;
}

ul {
	list-style-type: disc !important;
	padding: 0px 0px 0px 40px;
	margin: 0px;
}

table {
	font-size: 1.0em;
	line-height: 1.0em;
}

.zona-contenido {
	padding-top:40px;
}

.contenedor-pie {
	background-color:#fff;
	color:#000;
	padding-left: 25px;
	padding-right: 25px;
	padding-bottom: 25px;
}

.texto-ventana {
	text-align: center;
	text-justify: inter-word;
}

.no-box-file {
	border: none !important;
	padding: 0 !important;
	margin-bottom: 0 !important;
	margin-left: 30px !important;
	font-size: 16px !important;
}

.no-box-score {
	border: none !important;
	padding: 0 !important;
	margin-top: 5px !important;
	margin-bottom: 5px !important;
	font-size: 16px !important;
}

.no-box-comments {
	border: none !important;
	padding: 0 !important;
	font-size: 16px !important;
}

.no-background {
	background-color: transparent !important;
}

.no-border {
	border: 0 !important;
}

.tooltip-inner {
	max-width: 550px !important;
	text-align: left !important;
}

.teacher-box {
	border: 1px solid #d2d2d1;
	margin-bottom: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	margin-top: 20px;
}

.teacher-box-title {
	margin: 10px;
	font-weight: 600;
}

.teacher-box-title span {
	vertical-align: top;
}

.teacher-box .activity-attachment,
.nota-parcial,
.observaciones-parcial {
	border: 1px solid #d2d2d1;
	margin: 10px 20px 15px 40px;
}

.teacher-box-end {
	margin-top: 0 !important;
}

.nota-parcial {
	font-weight: 600;
	padding: 10px 20px 30px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.nota-parcial input {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding: 5px;
}

.nota_respuesta {
	margin-top: 10px;
	border: 1px solid #d2d2d1 !important;
	background: white !important;
}

.observaciones-parcial {
	font-weight: 600;
	padding: 10px 20px 30px;
	margin-bottom: 30px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.observaciones_respuesta {
	margin-top: 10px;
}

.nota-final-container {
	text-align: center;
	margin-top: 15px;
	margin-bottom: 25px;
}

#nota-final {
	height: 85px;
	width: 160px;
	text-align: center;
	font-size: 75px;
	font-weight: 600;
	border: 2px solid #d2d2d1;
	color: #ce0000;
	padding: 0 5px 2px 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.observaciones-final-container {
	margin: 0 20px 20px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.contenedor-adjuntos {
	padding-left: 25px !important;
	padding-right: 25px !important;
}

.activity-questions {
	margin-left: 20px;
	margin-right: 20px;
	margin-top: 5px;
}

.activity-questions p,
.activity-questions span {
	margin-left: 0;
	margin-right: 0;
	margin-bottom: 0;
	padding-left: 0;
	padding-right: 0;
}

.contenedor-respuestas table {
	border: 1px solid black;
}

.activity-block {
	margin: 20px 20px 30px;
	padding: 20px;
}

.activity-block p {
	margin: 0 0 10px 0;
	padding: 0;
}

#activity-t1 {
	padding-bottom: 10px;
	padding-left: 25px;
}

.activity-attachment {
	margin: 0 0 20px;
	padding: 10px;
	font-weight: 600;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.content-index { margin-left: 30px; margin-right: 5px; }

.file-upload {
	text-align: left;
	background-color: transparent !important;
	padding: 0;
	margin-top: 5px;
	max-width: 100%;
	width: auto;
	font-weight: 600;
	font-size: 14px;
}

.file-upload-input {
	display: none !important;
}

.file-upload-button {
	color: black;
	padding: 1px 10px;
	border: 2px solid #d2d2d1;
}

.file-upload-delete {
	display: none;
	cursor: pointer;
	margin-left: 5px; color: #ce0000;
}

.file-uploaded-delete {
	margin-left: 5px;
}

.file-uploaded-delete a {
	color: #ce0000;
	font-size: 14px;
}

.file-upload-text {
	margin-left: 5px;
}

.file-uploaded {
	font-weight: 600;
	font-size: 16px;
}

.file-uploaded-link {
	font-weight: normal;
	font-size: 14px;
}


/* Estilos para CKEDITOR (no internos):
-------------------------------------------------------------------- */

.cke {
	border: #d2d2d1 1px solid !important;
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.cke_top,
.cke_bottom {
	background: transparent !important;
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
	border: none !important;
	padding: 0 !important;
	margin: 0 !important;
}

.cke_toolgroup {
	border: none !important;
	background-image: none !important;
	background: none !important;
}

.cke_button:hover {
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
	border: none !important;
	background: none !important;
}

.cke_toolbar {
	float: right !important;
}

.cke_button {
	padding: 0 !important;
	margin: 0 !important;
	opacity: 0.5;
	filter: alpha(opacity=50); /* IE8 and earlier */
}


/* Actividades OLD:
-------------------------------------------------------------------- */

.actividad table {
	width: 100%;
    border-spacing: 10px;
    border-collapse: separate;
	font-size: 18px;
}
.actividad table tr td {
	vertical-align: middle;
}
.actividad table.segunda_columna {
    border-spacing: 15px;
}
.actividad textarea {
	resize: none;
	width: 100%;
	background-color: #edf0f5;
	border: none;
}
.actividad input {
	resize: none;
	width: 100%;
	background-color: #edf0f5;
	border: none;
}

.actividad ~ p {
	background-color: #fff;
}


/* Estilos botonera/caja de acciones
-------------------------------------------------------------------- */

.aceptar_envio_profesor {
	display: none;
}

.aceptar_envio_profesor div {
	color: #9b9b9b;
	font-size: 16px;
	text-align: justify;
}

.aceptar_envio_profesor .form-group {
	margin-top: 30px;
	margin-bottom: 30px;
}

.aceptar_envio_profesor .form-group input,
.aceptar_envio_profesor .form-group label {
	width: 95% !important;
	margin-left: 15px;
}

.aceptar_envio_moodle {
	display: none;
	color: #666666;
	text-align: justify;
	padding: 0 250px 20px;
}

@media (max-width: 1000px) {
	.aceptar_envio_moodle {
		padding: 0 20% 20px;
	}
}

@media (max-width: 700px) {
	.aceptar_envio_moodle {
		padding: 0 10% 20px;
	}
}

.btn-activity {
	border: 2px solid;
	font-weight: bold;
	font-size: 18px;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	padding: 10px 15px;
}

#btn-activity-send {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.btn-activity-status-0 {
	border-color: #9b9b9b;
	color: #9b9b9b;
}

.btn-activity-status-0:hover {
	color: white;
	background-color: #9b9b9b;
}

.btn-activity-status-0-selected {
	color: white !important;
	background-color: #9b9b9b;
}

.btn-activity-status-1 {
	border-color: #53a7d3;
	color: #53a7d3;
}

.btn-activity-status-1:hover {
	color: white;
	background-color: #53a7d3;
}

.btn-activity-status-1-selected {
	color: white !important;
	background-color: #53a7d3;
}

.btn-activity-status-2 {
	border-color: #57aa56;
	color: #57aa56;
}

.btn-activity-status-2:hover {
	color: white;
	background-color: #57aa56;
}

.btn-activity-status-2-selected {
	color: white !important;
	background-color: #57aa56;
}

#terminado-check {
	justify-content: space-between;
	flex-wrap: wrap;
	display: -webkit-flex;
	-webkit-justify-content: space-between;
	-webkit-flex-wrap: wrap;
	margin-top: 40px;
}

#terminado-check-noeval {
	margin-top: 40px;
	text-align: center;
}

@media (max-width: 1000px) {
	#terminado-check {
		display: inline-block;
		text-align: center;
	}
}

@media (max-width: 700px) {
	#terminado-check, #terminado-check-noeval { display: block; }
	#terminado-check label, #terminado-check span,
	#terminado-check-noeval label, #terminado-check-noeval span { width: 100%; }
}

#terminado-check-box {
	margin-top: 30px;
	border: 2px solid;
	padding: 25px;
	text-align: center;
}

.terminado-check-box-selected-0 {
	padding: 25px;
	border-color: #9b9b9b !important;
}

.terminado-check-box-selected-1 {
	padding: 15px 35px 60px !important;
	border-color: #53a7d3 !important;
}

.terminado-check-box-selected-2 {
	padding: 15px 35px 60px !important;
	border-color: #57aa56 !important;
}

#close-evaluation {
	margin-top: 30px;
	text-align: center;
}

#close-evaluation-info {
	font-size: 16px;
	font-weight: bold;
	color: #666666;
	margin-bottom: 10px;
}

#close-evaluation-info input[type='checkbox'] {
	margin-right: 5px;
	vertical-align: text-top;
	margin-bottom: 10px;
}

#close-evaluation-info input[type='checkbox']:checked {
	margin-bottom: 0;
}


/* Iconos
-------------------------------------------------------------------- */
.fa-circle {
	font-size: 8px;
	margin-right: 10px;
}

.fa-upload {
	margin-right: 5px;
}

.fa-info-circle {
	margin-left: 7px;
}

.fa-times {
	font-size: 18px;
	color: #ce0000;
	vertical-align: text-bottom;
}

.fa-long-arrow-right {
	font-size: 25px;
	margin: 0 15px 0 5px;
	vertical-align: middle;
}

.fa-file-pdf-o { /*nothing*/ }

.fa-file-image-o { /*nothing*/ }

.fa-floppy-o,
.fa-paper-plane {
	font-size: 30px;
	margin-right: 10px;
	vertical-align: middle;
}

.fa-chevron-down,
.fa-chevron-up {
	font-size: 25px;
	margin-right: 5px;
}

.fa-pencil-square-o {
	font-size: 30px;
	margin-right: 5px;
}

.fa-check-square {
	font-size: 24px;
	margin-right: 8px;
}

.fa-star-half-o,
.fa-commenting,
.fa-plus-square {
	font-size: 20px;
	margin-right: 5px;
}

/* Estilos para soluciones al evaluar:
-------------------------------------------------------------------- */

.solution_container {
	padding: 10px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	margin-top: 20px;
	max-width: 100%;
}

.solution_text {
	padding: 5px 10px 20px 30px;
	font-size: 16px;
}

.solution_container .tabla-altamar {
	max-width: 80%;
	height: inherit;
	font-size: 16px;
}

.solution_container .tabla-altamar p {
	padding: 0 !important;
	margin: 0 !important;
}

.solution_show {
	font-weight: 600;
	font-size: 18px;
	padding-bottom: 5px;
}


/* Overrides para estilos generales Actividades (según tipo):
-------------------------------------------------------------------- */

.actividad.type1 {
	color:#996600 !important;
	background-color: #fff;
	border: 4px solid #fdf1e5;
}

.actividad.type2 {
	color:#2980b9;
	background-color: #fff;
	border: 4px solid #e9f5fd;
}

.actividad.type3 {
	color:#2e792e;
	background-color: #fff;
	border: 4px solid #e4f6e4;
}

.actividad.type4 {
    color: #5b605c;
    background-color: #fff;
    border: 4px solid #e6ebe7;
}

.activity-block.type1 {
	color:#996600 !important;
	background-color: #fdf1e4;
	border: 1px solid #f0decb;
}

.activity-block.type2 {
	color:#2980b9 !important;
	background-color: #ecf4ff;
	border: 1px solid #bae3ff;
}

.activity-block.type3 {
	color:#2e792e !important;
	background-color: #dbf3e5;
	border: 1px solid #c8e5cc;
}

.activity-block.type4 {
    color:#5b605c !important;
    background-color: #eff4f0;
    border: 1px solid #d3d8d4;
}

.activity-attachment.type1 {
	border: 1px solid #f0decb;
}

.activity-attachment.type2 {
	border: 1px solid #bae3ff;
}

.activity-attachment.type3 {
	border: 1px solid #c8e5cc;
}

.activity-attachment.type4 {
    border: 1px solid #d3d8d4;
}

.solution_container.type1 {
	border: 1px solid #f0decb;
}

.solution_container.type2 {
	border: 1px solid #bae3ff;
}

.solution_container.type3 {
	border: 1px solid #c8e5cc;
}

.solution_container.type4 {
    border: 1px solid #d3d8d4;
}

.solution_container.type1,
.solution_container.type1 p,
.solution_container.type1 div,
.solution_container.type1 span {
	color: #996600 !important;
}

.solution_container.type2,
.solution_container.type2 p,
.solution_container.type2 div,
.solution_container.type2 span {
	color: #2980b9 !important;
}

.solution_container.type3,
.solution_container.type3 p,
.solution_container.type3 div,
.solution_container.type3 span {
	color: #2e792e !important;
}

.solution_container.type4,
.solution_container.type4 p,
.solution_container.type4 div,
.solution_container.type4 span {
    color: #5b605c !important;
}

.file-uploaded-link.type1 {
	color: #996600;
}

.file-uploaded-link.type2 {
	color: #2980b9;
}

.file-uploaded-link.type3 {
	color: #2e792e;
}

.file-uploaded-link.type4 {
    color: #5b605c;
}

.activity-frame-1 {
	background-color: #fdfaf7;
}

.activity-frame-2 {
	background-color: #f7faff;
}

.activity-frame-3 {
	background-color: #eefcf6;
}

.activity-frame-4 {
	background-color: #f9f9f9;
}