.c-table {
	width: 100%;
	border-collapse: separate;
	border-spacing: 0;
	background: #ffffff;
	font-size: 12px;
	overflow: hidden;
	border-top-left-radius:8px;
	border-top-right-radius:8px;
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.08);
}

/* header */
.c-table-th {
	background: #111111;
	color: #ffffff;
	font-family: 'Roboto-medium';
	font-size: 12px;
	font-weight: 500;
	letter-spacing: 0.4px;
	text-align: left;
	padding: 12px 10px;
	border: none;
	border-bottom: 2px solid #000000;
	white-space: nowrap;
}

/* first and last header corners */
.c-table tr:first-child .c-table-th:first-child {
	border-top-left-radius: 8px;
}

.c-table tr:first-child .c-table-th:last-child {
	border-top-right-radius: 8px;
}

/* rows */
.c-table-tr {
	transition: background-color .15s ease, box-shadow .15s ease;
}

/* default rows */
.c-table-tr-background-01 {
	background-color: #ffffff;
}

.c-table-tr-background-02 {
	background-color: #fafafa;
}

/* row hover */
.c-table-tr:hover {
	background-color: #fff7c2;
}

/* cells */
.c-table-td {
	padding: 10px;
	font-size: 12px;
	line-height: 18px;
	letter-spacing: 0.3px;
	color: #222222;
	border-bottom: 1px solid #eeeeee;
	border-left: 1px solid #eeeeee;
	vertical-align: top;
	text-align: left;
	background-clip: padding-box;
}

/* remove last row border */
.c-table tr:last-child .c-table-td {
	border-bottom: none;
}

/* right column */
.c-table-column-right {
	text-align: right;
}

/*
-------------------------------------------------
 Cell background states
-------------------------------------------------
*/
.c-table-td-background-01-2 {
	background-color: var(--color-green-03) !important;
	color: #006600;
}

.c-table-td-background-03 {
	background-color: var(--color-pink-02) !important;
}

.c-table-td-background-04 {
	background-color: var(--color-yellow-01) !important;
}

.c-table-td-background-05 {
	background-color: var(--color-purpu-01) !important;
}

/*
-------------------------------------------------
 Cell colors
-------------------------------------------------
*/
.c-table-td-color-01 {
	color: var(--color-green-02) !important;
	font-family: 'Roboto-medium';
}

.c-table-td-color-02 {
	color: var(--color-orange-01) !important;
	font-family: 'Roboto-medium';
}

.c-table-td-color-03 {
	color: var(--color-red-02) !important;
	font-family: 'Roboto-medium';
}