@charset "utf-8";
/* CSS Document */

table {width: 100%; text-align: center; border-radius: 6px; border-collapse: separate; border-spacing: 0px;}
table thead tr {color: #ffffff; font-weight: 400; background:#294a70;height:45px;text-align: center;}
td, th {border: 0px;border-right: 1px solid #dddddd;padding: 0 5px 0 5px;font-weight: 400;}
table tr td {border-right: 1px solid #ddd;padding:7px;text-align:left;}
table tr td:last-child{border-right:1px;}
/*table tbody tr.new td:first-child{padding-left:2px; background: url('../images/icon-new2.png') no-repeat  !important;}*/
table tbody tr.new td:first-child{padding-left:2px; background: url('../images/icon-new.png') no-repeat  !important; background-size: contain !important;}
table tbody tr.new2 td:last-child{padding-left:2px; background: url('../images/icon-new2.png') no-repeat  !important; background-size: contain !important; background-position: 100% 50% !important;}
table tbody tr.update td:first-child{padding-left:2px; background: url('../images/icon-update.png') no-repeat  !important; background-size: contain !important;}
table tbody tr.update2 td:last-child{padding-left:2px; background: url('../images/icon-update2.png') no-repeat  !important; background-size: contain !important; background-position: 100% 50% !important;}
table tbody tr.video td:first-child{padding-left:2px; background: url('../images/video.png') no-repeat  !important; background-size: 35% !important;}
table tbody tr.video2 td:last-child{padding-left:2px; background: url('../images/video.png') no-repeat  !important; background-size: contain !important; background-position: 100% 50% !important;}

table tbody tr:nth-child(1n) {background:#f6f6f6;}
table tbody tr:nth-child(2n) {background:#fff;}
table tbody tr:hover {background: #e2f4ff;transition-duration: 0.6s;}
table tbody tr.trh {background-color: #bbe6ff;font-weight: bold;}
table .courses-table-head2 .courses-table-row {background: #ececec;color: #333;}
table .courses-table-cell {text-align: center;}
table .courses-name {text-align: left;}

.scrolltable { margin-top: 20px; height: 100%; overflow: auto; }
.scrolltable table { border-collapse: collapse; }


@media screen and (max-width: 600px) {
	table tbody tr.new td:first-child, table tbody tr.update td:first-child, table tbody tr.video td:first-child {
    background-size: 10% !important;
}
	
}