/*** NAV ***/
body .buddypress-icons-wrapper .user-link-wrap {
	display: none;
}


/*** ENCUESTAS ****/
.botonera {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
}
	.botonera > button,
	.wp-element-button.button {
		font-family: inherit;
		font-size: inherit;
		color: #fff;
		color: var(--button-text-color);
		background-color: #ef5455;
		background-color: var(--button-background-color);
		border-radius: 6px;
		border-radius: var(--button-border-radius);
		padding: 10px 20px;
		font-weight: 500;
		font-style: normal;
		text-decoration: none;
		text-align: center;
		cursor: pointer;
		display: inline-block;
		line-height: 1.3;
		border: 1px solid #ef5455;
		border: 1px solid var(--button-border-color);
		outline: 0;
		vertical-align: middle;
		-webkit-appearance: none;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		-webkit-transition: all .2s linear;
		transition: all .2s linear;
	}
	.botonera .btn-anterior {
		margin-left: 0;
		margin-right: auto;
	}
	.botonera .btn-siguiente,
	.botonera .btn-submit {
		margin-left: auto;
		margin-right: 0;
	}
	.botonera .btn-submit {
		border-color: #000;
		background-color: #000;
	}
	.botonera .btn-submit:hover {
		border-color: #404040;
		background-color: #404040;
	}

	button:has(span + i) i,
	.button:has(span + i) i,
	.wp-element-button:has(span + i) i {
		margin-left: 10px;
	}
	button:has(i + span) i,
	.button:has(i + span) i,
	.wp-element-button:has(i + span) i {
		margin-right: 10px;
	}


.button.toolbar {
	padding: 0;
	width: 35px;
  	height: 35px;
  	line-height: 33px;
	border-width: 0;
}
.button.toolbar:hover 					{ border-width: 0; }

