/* =====================================
   TABLE
===================================== */

.c-table {
	width: 100%;
	border-collapse: separate;
	border-spacing: 0;
	background: #fff;
	font-size: 14px;
	border: 1px solid #e2e8f0;
	border-radius: 12px;
	overflow: hidden;
	box-shadow: 0 .125rem .25rem rgba(0,0,0,.075);
	table-layout: auto;
}

/* =====================================
   HEADER
===================================== */

.c-table-th {
	padding: 12px 16px;
	background: #f8fafc;
	border-bottom: 2px solid #e2e8f0;
	font-size: 13px;
	font-weight: 600;
	color: #334155;
	text-align: left;
	white-space: nowrap;
}

.c-table tr:first-child .c-table-th:first-child {
	border-top-left-radius: 12px;
}

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

/* =====================================
   ROWS
===================================== */

.c-table-tr {
	transition: background-color .15s ease;
}

.c-table-tr-background-01 {
	background: #ffffff;
}

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

.c-table-tr:hover {
	background: #eff6ff;
}

/* =====================================
   CELLS
===================================== */

.c-table-td {
	padding: 12px 16px;
	font-size: 14px;
	color: #334155;
	border-bottom: 1px solid #e2e8f0;
	vertical-align: middle;
}

.c-table tr:last-child .c-table-td {
	border-bottom: 0;
}

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

/* =====================================
   STATES
===================================== */

.c-table-td-background-01-2 {
	background: #dcfce7 !important;
	color: #166534;
}

.c-table-td-background-03 {
	background: #fce7f3 !important;
}

.c-table-td-background-04 {
	background: #fef9c3 !important;
}

.c-table-td-background-05 {
	background: #f3e8ff !important;
}

/* =====================================
   COLORS
===================================== */

.c-table-td-color-01 {
	color: #16a34a !important;
	font-weight: 600;
}

.c-table-td-color-02 {
	color: #ea580c !important;
	font-weight: 600;
}

.c-table-td-color-03 {
	color: #dc2626 !important;
	font-weight: 600;
}

.c-table-th-fit,
.c-table-td-fit {
    width: 1%;
    white-space: nowrap;
}

.c-table-th-fill,
.c-table-td-fill {
    width: 100%;
}