/* head table */

.search-documents {
	display: flex;
	gap: 0.4rem;
	align-items: center;
	flex-wrap: wrap;
}

.search-pagination,
.search-datatable {
	padding-left: 2rem;
}

.label-search_arr_doc {
	position: relative;
	display: flex;
	width: 350px;
}

.label-search_arr_doc input[type="text"] {
	border-radius: 8px;
}

.icon-delete-left {
	position: absolute;
	right: 8px;
	top: 10px;
	cursor: pointer;
}

.icon-search_arr_doc {
	position: absolute;
	left: 10px;
}

.table-responsive {
	min-height: 63vh;
}

/* head table */

/* columns */

#table thead th:last-child {
	min-width: 97px !important;
}

#table_support thead th:last-child {
	min-width: 100px !important;
	max-width: 100px !important;
}

#table thead th:nth-child(3) {
	min-width: 300px !important;
	max-width: 300px !important;
}

#table thead th:nth-child(14) {
	min-width: 300px !important;
	max-width: 300px !important;
}

#table thead th:nth-child(4) {
	min-width: 140px !important;
	max-width: 140px !important;
}

#table thead th:nth-child(2) {
	min-width: 115px !important;
	max-width: 115px !important;
}

#table_invoices thead th:nth-child(4) {
	min-width: 162px !important;
	max-width: 162px !important;
}

#table_invoices thead th:nth-child(3) {
	min-width: 240px !important;
	max-width: 240px !important;
}

/* columns */


/* info contract */
.information-contract,
.information-subcontract,
.information {
	display: flex;
	flex-direction: column;
	/* border: 1px solid; */
	border-radius: 8px;
	padding: 8px;
	gap: 2px;
	box-shadow: var(--boxshadow-1);
	background-color: var(--neutral50);
}

.information-contract .information-contract-title,
.information .information-contract-title,
.information-subcontract .information-contract-title {
	font-size: 20px;
	font-weight: 600;
	font-size: 1.2rem;
	color: var(--color-neutral300);
}

.information-item {
	font-size: 14px;
	color: var(--color-neutral300);
}

.ctn-btn-filter {
	display: flex;
	align-items: center;
	gap: 4px;
}

/* info contract */


textarea#observations {
	min-height: 150px;
}

.ctn-docs {
	flex-wrap: wrap;
	gap: 0.5rem;
	row-gap: 0rem;
}

/* ctn-search-order */
.ctn-btn-search-orders {
	display: flex;
	align-items: end;
	gap: 0.5rem;
}

.com-ctn-btn-search-orders-1 {
	width: calc(100% - 81px);
	width: -webkit-fill-available;
}

/* ctn-search-order */
.information--default {
	display: flex;
	flex-direction: column;
	border: none;
	border-radius: 8px;
	padding: 8px;
	gap: 2px;
	box-shadow: none;
	background-color: #fff;
}

.ctn-form-2column {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-template-columns: 50% 50%;
	column-gap: 8px;
}

.dropdown-menu[x-placement^=left],
.dropdown-menu[x-placement^=right],
.dropdown-menu[x-placement^=top] {
	right: auto !important;
}

/* previews */
.content-table-pre-rotule {
	border: 0.5px solid #cbcbcb !important;
	border-radius: 4px;
	background-color: transparent;
	/* max-height: 9cm; */
	max-width: 100%;
	/* width: 8.3cm; */
	overflow: hidden;
	display: flex;
	flex-direction: column;
	width: 50%;
	margin: 0 auto;
}

.content-table-pre-rotule .table-previews {
	border-collapse: collapse;
	width: 100%;
	max-width: inherit;
	max-height: inherit;
}

.title {
	font-weight: bold;
	padding-left: 4px;
	/* font-size: 7px; */
	/* color: black; */
}

.border-right {
	border-right: 0.5px solid #cbcbcb !important;
}

.pt-2 {
	padding-top: 2px;
}

.pl-2 {
	padding-left: 2px;
}

.mb-0 {
	margin-bottom: 0px;
}

.w-100 {
	width: 100%;
}

.border-bottom {
	border-bottom: 0.5px solid #cbcbcb !important;
}

.border-left {
	border-left: 0.5px solid #cbcbcb !important;
}

.content-table-pre-rotule .table-previews th {
	padding: 0px;
	text-align: center;
}

.txt-center {
	text-align: center;
}

/* guide */
.content-table-pre-guide {
	width: 100%;
	border: 0.5px solid #cbcbcb !important;
	border-radius: 4px;
	background-color: transparent;
	overflow: hidden;
}

.text-left {
	text-align: left;
}

.custom-table {
	background-size: 50% auto;
	background-repeat: no-repeat;
	background-image: url('../../img/previews/logo_cohoriente_opaco.png');
	background-position: center;
	background-size: contain;
}

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

.border-camp {
	border-left: 0.5px solid #cbcbcb !important;
	border-right: 0.5px solid #cbcbcb !important;
}

.border-top {
	border-top: 0.5px solid #cbcbcb !important;
}

.boder-bottom {
	border-bottom: 0.5px solid #cbcbcb !important;
}

.boder-right {
	border-right: 0.5px solid #cbcbcb !important;
}

.boder-left {
	border-left: 0.5px solid #cbcbcb !important;
}

.vertical-aling-middle {
	vertical-align: middle;
}

.vertical-aling-top {
	vertical-align: top;
}

.vertical-aling-bottom {
	vertical-align: bottom;
}

.img-width {
	max-height: 50px;
	text-align: center;
}

.table-previews {
	font-size: 12px !important;
}

.table-previews .txt {
	padding: 0px I !important;
}

.border-bottom-0 {
	border-bottom: 0px !important;
}

/* previews */

/* Evita que el dropdown se corte */
.dataTables_scrollBody {
	overflow: visible !important;
	position: relative;
	z-index: 1;
}

/* Asegura que el dropdown esté encima de todo */
.dropdown-menu {
	z-index: 9999 !important;
}

/* Si estás usando columnas fijas */
.dtfc-fixed-left,
.dtfc-fixed-right {
	overflow: visible !important;
}

.mdi-calculate {
	color: var(--background-btn-green) !important;
}