:root {

	--project-color-text: #343434;
	--project-color-primary: #70b000;
	--project-color-gradient: linear-gradient(334deg, #a0fc00, #628545, #70b000);
	--project-background-resultado: hsl(82, 100%, 95%);

}

.strike { text-decoration: line-through; }
.box-login { margin: 0 auto; padding: 60px 40px; width: 60%; max-width: 400px; }
.box-login-rabe { margin: 5% auto 0 auto; padding: 60px 40px; width: 100%; max-width: 900px; }
.box-error { margin: 100px auto 0 auto; padding: 60px 40px; width: 80%; max-width: 900px; overflow: hidden; }
.hidden { display: none; }
.transparente {opacity: 0.5;}
.hand { cursor: pointer; padding-top: 15px!important; }
.nowrap { white-space: nowrap; }
.margin {margin:40px auto;}
.shadow { box-shadow: 0 0 20px rgba(0, 0, 0, 0.25); }
.radius { border-radius: 10px }
.div-paginacion { margin: 25px auto; }
.section-breadcrumbs { margin: 2rem 2.5rem 0rem 2.5rem; }
.resultados { text-align: center; font-weight: 500; background-color: var(--project-background-resultado); color: var(--project-color-text); border-radius: 6px; margin: 0 0 20px 0; padding: 5px 0; font-size: 0.8em; }
.avatar { border-radius: 6px; box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px; }
.div-pregunta-votacion { border-radius: 6px; padding: 20px; border:1px solid #d1d1d1; background-color: #f0f0f0; cursor: grab; }
.cursor-grab { cursor: grab; }

.bgSuccess { background-color: #e6fff7; }
.bgWarning { background-color: #ffffe6; }
.bgDanger { background-color: #ffe6e6; }

#login {
	min-height: 100vh;
	overflow: hidden;
	background: var(--project-color-gradient);
	background-size: 180% 180%;
	animation: gradient-animation 6s ease infinite;
}

@keyframes gradient-animation {
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}

/* Loader */

#modal-loader { z-index:9999; }

.modal-background-noclick { 
	background-color: rgba(10, 10, 10, 0.86); 
	bottom: 0;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
}

.lds-ripple {
	position: absolute;
	left: 50%;
	top: 50%;
}

.lds-ripple div {
	position: absolute;
	border: 4px solid white;
	opacity: 1;
	border-radius: 50%;
	animation: lds-ripple 1s cubic-bezier(0, 0.2, 0.8, 1) infinite;
}

.lds-ripple div:nth-child(2) {
	animation-delay: -0.5s;
}

@keyframes lds-ripple {
	0% {
		top: 60px;
		left: 60px;
		width: 0;
		height: 0;
		opacity: 1;
	}
	100% {
		top: 0px;
		left: 0px;
		width: 120px;
		height: 120px;
		opacity: 0;
	}
}

/* Quitar el banner de upgrade de TinyMCE Cloud Editor */
.tox-promotion, .tox-statusbar__branding { display: none!important; }

/* Numeración de líneas para Textareas */
.linedwrap { width: 700px!important;}
.linedwrap .codelines .lineno{line-height: normal!important;font-family: "Arial"!important;}

.smallContainer{padding: 5px 0px 5px 0px;overflow-y:auto;overflow-x:hidden;height: 500px;font-size: 10pt;font-family: monospace;line-height: normal !important;width: 625px !important}
.smallContainer p{margin:0px!important;line-height: normal!important;font-family: "Arial"!important;}
.smallContainer ul{margin-top:15px;margin-bottom:15px;-webkit-margin-before: 15px;-webkit-margin-after: 15px;font-family: "Arial"!important;}
.smallContainer sup, sub {vertical-align: baseline;position: relative;top: -0.4em;}
.smallContainer sub {top: 0.4em;}

@-moz-document url-prefix() {
	.smallContainer p{margin:0px!important;line-height: normal!important;font-family: "Arial"!important;word-spacing: -1px;}
}

/* FineDiff Control de cambios */
ins {color:green;background:#dfd;text-decoration:none}
del {color:red;background:#fdd;text-decoration:none}
#htmldiff {color:gray}
#htmldiff.onlyDeletions ins {display:none}
#htmldiff.onlyInsertions del {display:none}

/* RABE: Caja de autor en comunicaciones */
.divAutor { margin: 5px 0px; border: 1px solid #f1f1f1; border-radius: 6px; padding: 1em; box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;  }

/* RABE: Caja de adjuntos en comunicaciones */
.divAdjuntos { margin-top: 25px; border: 1px solid #f1f1f1; border-radius: 6px; padding: 2.5em; box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px; }

/* RABE: Algoritmo de ordenación de sesiones */
.divComunicacionAlgoritmo { border-radius: 6px; border:1px solid #daff99; padding: 10px 30px; margin-bottom: 10px; background-color: #f6ffe6; box-shadow: rgba(149, 157, 165, 0.2) 0px 2px 6px; }

.divChecklistTarea { margin: 5px 0px; border: 1px solid #f1f1f1; border-radius: 6px; padding: 1em; }
.divChecklistTarea input { margin-right: 15px; }

/* Medias */
@media screen and (min-width: 1024px) {
	.section { padding: 2rem 2.5rem 1rem 2.5rem; }
}

/* Precarga para divs */
.div-cargador { width: 100%; margin: 100px auto; text-align: center; }
.cargador {
	width: 10px;
	height: 10px;
	border-radius: 50%;
	display: block;
	margin:15px auto;
	position: relative;
	color: #3faba7;
	left: -100px;
	box-sizing: border-box;
	animation: shadowRolling 2s linear infinite;
}

/* Tooltipster */
.tooltip { cursor: help; }
.tooltipster-sapd .tooltipster-box {
	
	background: #70b000;
	border: 2px solid #76a722;
	border-radius: 6px;
	box-shadow: 0px 5px 15px rgba(0,0,0,0.25);
}

.tooltipster-sapd .tooltipster-content { color: white; padding: 5px 20px; font-family: inherit; font-size: 0.85em; }

@keyframes shadowRolling {
	0% {
	  box-shadow: 0px 0 rgba(255, 255, 255, 0), 0px 0 rgba(255, 255, 255, 0), 0px 0 rgba(255, 255, 255, 0), 0px 0 rgba(255, 255, 255, 0);
	}
	12% {
	  box-shadow: 100px 0 #3faba7, 0px 0 rgba(255, 255, 255, 0), 0px 0 rgba(255, 255, 255, 0), 0px 0 rgba(255, 255, 255, 0);
	}
	25% {
	  box-shadow: 110px 0 #3faba7, 100px 0 #3faba7, 0px 0 rgba(255, 255, 255, 0), 0px 0 rgba(255, 255, 255, 0);
	}
	36% {
	  box-shadow: 120px 0 #3faba7, 110px 0 #3faba7, 100px 0 #3faba7, 0px 0 rgba(255, 255, 255, 0);
	}
	50% {
	  box-shadow: 130px 0 #3faba7, 120px 0 #3faba7, 110px 0 #3faba7, 100px 0 #3faba7;
	}
	62% {
	  box-shadow: 200px 0 rgba(255, 255, 255, 0), 130px 0 #3faba7, 120px 0 #3faba7, 110px 0 #3faba7;
	}
	75% {
	  box-shadow: 200px 0 rgba(255, 255, 255, 0), 200px 0 rgba(255, 255, 255, 0), 130px 0 #3faba7, 120px 0 #3faba7;
	}
	87% {
	  box-shadow: 200px 0 rgba(255, 255, 255, 0), 200px 0 rgba(255, 255, 255, 0), 200px 0 rgba(255, 255, 255, 0), 130px 0 #3faba7;
	}
	100% {
	  box-shadow: 200px 0 rgba(255, 255, 255, 0), 200px 0 rgba(255, 255, 255, 0), 200px 0 rgba(255, 255, 255, 0), 200px 0 rgba(255, 255, 255, 0);
	}
}