.tablas {

	position: relative;
	top: 60px;
	left: 18%;
	min-height: calc((100% - 60px) - 100px);
	width: calc((100% - 16%) - 50px);
	height: calc((100% - 60px) - 100px);
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	overflow-x: auto;
	border: none;
	border-radius: 5px 5px 5px 5px;
	text-align: center;

}

.tableReportAso {
	margin-top: 50px;
	width: auto;
	table-layout: auto;
}

.tableReportAso th {

	white-space: nowrap;
	height: 120px;
	padding: 5px;
	text-align: center;
	writing-mode: vertical-rl;
	transform: rotate(180deg);
	text-wrap: wrap;
	border: 1px solid var(--color-navbar);
}

.tableReportAso td {

	border: 1px solid var(--color-navbar);
	text-align: center;
}

.tableShipments {
	background-color: #FFF;
}

.tableShipments tr td:nth-last-child(-n+3) {
	/* Estilos para las últimas tres columnas */
	min-width: 100px !important;
	max-width: 100px !important;
	vertical-align: middle;
	text-align: center;
	/* Agrega otros estilos según tus preferencias */
}
.selected>td {
	background-color: #EA3A11;
	color: #FFF;
}
.btnTdTable {

	max-width: 30px;
	width: 35px;
	max-height: 30px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: 20px;
	cursor: pointer;
}

.btnDelete {

	background-image: url("../img/eliminar.svg");
}

.btnEdit {

	background-image: url("../img/editar.svg");
}

.btnActivity {

	background-image: url("../img/iconos/actividades.png");
}

.btnMateriales {

	background-image: url("../img/iconos/materiales.png");
}

.btnTdTable:hover {

	transition: 0.2s all ease-in-out;
	background-size: 30px;
}


.divColLiq {

	min-height: 95%;
	max-height: 95%;
	width: 48%;
	margin: 5px;
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;

}

.divColShipment {

	min-height: 98%;
	max-height: 98%;
	width: 48%;
	margin: 5px;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;

}

.colDataShipment {

	width: calc((100% / 2) - 20px);
	max-height: 100%;
	margin: 10px;

}

.contentData {

	margin-bottom: 10px;
	max-height: 100% !important;
	text-align: left;
	background-color: #FFF;
	border-radius: 10px;
	font-size: 0.9rem;
	padding: 10px;
	overflow: auto;

}

table {
	width: 100%;
	/* Establece el ancho total de la tabla al 100% del contenedor */
}


.divOther {

	max-width: 100%;
	max-height: 230px;
	background-color: #FFF;
	border-radius: 10px;
	padding: 15px;
	overflow: auto;
	margin: 10px;

}

.divOtherDoble {

	max-width: 100%;
	background-color: #FFF;
	border-radius: 10px;
	padding: 15px;
	margin-top: 10px;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	margin: 10px;

}

.secShipmentOp {

	margin: 5px 15px 0px 15px;
	max-width: 100% !important;
	background-color: #FFF;
	border-radius: 10px;
	overflow: auto;
	padding: 15px;

}

.rowShipment {

	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	margin-bottom: 15px;
	justify-content: left;
	align-items: center;
	border-bottom: 1px solid rgba(216, 99, 22, 0.5);
	line-height: 14px;

}

.rowShipment label {

	margin-right: 15px;
	width: auto;
	font-size: 0.9rem;

}

.rowShipment span {

	color: #EA3A11;
	font-size: 0.9rem;

}

.column-list {
	list-style: none;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
}

.column-list li {
	flex: 1;
	margin: 10px;
	padding: 10px;
	border: 1px solid #ccc;
}

.tableAsignacion {

	top: 110px !important;
	background-color: transparent !important;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-content: flex-start;

}

.elementAsig {

	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-start;
	align-content: flex-start;
	border-radius: 5px;
	background-color: #fff;
	width: 260px;
	padding: 10px;
	margin: 10px;

}

.titleUni {

	display: flex;
	flex-direction: row;
	justify-content: center;
	align-content: center;
	align-items: center;
	min-width: 100%;
	height: 40px;
	font-size: 22px;
	background-color: #EA3A11;
	color: #fff;
	margin-bottom: 10px;

}

.dataAsignacion {

	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-start;
	align-content: flex-start;
	min-width: 100%;

}