.button.toolbar.button-close 			{ background-color: #751f1f;}
.button.toolbar.button-close:hover 		{ background-color: #4b1414;}

.button.toolbar.button-chart 			{ background-color: #3a5e94;}
.button.toolbar.button-chart:hover 		{ background-color: #283f61;}

.button.toolbar.button-publish 			{ background-color: #2c7054;}
.button.toolbar.button-publish:hover 	{ background-color: #163f2e;}

.entry-content .message {
	position: relative;
	margin: 0 0 30px 0;
	padding: 30px;
	color: #000;
	font-size: 400;
	border-radius: 10px;
	background-color: #ccc;
}
	.entry-content .message.error {
		color: #fff;
		background-color: #793232;
	}
	.entry-content .message.success {
		color: #fff;
		background-color: #36704e;
	}
	.entry-content .message.info {
		color: #fff;
		background-color: #325770;
	}
	.entry-content .message.warning {
		color: #fff;
		background-color: #884d1d;
	}


.encuesta-info-wrapper {
	position: relative;
	margin-bottom: 30px;
	padding: 30px;
	border-radius: 5px;
	background-color: #fff;
}
	.encuesta-info-wrapper .step-indicator {
		font-size: 18px;
		font-weight: bold;
		margin-bottom: 10px;
		text-align: center;
	}
	.encuesta-info-wrapper .progress-bar-container {
		width: 100%;
		background-color: #e0e0e0;
		height: 8px;
		border-radius: 4px;
		margin-bottom: 20px;
	}
		.encuesta-info-wrapper .progress-bar {
			height: 100%;
			width: 0;
			background-color: #4caf50;
			border-radius: 4px;
			transition: width 0.3s ease;
		}

.encuesta-grupos {
	counter-reset: mis-pasos;
}	
	.encuesta-grupos .grupo {
		counter-increment: mis-pasos;
	}	
		.grupo-nombre span {
			display: flex;
			align-items: flex-start;
			justify-items: flex-start;
			gap: 10px;
			font-weight: 700;
		}
		.encuesta-grupos .grupo-nombre span:before {
			display: block;
			width: 30px;
			height: 30px;
			line-height: 30px;
			color: #fff;
			font-size: 15px;
			text-align: center;
			content: counter(mis-pasos);
			border-radius: 5px;
			background-color: var(--button-background-color);
		}
	
		.encuesta-grupos .grupo.collapsible {
			display: flex;
			flex-direction: row;
			flex-wrap: wrap;
			gap: 10px;
			align-items: center;
			margin-bottom: 10px;
		}
		.encuesta-grupos .grupo.collapsible h3 .grupo-nombre {
			
		}
			.encuesta-grupos .grupo.collapsible .media {
				width: 100%;
			}
			.encuesta-grupos .grupo.collapsible .toggle-btn {
				position: relative;
				padding: 0;
				width: 40px;
				height: 35px;
				line-height: 35px;
				color: #000;
				font-weight: 700;
				text-align: center;
				border-width: 0;
				border-radius: 3px;
				background-color: #ccc;
				cursor: pointer
			}
		.encuesta-grupos .grupo.collapsible .grupo-pregunta {
			width: 100%;
		}
		.encuesta-grupos .grupo.collapsible {
			
		}
		.encuesta-grupos .grupo.collapsible h3 {
			margin: 0;
			font-size: 18px;
			font-weight: 700;
		}

		.encuesta-grupos .grupo.collapsible .media-bar {
			position: relative;
			padding: 0 20px;
			width: auto;
			height: 35px;
			line-height: 35px;
			color: #222;
			font-weight: 700;
			border-radius: 3px;
		}
			.encuesta-grupos .grupo.collapsible .media-bar.media-low {
				background-color: #e03b3b;
			}
			.encuesta-grupos .grupo.collapsible .media-bar.media-medium {
				background-color: #ffa700;
			}
			.encuesta-grupos .grupo.collapsible .media-bar.media-high {
				background-color: #3be080;
			}

	
	.encuesta-grupos .grupo.collapsible > .grupo-pregunta {
		position: relative;
		padding-left: 50px;
	}
	.encuesta-grupos .grupo.collapsible > .grupo-pregunta:before {
		position: absolute;
		left: 20px;
		top: 0;
		content: '';
		width: 1px;
		height: calc( 100% + 10px );
		border-left: 1px dotted #222;
	}
		.encuesta-grupos .grupo.collapsible > .grupo-pregunta:nth-child(1):before {
			top: -10px;
			height: calc( 100% + 20px );
		}
	.encuesta-grupos .grupo.collapsible > .grupo-pregunta:after {
		position: absolute;
		left: 22px;
		top: 20px;
		content: '';
		height: 1px;
		width: 20px;
		border-top: 1px dotted #222;
		border-left-width: 0;
	}
		.encuesta-grupos .grupo.collapsible > .grupo-pregunta:last-child:before {
			height: 20px;
		}
		.encuesta-grupos .grupo.collapsible .grupo-pregunta .grupo-pregunta-wrapper {
			display: flex;
			flex-direction: row;
			flex-wrap: nowrap;
			margin: 0;
			gap: 10px;
			align-items: flex-start;
		}
			.encuesta-grupos .grupo.collapsible .grupo-pregunta h4 {
				margin: 0;
				padding-top: 5px;
				font-size: 16px;
			}
			.encuesta-grupos .grupo.collapsible:has([attr="style=\"display:none\""]) { background-color: #c00;}

.grupo-pregunta-wrapper {
	margin-bottom: 30px;
}
	.grupo-pregunta-wrapper .grupo-pregunta-respuestas {
		display: flex;
		flex-direction: row;
		gap: 10px;
		width: fit-content;
		border-radius: 10px;
		background-color: #ffb300;
		overflow: hidden;
	}
		.grupo-pregunta-wrapper  .grupo-pregunta-respuestas .grupo-pregunta-respuesta label {
			position: relative;	
			display: block;
			width: 45px;
			height: 45px;
			line-height: 50px;
			text-align: center;
			background-color: #ffb300;
			cursor: pointer;
		}
			.grupo-pregunta-wrapper  .grupo-pregunta-respuestas .grupo-pregunta-respuesta label input[type="radio"] {
				display: none;
			} 
			.grupo-pregunta-wrapper  .grupo-pregunta-respuestas .grupo-pregunta-respuesta label i.far {
				font-size: 21px;
			} 
			.grupo-pregunta-wrapper  .grupo-pregunta-respuestas .grupo-pregunta-respuesta label span {
				display: none;
			} 
			.grupo-pregunta-wrapper  .grupo-pregunta-respuestas .grupo-pregunta-respuesta label:has(:checked) {
				color: #fff;
				box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.3);
				background-color: #53a9c4;
			}

			.grupo-pregunta-wrapper  .grupo-pregunta-respuesta-label {
				margin-top: 10px;
				padding: 10px;
				min-height: 55px;
				color: #333;
				font-weight: 400;
			}


/* ENCUESTA DIARIA */

.tipo-encuesta-diaria .encuesta-wrapper:has(.grupo-pregunta-wrapper) {
	position: fixed;
	display: flex;
	align-items: center;
	justify-content: center;
	inset: 0;
	background-color: rgba(0, 0, 0, 0.65);
	z-index: 3000;
}	  
	.tipo-encuesta-diaria .encuesta-wrapper form {
		position: relative;
		padding: 0;
		box-shadow: 0 5px 10px rgba(0, 0, 0, 0.75);
		border-radius: 10px;
		background-color: #fff;
		overflow: hidden;
	}
	
		.tipo-encuesta-diaria .encuesta-wrapper form .grupo .grupo-nombre {
			position: relative;
			margin: 0;
			padding: 15px;
			
			background-color: #eee;
		}
			.tipo-encuesta-diaria .encuesta-wrapper form .grupo .grupo-nombre span {
				font-weight: 400;
			}
			.tipo-encuesta-diaria .encuesta-wrapper form .grupo .grupo-nombre span:before {
				content: none;
			}
			.tipo-encuesta-diaria .encuesta-wrapper form .grupo .grupo-nombre .close {
				position: absolute;
				top: 5px;
				right: 20px;
				color: #900;
				font-size: 35px;
				cursor: pointer;
			}

	.tipo-encuesta-diaria .encuesta-wrapper form .grupo .grupo-pregunta-wrapper {
		position: relative;
		padding: 35px;
	}
		.tipo-encuesta-diaria .encuesta-wrapper form .grupo .grupo-pregunta-wrapper:last-child {
			margin-bottom: 0;
		}
		.grupo-pregunta-wrapper .grupo-pregunta-respuestas {
			width: 100%;
			justify-content: space-around;
		}
	.tipo-encuesta-diaria .encuesta-wrapper form .encuesta-grupos-submit {
		position: relative;
		padding: 0 35px 35px 35px;
	}




/* TABLAS **/

.encuesta-action-bar {
	margin: 0 0 30px 0;
}
	th.align-left,
	td.align-left { text-align: left;}

	th.align-right,
	td.align-right { text-align: right;}

	th.align-center,
	td.align-center { text-align: center;}

	th.th-status, th.th-respond {
		width: 0;
	}
	.td-label {
		display: none;
	}
	.td-status .fa-unlock {
		color: #23880f;
	}
	.td-status .fa-lock {
		color: #632121;
	}
	.td-status i {
		font-size: 21px;
	}



/* TABLAS */
.statistics-users-wrapper {
	position: relative;
	width: 100%;
	height: 100%;
	max-height: 400px;
	border: 1px solid #999;
	overflow: auto;
}
	.statistics-users-wrapper table.statistics-users {
		border-width: 0;
	}
		.statistics-users-wrapper table.statistics-users thead {
			color: #fff;
			background-color: var(--button-background-color);
		}
		table.statistics-users thead tr th {
			position: sticky;
			top: 0;
			background-color: var(--button-background-color);
		}
		table.statistics-users thead tr th, 
		table.statistics-users tbody tr td {
			padding: 8px 24px;
			text-align: left;
			border-width: 0;
		}
		table.statistics-users thead tr th.action {
			width: 0;
		}

		table.statistics-users tbody tr:nth-child(even) {
			background-color: #eee;
		}
		table.statistics-users tbody tr.selected td {
			color: #fff;
			background-color: color-mix( in srgb, var(--button-background-color), #000 25%)!important;
		}
			table.statistics-users tbody tr.selected td a {
				color: #fff;
				pointer-events: none;
			}


	@media ( max-width: 510px) {

		table.usc-encuestas-list-table {
			border-width: 0;
		}
			table.usc-encuestas-list-table thead {
				display: none;
			}

			table.usc-encuestas-list-table tbody,
			table.usc-encuestas-list-table tbody tr {
				display: block;
			}
			table.usc-encuestas-list-table tbody tr {
				margin-bottom: 15px;
				padding-bottom: 15px;
				border-bottom: 1px dotted #999;
			}
				table.usc-encuestas-list-table tbody tr td {
					display: flex;
					flex-direction: row;
					padding: 5px;
					width: 100%;
					border-width: 0;
				}

				table.usc-encuestas-list-table tbody tr td:not(.td-acciones):before {
					content: attr(data-label) ' : ';
					margin-right: 10px;
					font-weight: 700;
				}

					table.usc-encuestas-list-table tbody tr td.td-status i, {
						display: none;
					}
					table.usc-encuestas-list-table tbody tr td.td-status span {
						display: block;
					}

					table.usc-encuestas-list-table tbody tr td.td-status i 		{ display: none;	}
					table.usc-encuestas-list-table tbody tr td.td-status span 	{ display: block;	}

					table.usc-encuestas-list-table tbody tr td button.toolbar,
					table.usc-encuestas-list-table tbody tr td a.toolbar {
						display: flex;
						padding: 0 15px;
						width: auto;
						align-items: center;
						gap: 10px;
					}
					table.usc-encuestas-list-table tbody tr td button.toolbar:after,
					table.usc-encuestas-list-table tbody tr td a.toolbar:after {
						content: attr(title);
					}

	}


/** ESTADISTICAS **/

.grupo-container-statistics {
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	gap: 40px;
}
	.grupo-container-statistics .pregunta-wrapper-statistic {
		display: flex;
		flex-direction: column;
		flex: auto;
		width: calc( 33.3333% - 40px);
		max-width: calc( 33.3333% - 40px);
		min-height: 100%;
	}
		.grupo-container-statistics .pregunta-wrapper-statistic h4 {
			margin-top: 0;
			margin-bottom: auto;
			font-size: 16px;
			font-weight: 700;
		}
		.grupo-container-statistics .pregunta-wrapper-statistic canvas {
			margin-top: auto;
			margin-bottom: 0;
			font-size: 18px;
		}
	
	.filter-statistics {
		display: flex; 
		flex-direction: row; 
		gap: 30px;
		margin-bottom: 30px;
	}
		.form-filter-encuesta {
			display: flex;
			flex-direction: row;
			flex-wrap: wrap;
			gap: 20px;
			width: 350px;
		}
			.form-filter-encuesta .form-group {
				margin-bottom: 10px;
				width: calc( 50% - 10px);
			}
			.form-filter-encuesta .form-group.form-encuesta,
			.form-filter-encuesta .form-group.form-submit {
				width: 100%;
			}
				.form-filter-encuesta .form-group input,
				.form-filter-encuesta .form-group select {
					width: 100%;
				}
				.form-filter-encuesta .form-group label {
					display: block;
					font-weight: 700;
				}
		
		.filter-statistics-data {
			padding-left: 20px;
			width: 100%;
			max-width: 480px;
			border-left: 1px dotted #999;
		}
			.entry-content .filter-statistics-data ul {
				position: relative;
				display: block;
				margin: 0!important;
				padding: 0;
				width: 100%;
				min-width: 350px;
  				height: 100%;
				max-height: 240px;
				list-style: none;
  				overflow: auto;  
			}
				.filter-statistics-data ul > li {
					position: relative;
					display: flex;
					margin: 0;
					padding: 5px 10px;
				}
					.filter-statistics-data ul > li > a {
						position: relative;
						display: block;
						font-weight: 700;
						text-transform: uppercase;
					}

/** MENSAJERÍA **/
.bm-before-message-list .pm-anon-warning {
	padding: 20px;
	color: #222;
	font-weight: 600;
	background-color: #ff9000;
}


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

	.grupo-container-statistics .pregunta-wrapper-statistic {
		width: calc( 50% - 40px);
		max-width: none;
	}
}

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

	.grupo-container-statistics .pregunta-wrapper-statistic {
		width: 100%;
	}
}

.grupo.collapsible > .grupo-pregunta {
	display: none;
}

.grupo-nombre .toggle-btn {
	width: 24px;
	height: 24px;
	border-radius: 50%;
	border: 1px solid #ccc;
	background: #fff;
	cursor: pointer;
	font-size: 18px;
	line-height: 1;
	padding: 0;
}