﻿.course_table {
	width: 100%;
	box-sizing: border-box;
	counter-reset: rowNumber;
	font-size: 0.9em;
	line-height: 1em;
}

	/*-----------------------------------------------------*/
	/*-----------------------thead-------------------------*/
	/*-----------------------------------------------------*/
	.course_table thead > tr > th {
		background-color: #3b2a5e;
		color: white;
		text-align: center;
		font-weight: normal !important;
		padding: 10px 0;
	}

		.course_table thead > tr > th:not(:first-child) {
			border-right: 1px solid white;
			padding: 5px 10px;
			width: 1px;
		}

		.course_table thead > tr > th:first-child {
			border-radius: 0 9px 0 0;
		}

		.course_table thead > tr > th:last-child {
			border-radius: 9px 0 0 0;
		}
	/*---------------------------------------------------*/
	/*---------------------tbody-------------------------*/
	/*---------------------------------------------------*/
	.course_table tbody > tr {
		counter-increment: rowNumber;
	}

		.course_table tbody > tr:nth-child(2n+1) {
			background-color: #efefef;
		}

		.course_table tbody > tr:nth-child(2n+2) {
			background-color: #e0e0e0;
		}

		/*.course_table tbody > tr > td:nth-child(1)::before {
			content: "درس گفتار " counter(rowNumber) " ";
			font-size: 0.7rem;
			background-color: #9f1515aa;
			color: white;
			border-radius: 9px;
			margin: 0 5px;
			min-width: 4rem;
			display: inline-block;
			text-align: center;
			line-height: 1.3rem;
			vertical-align: middle;
		}*/

		.course_table tbody > tr > td {
			padding: 5px 10px;
			line-height: 1.5em;
		}

			.course_table tbody > tr > td:not(:nth-child(1)) {
				text-align: center;
				border-right: 1px solid lightgray;
			}

			.course_table tbody > tr > td > a > * {
				color: #9f1515;
			}

			.course_table tbody > tr > td .hasvoice::before {
				color: #afafaf;
				font-family: 'Font Awesome 5 Free' !important;
				content: "\f028";
				font-weight: 900;
			}


			.course_table tbody > tr > td .hasvideo::before {
				color: #afafaf;
				font-family: 'Font Awesome 5 Free' !important;
				content: "\f008";
				font-weight: 900;
			}

			.course_table tbody > tr > td .hasdoc::before {
				color: #afafaf;
				font-family: 'Font Awesome 5 Free' !important;
				content: "\f15c";
				font-weight: 400;
			}

			.course_table tbody > tr > td .hasslide::before {
				color: #afafaf;
				font-family: 'Font Awesome 5 Free' !important;
				content: "\f1c4";
				font-weight: 400;
			}
			/*---------------------------------------------------*/
			.course_table tbody > tr > td > .course_table_badge {
				font-size: 0.8em;
				background-color: #3f3f9f;
				color: white;
				border-radius: 10px;
				margin: 0px 3px;
				min-width: 4rem;
				display: inline-block;
				text-align: center;
				line-height: 1.3em;
				vertical-align: middle;
				padding: 1px 5px;
			}

		.course_table tbody > tr.comment_row {
			background-color: #707070;
			color: white;
			font-weight: normal !important;
		}

		.course_table tbody > tr.course_table_badge_free {
			background-color: #dfdf9f;
		}

			.course_table tbody > tr.course_table_badge_free > td:nth-child(1):before {
				content: "رایگان";
				font-size: 0.8em;
				background-color: #cf9f3f;
				color: white;
				border-radius: 9px;
				padding: 0 5px;
				display: inline-block;
				text-align: center;
				line-height: 1.3rem;
				vertical-align: middle;
				transform: rotate(47deg);
				position: absolute;
				right: -1px;
			}
	/*---------------------------------------------------*/
	/*---------------------tfoot-------------------------*/
	/*---------------------------------------------------*/
	.course_table tfoot > tr > td {
		background-color: #3b2a5e;
		color: white;
		text-align: center;
		font-weight: normal !important;
		padding: 10px 0;
	}

		.course_table tfoot > tr > td:not(:first-child) {
			border-right: 1px solid white;
			padding: 5px 10px;
		}

		.course_table tfoot > tr > td:first-child {
			border-radius: 0 0 9px 0;
		}

		.course_table tfoot > tr > td:last-child {
			border-radius: 0 0 0 9px;
		}
