@import url('https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url("/plugins/fonts/pizza-pwd/css/pizza-pwd.css");
@import url("darkmode.css");

:root {
	--bg-gradient: radial-gradient(circle at -16.45% 25.82%, #6b7238 0, #606a2e 25%, #546223 50%, #485a18 75%, #3c530e 100%);
	--l-primary: #546223;
	--l-font-family: "Nunito", sans-serif;
	--l-link-inactive: hsl(67, 34%, 60%);
}

.text-l-primary {
	color: var(--l-primary);
}

.bg-l-primary {
	background: var(--l-primary);
	color: var(--bs-light);
}

.bg-l-gradient {
	background: var(--bg-gradient);
}

html,
body {
	height: 100%;
	font-family: Nunito, 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

body {
	background: var(--bs-light);
}

/* Ocultar las flechas de los input de tipo number */
input[type="number"].no-arrows {
	-moz-appearance: textfield;
}

input[type="number"].no-arrows::-webkit-outer-spin-button,
input[type="number"].no-arrows::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

#lichtContent:not(.login #lichtContent) {
	overflow-y: scroll;
}

/* Rotar las tabs y cambiar el sentido de la escritura. Así la barra de desplazamiento horizontal se muestra en la parte superior del elemento sin alterar el aspecto de las tabs. */
.flip-v {
	transform: rotate(180deg);
	direction: rtl;
	flex-wrap: nowrap;
}

.flip-v .nav-link {
	transform: rotate(180deg) translate(0, 1px);
	display: flex;
	align-items: center;
	gap: .25rem;
}

.nav-tabs {
	overflow-x: auto;
	overflow-y: hidden;
	scrollbar-width: thin;
	scrollbar-color: var(--bs-gray-400) transparent;
	margin-bottom: calc(-1.2 * var(--bs-card-cap-padding-y));
}

.flip-v.nav-tabs {
	padding: 0;
}

.nav-tabs::-webkit-scrollbar {
	height: 5px;
}

.nav-tabs::-webkit-scrollbar-track {
	background: transparent;
}

.nav-tabs::-webkit-scrollbar-thumb {
	background-color: transparent;
	border-radius: 1em;
}

.flip-v .card-header-tabs {
	padding-bottom: .25rem
}

.cursor-pointer {
	cursor: pointer;
}

.table td.text-truncate {
	max-width: 1px;
}

/*Arreglos de DataTables*/
.dtsb-searchBuilder.dropdown-menu {
	padding: 1rem !important;
	box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important;
}

.dtsb-titleRow {
	border-bottom: 1px solid #dee2e6 !important;
}

.dtsb-title {
	font-size: 1.25rem;
	margin-top: 0;
	margin-bottom: .5rem;
	font-weight: 500;
	line-height: 1.2;

}

.dtsb-searchBuilder .btn-light {
	border: 1px solid #dee2e6 !important;
}

.dt-button-collection .dropdown-menu {
	box-shadow: none !important;
}

div.dt-button-background {
	background: rgba(0, 0, 0, .5);
}

.dataTable.rounded {
	border-radius: var(--bs-border-radius) !important;

	thead tr:first-child {
		th:first-child {
			border-top-left-radius: var(--bs-border-radius);
		}

		th:last-child {
			border-top-right-radius: var(--bs-border-radius);
		}
	}

	tbody tr:last-child {
		td:first-child {
			border-bottom-left-radius: var(--bs-border-radius);
		}

		td:last-child {
			border-bottom-right-radius: var(--bs-border-radius);
		}
	}
}

@media (max-width: 767.98px) {
	#offcanvasLichtMenu {
		max-width: 80%;
	}
}

.no-arrows::-webkit-inner-spin-button,
.no-arrows::-webkit-outer-spin-button {
	-webkit-appearance: none !important;
	margin: 0;
}

/* Arreglos de Bootstrap */

/* Clase form-select-plaintext */
.form-select-plaintext {
	display: block;
	width: 100%;
	padding: 0.375rem 0;
	margin-bottom: 0;
	line-height: 1.5;
	color: var(--bs-body-color);
	background-color: transparent;
	border: solid transparent;
	border-width: var(--bs-border-width) 0;
	/* Ocultar la flecha de apertura del select*/
	appearance: none;
}

.card {
	--bs-card-border-color: transparent;
	--bs-card-border-radius: .75rem;
	--bs-card-inner-border-radius: .75rem;

	box-shadow: var(--bs-box-shadow);
}

.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
	border-color: transparent;
	box-shadow: var(--bs-box-shadow);

}

.modal {
	--bs-modal-border-radius: .75rem;
}

/* Arreglos de SweetAlert2 */
html body.swal2-height-auto {
	height: 100% !important;
}

/* Arreglos de Toast */
.toast {
	--bs-toast-spacing: 1rem;
}

@media print {
	#lichtContent {
		overflow-y: visible !important
	}
}