input[type="radio"] {
	width: 18px !important;
	height: 18px;
	border-radius: 15px;
	top: 0px;
	left: 0px;
	position: relative;
	background-color: #d1d3d1;
	content: "";
	display: inline-block;
	visibility: visible;
	border: 1px solid white;
	border: 1px solid rgb(210, 210, 210);
	background-color: white;
	&.disable {
		width: 50px;
		height: 50px;
		background-color: red;
		border: 5px solid #d1d3d1;
	}
	&.pinned {
		border: 5px solid #95c11f !important;
	}
	&.small {
		width: 16px !important;
		height: 16px !important;
		border: 2px solid white;
		border: 1px solid rgb(210, 210, 210);
	}
}

input[type="radio"]:checked:after {
	width: 18px;
	height: 18px;
	border-radius: 15px;
	top: 6px;
	//bottom: 5px;
	left: 0px;
	position: relative;
	background-color: white;
	content: "";
	display: inline-block;
	visibility: visible;
	//border: 1px solid rgb(210, 210, 210);
	border: 4.5px solid #95c11f;
	&.small {
		width: 16px !important;
		height: 16px !important;
	}
}

.custom-checkbox {
	height: 15px;
	width: 15px;
	border-radius: 2px;
	//background-color: white;
	border: 1px solid rgb(210, 210, 210);
	z-index: 0;
	position: relative;
	cursor: pointer;
	outline: 0 !important;
	margin: 0 0 0 45% !important;

	/* remove hightlight */
	-webkit-tap-highlight-color: transparent !important;
	-webkit-touch-callout: none; /* iOS Safari */
	-webkit-user-select: none; /* Safari */
	-khtml-user-select: none; /* Konqueror HTML */
	-moz-user-select: none; /* Old versions of Firefox */
	-ms-user-select: none; /* Internet Explorer/Edge */
	user-select: none;

	img.check {
		-webkit-tap-highlight-color: transparent !important;
		-webkit-touch-callout: none; /* iOS Safari */
		-webkit-user-select: none; /* Safari */
		-khtml-user-select: none; /* Konqueror HTML */
		-moz-user-select: none; /* Old versions of Firefox */
		-ms-user-select: none; /* Internet Explorer/Edge */
		user-select: none;

		position: absolute;
		z-index: 1;
		top: -4px;
		left: 3px;
	}
}
.disable {
	color: grey;
	border: 1px solid rgb(210, 210, 210);
	img.check {
		-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
		filter: grayscale(100%);
	}
}
.custom-checkbox:focus {
	border: 2px solid #eaf6cb;
	img.check {
		-webkit-tap-highlight-color: transparent !important;
		-webkit-touch-callout: none; /* iOS Safari */
		-webkit-user-select: none; /* Safari */
		-khtml-user-select: none; /* Konqueror HTML */
		-moz-user-select: none; /* Old versions of Firefox */
		-ms-user-select: none; /* Internet Explorer/Edge */
		user-select: none;

		position: absolute;
		z-index: 1;
		top: -4px;
		left: 3px;
	}
}
.c-table {
	border: 1px solid $border;
	position: relative;
	background: $white;
	width: 100%;
	thead {
		border: 1px solid $border !important;

		tr {
			height: 55px;
			th {
				vertical-align: middle;
				height: 62px !important;
				font-weight: 500;
				font-size: 15px;
				padding: 0 15px;
				position: static;
				top: -1;
				background-color: $white;
				color: $primary-brand;
				//border-bottom: 2px solid $border !important ;
				z-index: 10;
				white-space: nowrap;
				&:first-child {
					padding-left: 35px;
				}

				@include breakpoint(md) {
					padding: 15px;
				}
			}
		}
	}

	tbody {
		tr {
			transition: border 0.5s;
			&:nth-child(even) {
				background: $secondary-brand;
				border-top: 0px solid white;
			}
			&:nth-child(odd) {
				border-top: 0px solid $secondary-brand;
			}
			td {
				position: static;
				font-size: 13px;
				padding: 15px;
				vertical-align: middle;
				&:first-child {
					padding-left: 35px;
				}
				&:last-child {
					display: flex;
					justify-content: flex-end;
					min-width: max-content !important;
					gap: 10px;
					margin-left: auto;
					padding-right: 35px;
				}
				a {
					color: black !important;
				}
				@include breakpoint(md) {
					padding: 15px;
				}
			}
		}
	}
	&.form {
		thead {
			tr {
				th {
					display: table-cell;
					text-align: start;
					width: 200px !important;
					&:nth-child(3) {
						text-align: center;
					}
					&:last-child {
						width: fit-content !important;
						display: flex;
						justify-content: flex-end;
						min-width: max-content !important;
						margin-left: auto;
						padding: 15px;
						padding-right: 35px;
					}
				}
			}
		}

		tbody {
			tr {
				display: table-row;
				td {
					position: static;
					display: table-cell;
					text-align: center;
					&:last-child {
						display: flex;
						justify-content: flex-end;
						min-width: max-content !important;
						margin-left: auto;
						padding: 15px;
						padding-right: 35px;
						min-width: max-content !important;
					}
					&:first-child {
						text-align: start;
					}
					a {
						color: black !important;
					}
				}
			}
		}
	}
	tfoot {
		tr {
			height: 55px;
			th {
				vertical-align: middle;
				font-size: 14px;
				font-weight: 500;
				padding: 0 15px;
				border-top: 1px solid rgb(210, 210, 210);
				z-index: 10;
				&:first-child {
					color: $primary-brand;
					padding-left: 35px;
				}
				&:last-child {
					font-weight: 400;
					text-align: start;
				}
			}
			&:last-child {
				th {
					font-weight: 500 !important;
					color: $warning-state !important;
				}
			}
		}
	}
	&--no-border {
		border: none;
	}
}

.table-responsive {
	@extend .scroll-style;
	display: block;
	width: 100%;
	overflow-x: auto;
	margin-bottom: 20px;
	overflow-y: overlay;
	max-height: 657px;
	&--sm {
		max-height: 253px;
	}
}

.no-data {
	padding: 15px 30px;
	background-color: white;
	font-size: 15px;
}

.documents {
	tr {
		th {
			&:nth-child(-n + 2) {
				width: 295px;
			}
			&:last-child {
				text-align: end;
				padding-right: 35px;
			}
		}
	}
}