.dataAsignacion label {

	text-align: start;
	color: #EA3A11;

}

.dataAsignacion span {

	color: #424242;

}

.dataFunction {

	display: flex;
	flex-direction: row;
	justify-content: center;
	width: 100%;
}

.elementFunction {

	min-width: 35px !important;
	min-height: 35px !important;
	background-position: center;
	background-repeat: no-repeat;
	background-size: 100%;
	margin: 20px;
	border-radius: 5px;

}

.elementFunctionHeader {

	min-width: 40px !important;
	min-height: 40px !important;
	max-width: 40px !important;
	max-height: 40px !important;
	background-position: center;
	background-repeat: no-repeat;
	background-size: 80%;
	border-radius: 5px;
	margin-left: 80%;

}

.elementPDF {

	background-image: url("../img/iconos/Ticket_Importar.svg");

}

.tablas_reportes {

	position: relative;
	top: 14%;
	left: 18%;
	width: calc((100% - 16%) - 50px);
	height: calc(75vh - 50px);
	display: block;
	overflow-x: auto;
	background-color: white;
	border: none;
	border-radius: 5px;
	text-align: center;

}

.tablas_info_empleados {

	position: relative;
	top: 60px;
	left: 18%;
	min-height: calc((100% - 60px) - 100px);
	width: calc((100% - 16%) - 50px);
	height: calc((100% - 60px) - 100px);
	display: block;
	overflow-x: none;
	background-color: transparent;
	border: none;
	border-radius: 5px 5px 5px 5px;
	text-align: center;

}

.sec_filter_search {

	position: relative;
	top: 60px;
	left: 18%;
	min-height: 15%;
	max-height: 25%;
	width: calc((100% - 16%) - 50px);
	display: block;
	background-color: transparent;
	border: none;
	border-radius: 5px 5px 5px 5px;
	text-align: left;
	margin-bottom: 20px;
}

.sec_empleados {

	position: relative;
	top: 50px;
	left: 18%;
	max-height: calc((100% - 200px) - 100px);
	width: calc((100% - 20%) - 50px);
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	overflow-x: none;
	overflow-y: scroll;
	border: none;
	border-radius: 5px 5px 5px 5px;
	text-align: center;
}

.table_roles_mod {

	position: absolute;
	top: calc((55% - 60px) - 100px);
	right: 2%;
	max-width: 16%;
	max-height: calc((70% - 60px) - 100px);
	display: block;
	overflow-x: scroll;
	background-color: rgba(255, 255, 255, 0.95);
	border: none;
	border-radius: 5px 5px 5px 5px;
	text-align: center;

}

.seccion_div_modulos {

	position: relative;
	top: 90px;
	left: 17%;
	min-height: calc((100% - 60px) - 100px);
	width: calc((100% - 38%) - 50px);
	height: calc((100% - 60px) - 100px);
	display: flex;
	flex-flow: row wrap;
	overflow-x: hidden;
	background-color: transparent;
	border: none;
	border-radius: 5px 5px 5px 5px;
	text-align: center;

}

.tabla_modulos {

	position: relative;
	width: calc((100% / 6.5) + 5px);
	min-width: calc((100% / 6.5) + 5px);
	max-height: calc(100% / 3);
	display: inline-block;
	background-color: transparent;
	border: none;
	border-radius: 5px 5px 5px 5px;
	text-align: left;
	margin: 20px;

}

.div_ul_li {

	position: relative;
	overflow-x: hidden;
	width: 100%;
	height: 90%;
	display: inline-block;
	background-color: #FFFFFF;
	border: none;
	border-radius: 5px 5px 5px 5px;
	text-align: left;

}

.li-operaciones_pol {

	border: none;
	display: flex;
	align-items: center;
	border-radius: 5px;
	margin: 3px;
	max-height: 35px !important;
	background-color: #FFFFFF;
	min-width: calc((100% - 9%));
	max-width: calc((100% - 9%));

}

.li-operaciones_pol a {

	color: #000000;
	display: flex;
	align-items: center;
	margin: 3px;
	max-height: 35px !important;
	min-width: calc((100% - 8%));
	max-width: calc((100% - 8%));

}

.li-operaciones_pol a:hover {

	transition: 0.5s;
	max-height: 35px !important;
	background-color: #424242;
	color: #fff;
	align-items: center;

}

