﻿/* --------Table  */
.table td
{
    color:#7f8082;
}
.table .GridViewHeader, .table .SubGridViewHeader
{
    background:none;
    color:#4c4f52;
    
}
.table .GridViewHeader a, .table .SubGridViewHeader th
{
    color:#4c4f52;
    font-size:14px;
    font-weight:bold;
    
}

.table .GridViewHeader th, .table .SubGridViewHeader th
{
    border-bottom:2px solid #e7eaec;
    padding:5px;
}

.table .GridViewhighlightRow
{
    background-color:#f4f4f4;
}

.table .GridViewAlternatingRow
{
    background-color:#f9f9f9;
}
.table .GridViewRow td, .table .GridViewAlternatingRow td,.table .GridViewhighlightRow td,.table .SubGridViewRow td,.table .SubGridViewAlternatingRow td
{
    
    padding: 8px 5px 8px 5px !important;
    text-align: left;
    vertical-align: middle;
    border-bottom: 1px solid #e7eaec;
    border-right: none;
    border-left: none;

}
.table .GridViewRow a, .table .GridViewAlternatingRow a, .table .GridViewhighlightRow a, .table .SubGridViewRow a, .table .SubGridViewAlternatingRow a
{
    color:#008dcd;
}



.table .GridViewPager span, .table .GridViewPager a
{     
    border: 1px solid #e8e8e8;
    padding: 6px 11px;
    border-radius: 4px;
    color: #727272;
    text-decoration: none;
}

.table .GridViewPager a
{
     background-color: #fff;
}
.table .GridViewPager span, .table .GridViewPager a:hover
{
     background-color: #ebebeb;
}
.table .GridViewPager td
{ 
    padding-top:10px;
}
.table .GridViewPager
{
    text-decoration:none;  
}

/* --------Crousal */
.jcarousel ul li
{
    width:auto !important;
}
.jcarousel-wrapper
{    
     border: none !important; 
    -webkit-box-shadow:none !important; 
    -moz-box-shadow:none !important; 
     box-shadow:none !important; 
}
.course-card
{
    position:relative;
    border:1px solid #ededed;
    background-color:#fafafa;
    width:215px;
    margin-right:15px;
}
.c-img-container
{
    background-color:#bebebe;
    height:114px;
    position:relative;
    overflow:hidden;
}
.c-data-container
{
    padding:10px;
}
.off-type-label
{
    position:absolute;
    color:#fff;
    background-color:rgba(0, 0, 0, 0.72);
    padding:4px 10px;
    bottom:0;
    
    
}

.jcarousel .off-type-label img, .jcarousel .off-type-label span{    
    display: inline-block;
    vertical-align: middle;
}

.c-data-container h3
{
    font-size: 15px;/*font-size: 16px;*/
    font-weight: 600;
    color: #4c4f52;
    height:36px;
    overflow:hidden;
    Text-overflow:ellipsis;   
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -moz-line-clamp: 2;
    -ms-line-clamp: 2;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -ms-box-orient: vertical;
}
    
.small-gray-label
{
    color:#7f8082;
    font-size:13px;
}
.jcarousel-control-prev, .jcarousel-control-next
{
    background:none !important;
    margin-top:-47px !important;
}
.jcarousel-control-prev {
    right: 28px !important;
}

.jcarousel-control-next {
    right: 0 !important;
}

.course-img-right 
{
    margin-right: 5px;
}
