a {
	color: black;
}

	a:hover {
		color: #007000;
	}

	a svg {
		color: #009000 !important;
		font-size: medium !important;
	}

		a svg:hover {
			color: #007000 !important;
		}

	a.icon-action {
		margin-left: 6px;
		margin-right: 6px;
	}

	a svg.font-xxl {
		min-width: 45px;
	}

.table-responsive, .datatable {
	display: block;
	width: 100%;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
}

	.table-responsive > .table-bordered, .datatable > .table-bordered {
		border: 0;
	}

	.table-responsive .table th,
	.table-responsive .table td {
		font-size: 0.75rem !important;
		padding: 0.55rem !important;
	}

.datatable {
	font-size: 0.85rem;
}

.form-row {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
	padding: 20px 20px 0 0;
}

@media (min-width: 768px) {
	.datatable {
		overflow: visible;
	}
}

.datatable table.dataTable thead,
.datatable table.dataTable tfoot {
	/*color: #0061f2;*/
	color: #007000 !important;
}

	.datatable table.dataTable thead th,
	.datatable table.dataTable tfoot th {
		font-weight: 600;
	}

.datatable table.dataTable.table-dark thead,
.datatable table.dataTable.table-dark tfoot {
	color: #fff;
}

.datatable .btn-datatable {
	height: 20px !important;
	width: 20px !important;
	font-size: 0.75rem;
	border-radius: 0.35rem !important;
}

.datatable table.dataTable thead .sorting:before,
.datatable table.dataTable thead .sorting_asc:before,
.datatable table.dataTable thead .sorting_desc:before,
.datatable table.dataTable thead .sorting_asc_disabled:before,
.datatable table.dataTable thead .sorting_desc_disabled:before,
.datatable table.dataTable thead .sorting:after,
.datatable table.dataTable thead .sorting_asc:after,
.datatable table.dataTable thead .sorting_desc:after,
.datatable table.dataTable thead .sorting_asc_disabled:after,
.datatable table.dataTable thead .sorting_desc_disabled:after {
	display: none;
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
}

.datatable table.dataTable thead .sorting:after {
	content: "";
}

.datatable table.dataTable thead .sorting_asc:after,
.datatable table.dataTable thead .sorting_asc_disabled:after {
	content: "";
}

.datatable table.dataTable thead .sorting_desc:after,
.datatable table.dataTable thead .sorting_desc_disabled:after {
	content: "";
}

.datatable table.dataTable thead .sorting [data-fa-pseudo-element=":after"],
.datatable table.dataTable thead .sorting_asc [data-fa-pseudo-element=":after"],
.datatable table.dataTable thead .sorting_desc [data-fa-pseudo-element=":after"],
.datatable table.dataTable thead .sorting_asc_disabled [data-fa-pseudo-element=":after"],
.datatable table.dataTable thead .sorting_desc_disabled [data-fa-pseudo-element=":after"] {
	position: absolute;
	right: 10px;
	top: 50%;
	transform: translatey(-50%);
	color: #c5ccd6;
}

table.dataTable > tbody > tr.selected-row {
	box-shadow: inset 0 0 5px rgba(0, 123, 255, 0.3);
	background-color: #f0f8ff;
}

.tr-button {
	cursor: pointer;
}

	.tr-button:hover {
		box-shadow: inset 0 0 5px rgba(0, 123, 255, 0.3);
		background-color: #f0f8ff;
	}

.datatable table.dataTable thead .sorting_asc [data-fa-pseudo-element=":after"],
.datatable table.dataTable thead .sorting_desc [data-fa-pseudo-element=":after"],
.datatable table.dataTable thead .sorting_asc_disabled [data-fa-pseudo-element=":after"],
.datatable table.dataTable thead .sorting_desc_disabled [data-fa-pseudo-element=":after"] {
	/*color: #0061f2;*/
	color: #007000 !important;
}

.datatable table.dataTable.table-dark thead .sorting [data-fa-pseudo-element=":after"] {
	color: rgba(255, 255, 255, 0.25);
}