.tablas_imagenes {

	position: absolute;
	top: 165px;
	left: 15%;
	min-width: 65%;
	min-height: 72%;
	width: 82%;
	display: block;
	overflow-x: auto;
	white-space: normal;
	background-color: rgba(255, 255, 255, 0.95);
	border: none;
	border-radius: 5px;
	text-align: center;

}

.tablas_modal {

	position: relative;
	top: 0px;
	left: 0px;
	min-width: 100%;
	min-height: 100%;
	width: 100%;
	height: 100%;
	display: block;
	overflow-x: auto;
	white-space: nowrap;
	background-color: white;
	border: none;
	border-radius: 5px;
	text-align: center;

}

.container_tablas {

	position: relative;
	top: 60px;
	left: 18%;
	min-height: calc(100% - 100px);
	width: calc((100% - 16%) - 50px);
	height: calc(100% - 100px);
	display: block;
	overflow-x: scroll;
	background-color: rgba(255, 255, 255, 0.95);
	border: none;
	border-radius: 5px 5px 5px 5px;
	text-align: center;
	padding: 10px;

}

.container_maps {

	position: relative;
	min-height: calc((100% - 60px) - 100px);
	width: calc((100% - 64%) - 50px);
	top: 2%;
	height: 88%;
	display: inline-block;
	overflow-x: scroll;
	background-color: rgba(255, 255, 255, 0.95);
	border: none;
	border-radius: 5px 5px 5px 5px;
	text-align: center;
	margin-left: 10px;
}

.tablas_panel {

	position: relative;
	min-height: calc((100% - 60px) - 100px);
	top: 2%;
	width: 65%;
	height: 88%;
	display: inline-block;
	overflow-x: scroll;
	background-color: rgba(255, 255, 255, 0.95);
	border: none;
	border-radius: 5px 5px 5px 5px;
	text-align: center;

}

thead tr th {
	position: sticky;
	top: 0;
	z-index: 10;
	background-color: #ffffff;
	bottom: 5px;
	color: #EA3A11;
	padding: 5px 15px 5px 15px;
	max-width: 250px;

}

tr {

	border-bottom: 1px solid rgba(229, 82, 38, 0.05);

}

tr td {

	padding: 5px 15px 5px 15px;
	max-width: 250px;
	word-wrap: break-word;
}

tr:hover {

	background-color: rgba(229, 82, 38, 0.7);
	color: white;

}

.paginacion_tabla {

	position: absolute;
	bottom: 0px;
	right: 12px;
	display: inline-block;
	align-content: space-between;
	align-items: baseline;
	max-height: 50px;

}

.paginacion_tabla span {

	margin-right: 20px;

}

.tableMod {

	max-height: 450px !important;
}



@media only screen and (min-height:0px) and (max-height: 1200px) and (max-width: 870px) {

	.tablas {

		min-height: calc((88% - 140px) - 70px);
		height: calc((88% - 140px) - 70px);

	}

	.info-general {

		top: 14%;
		left: 5%;
		width: 94%;
		flex-wrap: wrap;

	}

	.tablas_reportes {
		top: 16%;
		min-height: calc((84% - 140px) - 70px);
		height: calc((84% - 140px) - 70px);

	}

	.paginacion_tabla {

		right: 4%;

	}

}

@media only screen and (min-height:0px) and (max-height: 780px) and (max-width: 870px) {

	.info-general {

		top: 18%;
		left: 5%;
		width: 94%;
		flex-wrap: wrap;

	}

	.tablas_reportes {
		top: 20%;
		min-height: calc((84% - 140px) - 70px);
		height: calc((84% - 140px) - 70px);

	}

}

@media only screen and (min-width:0px) and (max-width: 869px) {

	.tablas {

		top: 120px;
		left: 5%;
		min-width: 91%;

	}

	.paginacion_tabla span {

		max-width: 170px;
		margin-right: 5px;

	}

	.tablas_reportes {

		left: 5%;
		min-width: 91%
	}

	.paginacion_tabla {

		right: 4%;

	}

}

@media only screen and (min-width:870px) and (max-width: 1200px) {

	.tablas {

		left: 30%;
		min-width: 67%;
		max-width: 67%;

	}

	.tablas_reportes {

		top: 15%;
		left: 30%;
		min-width: 67%;
		max-width: 67%;
		min-height: 90%;
		max-height: 90%;

	}

}