table:not(.table-condensed) {
	/* table-layout: fixed; */
	width: 100%;
	max-width: 100%;
	border-collapse: collapse;
}

table:not(.table-condensed) thead th {
	text-align: left;
	font-size: 14px;
}

table:not(.table-condensed) tbody tr:hover,
table:not(.table-condensed) tbody tr:active,
table:not(.table-condensed) tbody tr:focus {
	background-color: var(--color-row-hover) !important;
}

table:not(.table-condensed) tbody tr.stc-active {
	background-color: var(--color-row-green) !important;
}

table:not(.table-condensed) tbody tr.stc-active td {
	color: var(--color-white);
}

table:not(.table-condensed) tbody td {
	font-size: 15px;
	overflow-wrap: break-word;
}

table:not(.table-condensed) thead.stc-table__heading--bordered {
	border-bottom: 1.5px solid var(--color-primary);
}

table:not(.table-condensed) thead.stc-table__heading--bordered tr th {
	color: var(--color-primary);
	padding: 10px 5px;
}

.stc-table--checkered tbody tr:nth-child(odd) {
	background-color: var(--color-secondary-pale);
}

.stc-table--checkered thead tr th,
.stc-table--checkered tbody tr td {
	padding: 15px 15px;
}

.stc-table__btn {
	color: var(--color-text-grey);
	text-decoration: none;
	background-color: var(--color-bg);
	display: inline-block;
	width: 27px;
	height: 27px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: auto;
}

.stc-table__btn:hover,
.stc-table__btn:active,
.stc-table__btn:focus {
	background-color: var(--color-primary);
	color: var(--color-white);
	text-decoration: none;
}

table tbody tr.stc-active .stc-table__btn {
	background-color: var(--color-primary);
	color: var(--color-white);
	text-decoration: none;
}

.crmEntityFormView table tbody tr:hover,
.crmEntityFormView table tbody tr:active,
.crmEntityFormView table tbody tr:focus {
	background-color: transparent !important;
}

@media screen and (max-width: 767px) {
	table:not(.table-condensed) {
		table-layout: auto;
	}

	table:not(.table-condensed) thead {
		display: none;
	}

	colgroup col {
		width: auto !important;
	}

	table:not(.table-condensed) tbody tr td {
		width: 100%;
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		column-gap: 10px;
		padding: 7px 10px;
	}

	table:not(.table-condensed) tbody tr td:before {
		content: attr(data-label);
		color: var(--color-text-grey);
	}

	.stc-table--checkered tbody tr td {
		padding: 7px 5px;
	}

	.stc-table__btn {
		margin: 0;
	}

	.stc-table--checkered thead tr th,
	.stc-table--checkered tbody tr td {
		padding: 5px 15px;
	}
}

@media screen and (max-width: 480px) {
	table:not(.table-condensed) tbody tr td {
		width: 100%;
		display: flex;
		flex-direction: column;
		justify-content: flex-start;
		padding: 7px 5px;
	}

	table:not(.table-condensed) tbody tr td:before {
		content: attr(data-label);
		color: var(--color-text-grey);
	}

	table:not(.table-condensed) .stc-text-center {
		text-align: left !important;
	}
}

table.stc-table--horizontal {
	table-layout: fixed;
	width: 100%;
	border-collapse: collapse;
	margin: 30px 0;
}

table.stc-table--horizontal tbody tr:hover,
table.stc-table--horizontal tbody tr:active,
table.stc-table--horizontal tbody tr:focus {
	background-color: transparent !important;
}

table.stc-table--horizontal tbody tr {
	border-top: 1px solid var(--color-secondary);
	text-align: left;
}

table.stc-table--horizontal tbody tr:last-of-type {
	border-bottom: 1px solid var(--color-secondary);
}

table.stc-table--horizontal tbody tr > * {
	padding: 10px;
}

table.stc-table--horizontal tbody tr th {
	border-right: 1px solid var(--color-secondary);
}

table.mini-table thead.stc-table__heading--bordered th {
	padding: 10px;
}

table.mini-table tbody tr td {
	padding: 5px 10px;
}

table.mini-table tr:hover {
	background-color: transparent !important;
}

@media screen and (max-width: 480px) {
	table.mini-table tbody tr td {
		width: 100%;
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		padding: 7px 5px;
		text-align: right;
	}

	table:not(.table-condensed) tbody tr td:before {
		text-align: left;
	}
}

table.fee-table thead {
	/* background-color: #f2f2f2; */
}

table.fee-table thead th {
	padding-top: 0;
	padding-bottom: 5px;
}

table.fee-table tr:hover,
table.fee-table tr:active,
table.fee-table tr:focus {
	background-color: transparent !important;
}

table.fee-table tr td:first-child,
table.fee-table tr th:first-child {
	border-right: 1px solid var(--color-border-grey);
	/* background-color: var(--color-row-hover); */
}

table.fee-table tr:last-child {
	border-bottom: 1px solid var(--color-border-grey);
}

table.fee-table tr td {
	padding: 10px 5px;
}

@media screen and (max-width: 768px) {
	table.fee-table tr td:first-child,
	table.fee-table tr th:first-child {
		border-right: 0;
	}

	table.fee-table tr:first-child {
		border-top: 1px solid var(--color-border-grey);
	}

	table.fee-table tr td {
		padding-bottom: 0;
	}

	table.fee-table td:last-child {
		padding-bottom: 10px;
	}

	table.fee-table td:first-child {
		padding-top: 10px;
	}
}

table.vertical-table tr th {
	text-align: left;
	color: var(--color-primary);
	border-right: 1px solid var(--color-border-grey);
}

table.vertical-table tr {
	border-bottom: 1px solid var(--color-border-grey);
}

table.vertical-table tr:hover,
table.vertical-table tr:active,
table.vertical-table tr:focus {
	background: transparent !important;
}

table.vertical-table tr:first-child {
	border-top: 1px solid var(--color-border-grey);
}

table.vertical-table tr th,
table.vertical-table tr td {
	padding: 5px;
}

table.vertical-table tr td {
	padding-left: 20px;
}

@media screen and (max-width: 768px) {
	table.vertical-table tr th {
		display: none;
	}

	table.vertical-table tr td {
		padding-left: 5px;
	}

	table.vertical-table tr:not(:last-child) {
		border-bottom: none;
	}
}