.page-formulario {
	max-width: 100%;
	margin-left: auto;
	margin-right: auto;
}

.page-formulario__title,
.page-formulario h2 {
	color: #16519d;
	font-size: 1.75rem;
	font-weight: 400;
	margin: 0 0 1.25rem;
	padding: 0;
}

.page-formulario .form-horizontal .control-label,
.page-formulario .form-horizontal .col-form-label {
	color: #16519d;
	font-weight: 700;
	text-align: left;
	padding-top: 7px;
}

@media (min-width: 576px) {
	.page-formulario .form-horizontal .control-label,
	.page-formulario .form-horizontal .col-form-label {
		text-align: right;
	}
}

.page-formulario .form-control {
	border: 1px solid #cccccc;
	border-radius: 4px;
	box-shadow: none;
	color: #333333;
	height: auto;
	padding: 0.5rem 0.75rem;
}

.page-formulario .form-control:focus {
	border-color: #16519d;
	box-shadow: none;
}

.page-formulario select.form-control {
	padding-right: 2rem;
}

.page-formulario .form-group {
	margin-bottom: 1rem;
}

.page-formulario .btn-default,
.page-formulario .btn-default:hover,
.page-formulario .btn-default:focus,
.page-formulario .btn-default:active {
	border: 1px solid #16519d;
	color: #fff;
	background-color: #16519d;
	background-image: none;
	filter: none;
	text-shadow: none;
	box-shadow: none;
	padding: 0.5rem 1.25rem;
	border-radius: 4px;
	font-weight: 600;
}

.page-formulario .btn-default:hover,
.page-formulario .btn-default:focus {
	border-color: #124178;
	background-color: #124178;
}

.page-formulario input[type="checkbox"] {
	width: 18px;
	height: 18px;
	margin: 0 0.35rem 0 0;
	vertical-align: middle;
}

.page-formulario .checkbox-inline-label {
	color: #333;
	font-weight: 400;
	margin: 0;
	padding-top: 7px;
}

.page-formulario .radio {
	margin-top: 0;
	margin-bottom: 10px;
}

.page-formulario .radio label {
	color: #16519d;
	font-weight: normal;
}

.page-formulario .radio:last-child {
	margin-bottom: 0;
}

.page-formulario .canal-filter-wrap {
	display: flex;
	align-items: center;
	gap: 10px;
}

.page-formulario .canal-filter-wrap .form-control {
	flex: 1;
	min-width: 0;
}

.page-formulario .form-actions {
	margin-top: 0.5rem;
	margin-bottom: 0;
}

.page-formulario .btn-toolbar {
	margin-left: 0;
}

.page-formulario .btn-toolbar .btn-group + .btn-group {
	margin-left: 10px;
}

.page-listado .page-formulario {
	max-width: none;
	margin-bottom: 1.5em;
}

.page-admin .page-formulario {
	max-width: none;
	margin-bottom: 1.5em;
}

.page-formulario .consultas-date-wrap {
	display: flex;
	align-items: center;
	gap: 8px;
}

.page-formulario .consultas-date-wrap .form-control {
	flex: 1;
	min-width: 0;
}

.page-formulario .date-picker-trigger {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 0;
	line-height: 1;
	color: #16519d;
	cursor: pointer;
	flex-shrink: 0;
	border: 0;
	background: transparent;
}

.page-formulario .date-picker-trigger:hover,
.page-formulario .date-picker-trigger:focus {
	color: #124178;
	outline: none;
}

/* Cuadrícula 3×3 (#16519d), como glyphicon-th del mockup */
.page-formulario .date-picker-trigger .glyphicon.glyphicon-th {
	position: static;
	top: auto;
	width: 16px;
	height: 16px;
	font-size: 0;
	line-height: 0;
}

.page-formulario .date-picker-trigger .glyphicon.glyphicon-th::before {
	content: '';
	display: block;
	width: 16px;
	height: 16px;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Crect fill='%2316519d' x='1' y='1' width='4' height='4'/%3E%3Crect fill='%2316519d' x='6' y='1' width='4' height='4'/%3E%3Crect fill='%2316519d' x='11' y='1' width='4' height='4'/%3E%3Crect fill='%2316519d' x='1' y='6' width='4' height='4'/%3E%3Crect fill='%2316519d' x='6' y='6' width='4' height='4'/%3E%3Crect fill='%2316519d' x='11' y='6' width='4' height='4'/%3E%3Crect fill='%2316519d' x='1' y='11' width='4' height='4'/%3E%3Crect fill='%2316519d' x='6' y='11' width='4' height='4'/%3E%3Crect fill='%2316519d' x='11' y='11' width='4' height='4'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}

.page-formulario .date-picker-trigger:hover .glyphicon.glyphicon-th::before,
.page-formulario .date-picker-trigger:focus .glyphicon.glyphicon-th::before {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Crect fill='%23124178' x='1' y='1' width='4' height='4'/%3E%3Crect fill='%23124178' x='6' y='1' width='4' height='4'/%3E%3Crect fill='%23124178' x='11' y='1' width='4' height='4'/%3E%3Crect fill='%23124178' x='1' y='6' width='4' height='4'/%3E%3Crect fill='%23124178' x='6' y='6' width='4' height='4'/%3E%3Crect fill='%23124178' x='11' y='6' width='4' height='4'/%3E%3Crect fill='%23124178' x='1' y='11' width='4' height='4'/%3E%3Crect fill='%23124178' x='6' y='11' width='4' height='4'/%3E%3Crect fill='%23124178' x='11' y='11' width='4' height='4'/%3E%3C/svg%3E");
}

.page-listado__export {
	margin: 0 0 1em;
}

.page-listado__export a {
	color: #16519d;
	font-weight: bold;
}

.page-listado__export a:hover,
.page-listado__export a:focus {
	color: #3176cf;
	text-decoration: none;
}