/*
 * Aspecto propio del portal. Copiado de VorwerkSignature (WEB-INF/css/custom.css), quitando lo que
 * aquí no existe (banderas, wysihtml5, acordeones, subida de imágenes) y adaptando lo que cambia
 * entre Bootstrap 4 y 5. El verde corporativo es #009a3d.
 */

main>.container, main>.container-fluid {
	padding: 85px 15px 20px;
}

@media ( min-width : 1200px) {
	.container-fluid {
		max-width: 1400px;
	}
	.container-fluid-xl {
		max-width: 95% !important;
	}
}

.home-container {
	background-size: cover;
	background-repeat: no-repeat;
	height: 100vh;
	font-family: 'Numans', sans-serif;
	padding: 85px 15px 20px;
	text-align: center;
	max-width: 100% !important;
}

nav {
	background-color: #f8f8f8 !important;
}

/*
 * Bootstrap 4 trae .navbar { padding: .5rem 1rem }. La 5 pone --bs-navbar-padding-x: 0 y espera
 * que ese hueco lo aporte un .container hijo, que aquí no hay porque Signature tampoco lo tiene.
 * Sin esto el logo queda pegado al borde izquierdo y los desplegables al derecho.
 *
 * El selector es nav.navbar (0-1-1) y no nav (0-0-1) a propósito: Bootstrap declara la variable
 * dentro de .navbar (0-1-0), así que desde nav a secas pierde el pulso de la especificidad y no
 * se aplica.
 */
nav.navbar {
	--bs-navbar-padding-x: 1rem;
	padding-right: 1rem;
	padding-left: 1rem;
}

nav .logo {
	max-height: 40px;
}

.btn-primary {
	background-color: #009a3d !important;
	border-color: #009a3d !important;
	color: white !important;
	font-weight: 700;
}

/*
 * Paginado de DataTables. La integración bootstrap5 usa .page-item/.page-link, y Bootstrap saca
 * su color de --bs-pagination-*, que por defecto apunta a --bs-primary (#0d6efd, azul). Como aquí
 * el primario es el verde corporativo, se redefinen las variables en lugar de pisar cada regla:
 * así el activo, el hover y el foco quedan en verde de una vez. Funciona porque custom.css se
 * carga después de Bootstrap y de DataTables, y la especificidad de .pagination es la misma.
 */
.pagination {
	--bs-pagination-color: #009a3d;
	--bs-pagination-hover-color: #007a30;
	--bs-pagination-focus-color: #007a30;
	--bs-pagination-focus-box-shadow: 0 0 0 0.25rem rgba(0, 154, 61, .25);
	--bs-pagination-active-bg: #009a3d;
	--bs-pagination-active-border-color: #009a3d;
}

input[type=file] {
	line-height: 0;
	padding: 0;
}

input[type=file]::file-selector-button {
	margin-right: 20px;
	border: none;
	background: #009a3d;
	padding: 15px 15px;
	color: #fff;
	cursor: pointer;
	transition: background .2s ease-in-out;
}

.pointer {
	cursor: pointer;
}

.invalid-feedback {
	text-align: right;
}

.popover {
	max-width: 1000px !important;
}

.dataTables_length {
	margin: 2px;
}

.dataTables_length select {
	height: 38px;
}

.tooltip-inner {
	text-align: left;
	max-width: 600px;
}

/* Propio: los avisos flotantes son toasts de Bootstrap 5, no el complemento que usa Signature. */
#toastContainer {
	z-index: 1090;
}

table.dataTable td .fa-pencil-alt {
	color: #009a3d;
}

table.dataTable td .fa-trash {
	color: #dc3545;
}