::ng-deep .multiline-tooltip  {
	white-space: pre-line !important;
	font-size: 1.3em !important;
	color: white !important;
	text-align: center !important;
}

.mat-icon-info {
	cursor: pointer;
	color: #E63C2D !important;
}

.mat-icon-info:hover {
	color: #df685d !important;
}

.span-servicio-nombre {
	padding-left: 24px !important;
}

@media screen and (max-width: 1499px) {
	.table-responsive {
		display: block;
		width: 100%;
		overflow-x: auto;
		z-index: 1;
		mat-table {
			width: 100%;
			max-width: 100%;
			margin-bottom: 1rem;
			display: table;
			border-collapse: collapse;
			margin: 0px;
		}
		mat-row,
		mat-header-row {
			display: table-row;
		}
		mat-cell,
		mat-header-cell {
			word-wrap: initial;
			display: table-cell;
			padding: 0px 5px;
			line-break: unset;
			width: auto;
			white-space: nowrap;
			overflow: hidden;
			vertical-align: middle;
		}
	}
}

@media screen and (min-width: 1500px) {
	mat-header-cell {
		text-wrap: normal!important;
		font-size: 1.2em!important;
		text-align: left!important;
		padding-left: 5px!important;
		padding-right: 5px!important;
	}

	mat-cell {
		text-wrap: normal!important;
		font-size: 1.2em!important;
		padding-left: 5px!important;
		padding-right: 5px!important;
		align-self: center!important;
	}

	.maxwidth200 {
		max-width: 200px!important;
	}

	.maxwidth150 {
		max-width: 150px!important;
	}

	.maxwidth100 {
		max-width: 100px!important;
	}

	.maxwidth80 {
		max-width: 80px!important;
	}
}