.datatable table.dataTable.table-dark thead .sorting_asc [data-fa-pseudo-element=":after"],
.datatable table.dataTable.table-dark thead .sorting_desc [data-fa-pseudo-element=":after"],
.datatable table.dataTable.table-dark thead .sorting_asc_disabled [data-fa-pseudo-element=":after"],
.datatable table.dataTable.table-dark thead .sorting_desc_disabled [data-fa-pseudo-element=":after"] {
	color: rgba(255, 255, 255, 0.75);
}

.dt-info {
	color: #69707a !important;
}

.table tbody td {
	vertical-align: middle;
}

.table th, .table td {
	white-space: nowrap;
	font-size: 0.85rem !important;
	padding: 0.75rem !important;
}

.text-center {
	text-align: center !important;
}

.table td {
	color: #69707a;
}

.pagination {
	display: flex;
	padding-left: 0;
	list-style: none;
	border-radius: 0.35rem;
}

div.dt-container .dt-paging .dt-paging-button.current, div.dt-container .dt-paging .dt-paging-button.current:hover {
	z-index: 3;
	color: #fff !important;
	background-color: #007000 !important;
	border-color: #007000 !important;
}

div.dt-container .dt-paging .dt-paging-button {
	padding: 0.5rem 0.75rem;
	margin-left: -1px;
	line-height: 1.25;
	color: #007000 !important;
	background-color: #fff;
	border: 1px solid #d4dae3;
}

	div.dt-container .dt-paging .dt-paging-button.disabled, div.dt-container .dt-paging .dt-paging-button.disabled:hover, div.dt-container .dt-paging .dt-paging-button.disabled:active {
		padding: 0.5rem 0.75rem;
		margin-left: -1px;
		line-height: 1.25;
		color: #007000;
		background-color: #fff;
		border: 1px solid #d4dae3;
	}

.select2-container {
	z-index: 9999;
}

.styled-table {
	font-size: 0.85rem;
}

	.styled-table table {
		white-space: nowrap;
	}

	.styled-table thead, .styled-table tfoot {
		color: #007000 !important;
		font-weight: 600;
	}

	.styled-table tbody td {
		vertical-align: middle;
		color: #69707a;
		padding: 0.75rem !important;
	}

	.styled-table th, .styled-table td {
		white-space: nowrap;
		font-size: 0.85rem !important;
		padding: 0.75rem !important;
	}

.modal-xxl {
	max-width: 85%;
}

.btn-approve, .btn-reject {
	width: 25px;
	height: 25px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	border: 2px solid transparent;
	font-size: 1.1rem;
	margin-right: 5px;
}

.btn-approve {
	border-color: #198754;
	color: #198754;
	background-color: #e9f9f1;
}

	.btn-approve:hover {
		background-color: #198754;
		color: #fff;
	}

.btn-reject {
	border-color: #dc3545;
	color: #dc3545;
	background-color: #fce9eb;
}

	.btn-reject:hover {
		background-color: #dc3545;
		color: #fff;
	}

.active-check {
	background-color: #198754 !important;
}

.disactive-check {
	background-color: #dc3545 !important;
}

.modal-img {
	display: block;
	margin: 10px auto;
	max-width: 100%;
	max-height: 250px;
	object-fit: contain;
	border-radius: 6px;
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
}

.modal-img-container {
	text-align: center;
	max-height: 300px;
	overflow: auto;
}

.btn-outline-green {
	color: #00ac69;
	border-color: #00ac69;
	padding: 0;
	justify-content: center;
	overflow: hidden;
	border-radius: 100%;
	flex-shrink: 0;
	font-size: 0.75rem;
	line-height: 1;
	transition: none;
}

.xdsoft_datetimepicker-additionals {
	border-radius: 6px !important;
	box-shadow: 0 3px 10px rgba(0,0,0,0.2) !important;
	background: #fff !important;
	left: 1335px !important;
	display: flex !important;
	justify-content: space-between !important;
	min-width: 370px !important;
	height: 350px;
	position: static !important;
}


