@charset "utf-8";

.rwd-table td,
.rwd-table th {
	border: 1px solid #22222224
}

.rwd-table th {
	display: none
}

.rwd-table td {
	display: block
}

.rwd-table td:last-child {
	padding-bottom: .5em
}

.rwd-table td:before {
	content: attr(data-th) ": ";
	font-weight: 700;
	width: 80%;
	display: inline-block
}

.book-list .rwd-table td:before {
	position: absolute;
	left: 40px
}
tr.heading-table th {
    background: var(--primary-color);
    color: #fff;
}
@media (min-width:768px) {
	.rwd-table td:before {
		display: none
	}
}

.rwd-table td,
.rwd-table th {
	text-align: left
}

@media (min-width:768px) {

	.rwd-table td,
	.rwd-table th {
		display: table-cell;
		vertical-align: middle
	}

	.rwd-table td:first-child,
	.rwd-table th:first-child {
		padding-left: 0
	}

	.rwd-table td:last-child,
	.rwd-table th:last-child {
		padding-right: 0
	}
}

.rwd-table {
	color: var(--text-color);
	overflow: hidden;
	width: 100%;
	border: 1px solid #22222224;
	font-weight: 400;
    margin-bottom: 0;
    border-radius: 10px
}

@media (min-width:768px) {

	.rwd-table td,
	.rwd-table th {
		        padding: 10px !important;
        text-align: left;
        font-size: 15px;
        line-height: 20px;
		        min-width: inherit;
	}
}

@media (max-width:767px) {

	.rwd-table td,
	.rwd-table th {
		margin-bottom: 0;
		text-align: left !important;
		padding: 5px
	}

	.rwd-table td:first-child {
		background: #d12023;
		color: #fff
	}

	.table tr:nth-child(odd) {
		background: rgb(0, 0, 0, 0)
	}

	.rwd-table td,
	.rwd-table th {
		border: 1px solid rgba(0, 0, 0, .2)
	}
}

.table td,
.table th {
	padding: .75rem;
	vertical-align: middle;
	border-top: 0;
            color: var(--text-color);
    font-weight: 500;
}

tr:nth-child(odd) {
  background-color: var(--secondary-color)
}


.table>:not(caption)>*>*{
    background-color: transparent
}