.xdsoft_save_cancel {
	text-align: center;
	padding: 10px 0 5px 0;
	display: flex;
	justify-content: space-evenly;
}

	.xdsoft_save_cancel i {
		font-size: 32px !important;
		margin: 0 10px;
		cursor: pointer;
	}

	.xdsoft_save_cancel .fa-floppy-disk {
		color: green;
	}

	.xdsoft_save_cancel .fa-xmark {
		color: red;
	}

	.xdsoft_save_cancel i:hover {
		opacity: 0.7;
	}

.xdsoft_datetimepicker.hidden-important {
	display: none !important;
}


@media (max-width: 768px) {
	.xdsoft_datetimepicker {
		left: -32px !important;
	}

	.form-control {
		min-width: 100%;
		width: auto;
	}
}
.span-width {
	width: 100%;
}
@media (max-width: 768px) {
	.span-width {
		width:auto;
	}
}
body:has(#modalOverlay.show) .modal-backdrop {
	z-index: 2000 !important;
}

#modalOverlay {
	z-index: 2001 !important;
}


.column_adjust {
	flex: 0 0 auto;
	width: 25%;
}

@media (max-width: 1280px) {
	.column_adjust {
		flex: 0 0 auto;
		width: 45%;
	}
}
@media (max-width: 768px) {
	.column_adjust {
		flex: 0 0 auto;
		width: 50%;
	}
}

.btn-warning {
	width: 25px;
	height: 25px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	border: 2px solid transparent;
	font-size: 1.1rem;
	margin-right: 5px;
	border-color: #ffc720;
	color: #ffc720;
	background-color: lightyellow !important;
}
.warranty-check {
	background-color: #ffc720 !important;
}

.btn-xs {
	padding: 1px 5px;
	font-size: 12px;
	line-height: 1.5;
}

.answer-item .d-flex.flex-column {
	justify-content: center;
	align-items: center;
}

/* Contenedor principal del Checklist */
#contentChecklist {
	max-height: 600px; /* Altura fija ajustable según prefieras */
	overflow-y: auto; /* Muestra scroll solo si el contenido excede la altura */
	overflow-x: hidden; /* Evita scroll horizontal molesto */
	padding: 15px;
	border: 1px solid #ddd;
	border-radius: 8px;
	background-color: #f9f9f9;
	box-shadow: inset 0 1px 3px rgba(0,0,0,0.1);
}

	/* Estilo opcional para que el scroll se vea más moderno (Chrome/Edge/Safari) */
	#contentChecklist::-webkit-scrollbar {
		width: 8px;
	}

	#contentChecklist::-webkit-scrollbar-thumb {
		background: #ccc;
		border-radius: 4px;
	}

		#contentChecklist::-webkit-scrollbar-thumb:hover {
			background: #bbb;
		}

/* Espaciado para que las secciones no se vean pegadas al borde */
.row[id^="contentSection_"] {
	margin-top: 15px;
	padding-top: 10px;
	border-top: 2px solid #eee;
}

/* Contenedor individual de cada pregunta */
.question-item {
	background-color: #ffffff;
	border-left: 5px solid #007bff; /* Una barra azul lateral para indicar que es una pregunta */
	border-radius: 4px;
	margin-bottom: 20px;
	padding: 15px;
	box-shadow: 0 2px 4px rgba(0,0,0,0.05);
	transition: all 0.3s ease;
}

	.question-item:hover {
		box-shadow: 0 4px 8px rgba(0,0,0,0.1);
		border-left-color: #0056b3;
	}

/* Título de la zona de respuestas dentro de la pregunta */
.answers-container-title {
	font-size: 11px;
	text-transform: uppercase;
	color: #888;
	font-weight: bold;
	margin-top: 10px;
	border-bottom: 1px solid #eee;
	padding-bottom: 5px;
	margin-bottom: 10px;
}